.analytics-container{max-width:1400px;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:#333;margin:0;font-size:28px;font-weight:600}.analytics-controls{align-items:center;gap:10px;display:flex}.analytics-controls label{color:#666;font-weight:500}.analytics-period-select{cursor:pointer;background-color:#fff;border:1px solid #ddd;border-radius:6px;padding:8px 12px;font-size:14px;transition:border-color .2s}.analytics-period-select:hover{border-color:#999}.analytics-period-select:focus{border-color:#06f;outline:none;box-shadow:0 0 0 3px rgba(0,102,255,.1)}.analytics-tabs{-webkit-overflow-scrolling:touch;border-bottom:1px solid #eee;gap:8px;margin-bottom:24px;display:flex;overflow-x:auto}.analytics-tab{color:#666;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:#333}.analytics-tab.active{color:#06f;border-bottom-color:#06f}.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:#333;margin:0 0 20px;font-size:20px;font-weight:600}.analytics-section h3{color:#666;margin:20px 0 16px;font-size:16px;font-weight:500}.analytics-section-gap{margin-top:24px}.analytics-subtitle{color:#999;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:#fff;border:1px solid #eee;border-radius:8px;padding:20px;transition:all .2s;box-shadow:0 1px 3px rgba(0,0,0,.05)}.metric-card:hover{border-color:#ddd;box-shadow:0 4px 12px rgba(0,0,0,.1)}.metric-label{color:#999;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:12px;font-weight:600}.metric-value{color:#06f;font-size:32px;font-weight:700;line-height:1.2}.table-wrapper{-webkit-overflow-scrolling:touch;background:#fff;border:1px solid #eee;border-radius:8px;overflow-x:auto}.analytics-table{border-collapse:collapse;width:100%;font-size:14px}.analytics-table thead{background:#f8f9fa;border-bottom:2px solid #eee}.analytics-table th{text-align:left;color:#666;text-transform:uppercase;letter-spacing:.5px;padding:12px 16px;font-size:12px;font-weight:600}.analytics-table td{color:#333;border-bottom:1px solid #eee;padding:12px 16px}.analytics-table tbody tr:hover{background:#f8f9fa}.analytics-table tbody tr:last-child td{border-bottom:none}.analytics-table strong{color:#06f;font-weight:600}.analytics-table small{color:#999;margin-top:4px;font-size:12px;display:block}.high-ctr{color:#10b981;font-weight:600}.medium-ctr{color:#f59e0b;font-weight:600}.low-ctr{color:#ef4444;font-weight:600}.analytics-loading,.analytics-error{text-align:center;color:#666;padding:60px 20px;font-size:16px}.analytics-error{color:#dc2626}.analytics-retry-btn{color:#fff;cursor:pointer;background:#06f;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:#0052cc}.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}}