:root,[data-theme=light]{--ad-bg:#fff;--ad-card-bg:#fff;--ad-text:#1a1a1a;--ad-text-light:#555;--ad-text-muted:#999;--ad-border:#e5e5e5;--ad-border-light:#eee;--ad-primary:#465902;--ad-primary-hover:#374801;--ad-accent:#d9b504;--ad-table-header-bg:#f8f9fa;--ad-row-hover:#f8f9fa;--ad-error:#c62828;--ad-success:#2e7d32;--ad-ctr-high:#10b981;--ad-ctr-mid:#f59e0b;--ad-ctr-low:#ef4444;--ad-shadow:rgba(0,0,0,.05);--ad-shadow-hover:rgba(0,0,0,.1)}[data-theme=dark]{--ad-bg:#181a1b;--ad-card-bg:#242628;--ad-text:#f5f5f5;--ad-text-light:#ccc;--ad-text-muted:#888;--ad-border:#333;--ad-border-light:#333;--ad-primary:#a3c9a8;--ad-primary-hover:#8ab990;--ad-accent:gold;--ad-table-header-bg:#2a2d2f;--ad-row-hover:#2a2d2f;--ad-error:#ef5350;--ad-success:#66bb6a;--ad-ctr-high:#34d399;--ad-ctr-mid:#fbbf24;--ad-ctr-low:#f87171;--ad-shadow:rgba(0,0,0,.2);--ad-shadow-hover:rgba(0,0,0,.35)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--ad-bg:#181a1b;--ad-card-bg:#242628;--ad-text:#f5f5f5;--ad-text-light:#ccc;--ad-text-muted:#888;--ad-border:#333;--ad-border-light:#333;--ad-primary:#a3c9a8;--ad-primary-hover:#8ab990;--ad-accent:gold;--ad-table-header-bg:#2a2d2f;--ad-row-hover:#2a2d2f;--ad-error:#ef5350;--ad-success:#66bb6a;--ad-ctr-high:#34d399;--ad-ctr-mid:#fbbf24;--ad-ctr-low:#f87171;--ad-shadow:rgba(0,0,0,.2);--ad-shadow-hover:rgba(0,0,0,.35)}}.analytics-container{background-color:var(--ad-bg);max-width:1400px;color:var(--ad-text);margin:0 auto;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.analytics-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;display:flex}.analytics-header h1{color:var(--ad-text);margin:0;font-size:28px;font-weight:600}.analytics-controls{align-items:center;gap:10px;display:flex}.analytics-controls label{color:var(--ad-text-light);font-weight:500}.analytics-period-select{border:1px solid var(--ad-border);cursor:pointer;background-color:var(--ad-card-bg);color:var(--ad-text);border-radius:6px;padding:8px 12px;font-size:14px;transition:border-color .2s}.analytics-period-select:hover{border-color:var(--ad-text-muted)}.analytics-period-select:focus{border-color:var(--ad-primary);outline:none;box-shadow:0 0 0 3px rgba(70,89,2,.15)}.analytics-tabs{border-bottom:1px solid var(--ad-border-light);-webkit-overflow-scrolling:touch;gap:8px;margin-bottom:24px;display:flex;overflow-x:auto}.analytics-tab{color:var(--ad-text-light);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid transparent;padding:12px 16px;font-size:14px;font-weight:500;transition:all .2s}.analytics-tab:hover{color:var(--ad-text)}.analytics-tab.active{color:var(--ad-primary);border-bottom-color:var(--ad-primary)}.analytics-content{animation:.3s ease-in fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.analytics-section{margin-bottom:40px}.analytics-section h2{color:var(--ad-text);margin:0 0 20px;font-size:20px;font-weight:600}.analytics-section h3{color:var(--ad-text-light);margin:20px 0 16px;font-size:16px;font-weight:500}.analytics-section-gap{margin-top:24px}.analytics-subtitle{color:var(--ad-text-muted);margin:0 0 16px;font-size:14px}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px;display:grid}.metric-card{background:var(--ad-card-bg);border:1px solid var(--ad-border-light);box-shadow:0 1px 3px var(--ad-shadow);border-radius:8px;padding:20px;transition:all .2s}.metric-card:hover{border-color:var(--ad-border);box-shadow:0 4px 12px var(--ad-shadow-hover)}.metric-label{color:var(--ad-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:12px;font-weight:600}.metric-value{color:var(--ad-primary);font-size:32px;font-weight:700;line-height:1.2}.table-wrapper{-webkit-overflow-scrolling:touch;border:1px solid var(--ad-border-light);background:var(--ad-card-bg);border-radius:8px;overflow-x:auto}.analytics-table{border-collapse:collapse;width:100%;font-size:14px}.analytics-table thead{background:var(--ad-table-header-bg);border-bottom:2px solid var(--ad-border-light)}.analytics-table th{text-align:left;color:var(--ad-text-light);text-transform:uppercase;letter-spacing:.5px;padding:12px 16px;font-size:12px;font-weight:600}.analytics-table td{border-bottom:1px solid var(--ad-border-light);color:var(--ad-text);padding:12px 16px}.analytics-table tbody tr:hover{background:var(--ad-row-hover)}.analytics-table tbody tr:last-child td{border-bottom:none}.analytics-table strong{color:var(--ad-primary);font-weight:600}.analytics-table small{color:var(--ad-text-muted);margin-top:4px;font-size:12px;display:block}.high-ctr{color:var(--ad-ctr-high);font-weight:600}.medium-ctr{color:var(--ad-ctr-mid);font-weight:600}.low-ctr{color:var(--ad-ctr-low);font-weight:600}.analytics-loading,.analytics-error{text-align:center;color:var(--ad-text-light);padding:60px 20px;font-size:16px}.analytics-error{color:var(--ad-error)}.analytics-retry-btn{background:var(--ad-primary);color:#fff;cursor:pointer;border:none;border-radius:6px;margin-top:16px;padding:10px 20px;font-size:14px;font-weight:500;transition:background .2s}.analytics-retry-btn:hover{background:var(--ad-primary-hover)}.analytics-retry-btn:active{transform:scale(.98)}@media (width<=768px){.analytics-container{padding:12px}.analytics-header{flex-direction:column;align-items:flex-start}.analytics-header h1{font-size:24px}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.metric-card{padding:16px}.metric-value{font-size:24px}.analytics-table{font-size:13px}.analytics-table th,.analytics-table td{padding:8px 12px}.analytics-tabs{gap:4px}.analytics-tab{padding:10px 12px;font-size:12px}}@media (width<=480px){.analytics-container{padding:8px}.analytics-header h1{font-size:20px}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px}.metric-card{padding:12px}.metric-label{font-size:10px}.metric-value{font-size:20px}.analytics-table{font-size:12px}.analytics-table th,.analytics-table td{padding:6px 8px}.analytics-section h2{font-size:18px}.analytics-section h3{font-size:14px}}