*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f5f5f5}.app{display:flex;min-height:100vh}.sidebar{width:220px;background:#1a1a2e;color:#fff;padding:20px}.sidebar h1{font-size:18px;margin-bottom:30px}.sidebar ul{list-style:none}.sidebar li{margin-bottom:8px}.sidebar a{color:#aaa;text-decoration:none;display:block;padding:10px 12px;border-radius:6px}.sidebar a:hover,.sidebar a.active{background:#16213e;color:#fff}.content{flex:1;padding:30px}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.header-actions{display:flex;gap:12px;align-items:center}.btn-primary{background:#06c;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer}.btn-primary:hover{background:#0052a3}.btn-primary:disabled{background:#ccc}.btn-secondary{background:#fff;border:1px solid #ddd;padding:6px 12px;border-radius:4px;cursor:pointer;margin-right:8px}.btn-secondary:hover{background:#f5f5f5}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.data-table{width:100%;background:#fff;border-radius:8px;border-collapse:collapse;box-shadow:0 1px 3px #0000001a}.data-table th,.data-table td{padding:12px 16px;text-align:left;border-bottom:1px solid #eee}.data-table th{background:#fafafa;font-weight:600}.status-badge{padding:4px 8px;border-radius:4px;font-size:12px}.status-badge.active{background:#d4edda;color:#155724}.status-badge.inactive{background:#f8d7da;color:#721c24}.filters{display:flex;gap:12px;margin-bottom:20px}.filters input{padding:8px 12px;border:1px solid #ddd;border-radius:6px;width:200px}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:6px;font-weight:500}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px;border:1px solid #ddd;border-radius:6px;font-size:14px}.form-group textarea.code-editor{font-family:monospace;font-size:13px}.form-row{display:flex;gap:16px}.form-row .form-group{flex:1}.form-actions{display:flex;gap:12px;margin-top:24px}.error-message{color:#dc3545;margin-bottom:16px}.success-banner{background:#d4edda;color:#155724;padding:12px 16px;border-radius:6px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center}.success-banner button{background:none;border:none;font-size:18px;cursor:pointer}.loading,.error,.empty-state{padding:40px;text-align:center;color:#666}.error{color:#dc3545}.stats-summary{display:flex;gap:20px;margin-bottom:30px}.stat-card{background:#fff;padding:20px;border-radius:8px;box-shadow:0 1px 3px #0000001a}.stat-card h3{font-size:14px;color:#666;margin-bottom:8px}.stat-value{font-size:32px;font-weight:600}.trend-chart{display:flex;gap:8px;align-items:flex-end;height:150px;background:#fff;padding:20px;border-radius:8px}.trend-bar{flex:1;display:flex;flex-direction:column;align-items:center}.trend-bar .bar{width:100%;background:#06c;border-radius:4px 4px 0 0;min-height:4px}.trend-bar .label{font-size:11px;color:#666;margin-top:8px}.trend-bar .count{font-size:12px;font-weight:500}.feature-comparison h2{margin-bottom:24px}.comparison-header{margin-bottom:30px}.platform-summary{display:flex;align-items:center;justify-content:center;gap:24px}.platform-card{background:#fff;padding:20px 40px;border-radius:12px;text-align:center;box-shadow:0 2px 8px #0000001a}.platform-card.send{border-top:4px solid #0066cc}.platform-card.appsflyer{border-top:4px solid #00c853}.platform-name{font-size:16px;font-weight:600;margin-bottom:8px}.platform-score{font-size:28px;font-weight:700;color:#333}.vs{font-size:18px;color:#999;font-weight:500}.category-section{margin-bottom:24px}.category-section h3{font-size:14px;text-transform:uppercase;color:#666;margin-bottom:12px;letter-spacing:.5px}.comparison-table{width:100%;background:#fff;border-radius:8px;border-collapse:collapse;box-shadow:0 1px 3px #00000014}.comparison-table th,.comparison-table td{padding:12px 16px;border-bottom:1px solid #f0f0f0}.comparison-table th{background:#fafafa;font-weight:600;font-size:13px;text-align:left}.comparison-table th:nth-child(2),.comparison-table th:nth-child(3),.comparison-table td:nth-child(2),.comparison-table td:nth-child(3){text-align:center;width:100px}.comparison-table td:first-child{font-size:14px}.comparison-table tr:last-child td{border-bottom:none}.icon{font-size:16px;font-weight:700}.icon.yes{color:#28a745}.icon.no{color:#dc3545}.sidebar-header{margin-bottom:30px}.sidebar-header h1{margin-bottom:12px}.environment-switcher{display:flex;align-items:center;gap:8px;font-size:12px}.environment-switcher label{color:#888}.environment-switcher select{font-size:11px;padding:4px 8px;border-radius:4px;border:none;cursor:pointer;outline:none}.environment-switcher select:focus{box-shadow:0 0 0 2px #ffffff4d}.mock-indicator{background:#6b7280;color:#fff;font-size:10px;padding:2px 6px;border-radius:3px;margin-left:8px;text-transform:uppercase}.capi-settings{max-width:900px}.capi-tabs{display:flex;gap:4px;margin-bottom:24px;border-bottom:2px solid #eee}.capi-tab{padding:12px 24px;background:none;border:none;cursor:pointer;font-size:14px;color:#666;border-bottom:2px solid transparent;margin-bottom:-2px}.capi-tab:hover{color:#333}.capi-tab.active{color:#06c;border-bottom-color:#06c}.capi-form{background:#fff;padding:24px;border-radius:8px;box-shadow:0 1px 3px #0000001a}.capi-form h3{margin-bottom:20px;display:flex;align-items:center;gap:12px}.enabled-toggle{display:flex;align-items:center;gap:8px;margin-bottom:20px}.enabled-toggle input[type=checkbox]{width:18px;height:18px}.test-connection-btn{margin-top:16px}.connection-result{margin-top:12px;padding:12px;border-radius:6px}.connection-result.success{background:#d4edda;color:#155724}.connection-result.error{background:#f8d7da;color:#721c24}.attribution-dashboard{max-width:1200px}.attribution-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:30px}.summary-card{background:#fff;padding:20px;border-radius:8px;box-shadow:0 1px 3px #0000001a}.summary-card h4{font-size:12px;color:#666;text-transform:uppercase;margin-bottom:8px}.summary-card .value{font-size:28px;font-weight:600}.breakdown-section{background:#fff;padding:20px;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:20px}.breakdown-section h3{margin-bottom:16px;font-size:16px}.breakdown-bars{display:flex;flex-direction:column;gap:12px}.breakdown-bar{display:flex;align-items:center;gap:12px}.breakdown-bar .label{width:120px;font-size:13px}.breakdown-bar .bar-container{flex:1;height:24px;background:#f0f0f0;border-radius:4px;overflow:hidden}.breakdown-bar .bar-fill{height:100%;background:#06c;border-radius:4px;transition:width .3s ease}.breakdown-bar .count{width:80px;text-align:right;font-size:13px;font-weight:500}.sync-status-list{display:flex;flex-direction:column;gap:12px}.sync-status-item{display:flex;align-items:center;justify-content:space-between;padding:12px;background:#f9f9f9;border-radius:6px}.sync-platform{display:flex;align-items:center;gap:12px}.sync-platform-name{font-weight:500;text-transform:capitalize}.sync-status-badge{padding:4px 8px;border-radius:4px;font-size:11px;font-weight:500}.sync-status-badge.success{background:#d4edda;color:#155724}.sync-status-badge.failed{background:#f8d7da;color:#721c24}.sync-status-badge.pending{background:#fff3cd;color:#856404}.sync-status-badge.never{background:#e9ecef;color:#6c757d}.sync-time{font-size:12px;color:#666}.retry-btn{padding:6px 12px;font-size:12px}.loading{display:flex;align-items:center;justify-content:center;height:100vh;font-size:18px;color:#666}.auth-required{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;text-align:center;padding:40px}.auth-required h2{color:#333;margin-bottom:16px}.auth-required p{color:#666;max-width:400px}.user-info{font-size:12px;color:#888;margin-top:8px;padding:4px 8px;background:#ffffff1a;border-radius:4px}