:root{--am-navy: #003c70;--am-navy-light: #0072bc;--am-navy-dark: #002a50;--am-orange: #ff4e00;--am-orange-light: #ff7a3d;--am-purple: #6d247c;--am-purple-light: #8b3fa0;--am-bg: #f1f5f9;--am-card: #ffffff;--am-card-hover: #f8fafc;--am-border: #e2e8f0;--am-text: #0f172a;--am-text-secondary: #64748b;--am-text-tertiary: #94a3b8;--am-sidebar-bg: #003c70;--am-sidebar-text: rgba(255,255,255,.65);--am-sidebar-text-active: #ffffff;--am-sidebar-hover: rgba(255,255,255,.08);--am-sidebar-active: rgba(255,255,255,.15);--am-success: #10b981;--am-warning: #f59e0b;--am-danger: #ef4444;--am-info: #0072bc;--am-sidebar-width: 260px;--am-sidebar-collapsed: 72px;--am-header-height: 64px;--am-radius: 12px;--am-radius-sm: 8px;--am-radius-lg: 16px}.dark{--am-bg: #050a14;--am-card: #0d1526;--am-card-hover: #111d33;--am-border: #1e293b;--am-text: #f1f5f9;--am-text-secondary: #94a3b8;--am-text-tertiary: #475569;--am-sidebar-bg: #020810}.admin-layout{display:flex;min-height:100vh;background:var(--am-bg);color:var(--am-text);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.admin-sidebar{width:var(--am-sidebar-width);background:var(--am-sidebar-bg);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:50;transition:width .2s ease;overflow-y:auto;overflow-x:hidden}.admin-sidebar::-webkit-scrollbar{width:0}.admin-main{flex:1;margin-left:var(--am-sidebar-width);display:flex;flex-direction:column;min-height:100vh;transition:margin-left .2s ease}.admin-header{height:var(--am-header-height);background:var(--am-card);border-bottom:1px solid var(--am-border);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:40}.admin-content{flex:1;padding:28px;overflow-y:auto}.sidebar-logo{padding:20px 22px;display:flex;align-items:center;gap:12px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:8px}.sidebar-logo-icon{width:38px;height:38px;background:linear-gradient(135deg,var(--am-orange) 0%,var(--am-orange-light) 100%);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar-logo-text{display:flex;flex-direction:column}.sidebar-logo-title{color:#fff;font-weight:800;font-size:16px;letter-spacing:-.3px;line-height:1.1}.sidebar-logo-subtitle{color:#ffffff73;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;margin-top:2px}.sidebar-section{padding:6px 12px}.sidebar-section-label{padding:8px 12px 5px;font-size:10px;font-weight:700;letter-spacing:.4px;color:#ffffff59}.sidebar-item{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:var(--am-radius-sm);color:var(--am-sidebar-text);cursor:pointer;transition:all .15s ease;font-size:13px;font-weight:600;text-decoration:none;border:none;background:none;width:100%;text-align:left}.sidebar-item:hover{background:var(--am-sidebar-hover);color:var(--am-sidebar-text-active)}.sidebar-item.active{background:var(--am-sidebar-active);color:var(--am-sidebar-text-active);box-shadow:inset 3px 0 0 var(--am-orange)}.sidebar-item-icon{width:20px;height:20px;flex-shrink:0;opacity:.8}.sidebar-item.active .sidebar-item-icon{opacity:1}.sidebar-badge{margin-left:auto;background:var(--am-orange);color:#fff;font-size:10px;font-weight:800;padding:2px 7px;border-radius:10px;line-height:1.4}.sidebar-footer{margin-top:auto;padding:16px;border-top:1px solid rgba(255,255,255,.08)}.sidebar-quick-access{border-top:1px solid rgba(255,255,255,.08);margin-top:8px;padding:8px 12px 4px}.sidebar-qa-label{display:flex;align-items:center;gap:6px}.sidebar-qa-label svg{color:var(--am-orange);flex-shrink:0}.sidebar-qa-item{font-size:12px;padding:8px 14px}.header-search{display:flex;align-items:center;gap:8px;background:var(--am-bg);border:1px solid var(--am-border);border-radius:var(--am-radius-sm);padding:8px 14px;width:320px;transition:all .15s ease}.header-search:focus-within{border-color:var(--am-navy-light);box-shadow:0 0 0 3px #0072bc1a}.header-search input{border:none;background:none;outline:none;font-size:13px;font-weight:500;color:var(--am-text);width:100%}.header-search input::placeholder{color:var(--am-text-tertiary)}.header-actions{display:flex;align-items:center;gap:6px}.header-btn{width:38px;height:38px;border-radius:var(--am-radius-sm);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease;border:none;background:none;color:var(--am-text-secondary);position:relative}.header-btn:hover{background:var(--am-bg);color:var(--am-text)}.header-btn .notification-dot{position:absolute;top:8px;right:8px;width:7px;height:7px;background:var(--am-orange);border-radius:50%;border:2px solid var(--am-card)}.header-user{display:flex;align-items:center;gap:10px;padding:4px 8px 4px 4px;border-radius:var(--am-radius-sm);cursor:pointer;transition:background .15s;margin-left:8px}.header-user:hover{background:var(--am-bg)}.header-user-avatar{width:34px;height:34px;background:linear-gradient(135deg,var(--am-navy) 0%,var(--am-navy-light) 100%);border-radius:var(--am-radius-sm);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:13px}.header-user-info{display:flex;flex-direction:column}.header-user-name{font-size:12px;font-weight:700;color:var(--am-text);line-height:1.2}.header-user-role{font-size:10px;font-weight:600;color:var(--am-orange);text-transform:uppercase;letter-spacing:.5px}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:24px}.kpi-card{background:var(--am-card);border:1px solid var(--am-border);border-radius:var(--am-radius);padding:22px;transition:all .2s ease;position:relative;overflow:hidden}.kpi-card:hover{border-color:var(--am-navy-light);box-shadow:0 4px 20px #003c7014}.kpi-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.kpi-card-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--am-text-tertiary)}.kpi-card-icon{width:36px;height:36px;border-radius:var(--am-radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}.kpi-card-value{font-size:32px;font-weight:900;letter-spacing:-1px;line-height:1;color:var(--am-text)}.kpi-card-footer{display:flex;align-items:center;gap:8px;margin-top:10px}.kpi-card-trend{display:inline-flex;align-items:center;gap:3px;font-size:11px;font-weight:700;padding:2px 6px;border-radius:6px}.kpi-card-trend.up{color:var(--am-success);background:#10b9811a}.kpi-card-trend.down{color:var(--am-danger);background:#ef44441a}.kpi-card-trend.neutral{color:var(--am-text-tertiary);background:#94a3b81a}.kpi-card-compare{font-size:11px;color:var(--am-text-tertiary);font-weight:500}.chart-card{background:var(--am-card);border:1px solid var(--am-border);border-radius:var(--am-radius);padding:22px;margin-bottom:20px}.chart-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.chart-card-title{font-size:15px;font-weight:800;color:var(--am-text);letter-spacing:-.3px}.chart-card-controls{display:flex;gap:4px}.chart-card-controls button{padding:5px 12px;font-size:11px;font-weight:700;border-radius:6px;border:1px solid var(--am-border);background:var(--am-card);color:var(--am-text-secondary);cursor:pointer;transition:all .15s}.chart-card-controls button.active,.chart-card-controls button:hover{background:var(--am-navy);color:#fff;border-color:var(--am-navy)}.data-table-wrapper{background:var(--am-card);border:1px solid var(--am-border);border-radius:var(--am-radius);overflow:hidden;margin-bottom:20px}.data-table-header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--am-border)}.data-table-title{font-size:15px;font-weight:800;color:var(--am-text)}.data-table-actions{display:flex;gap:8px}.data-table{width:100%;border-collapse:collapse}.data-table thead th{padding:12px 18px;text-align:left;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:1.2px;color:var(--am-text-tertiary);background:var(--am-bg);border-bottom:1px solid var(--am-border);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .15s}.data-table thead th:hover{color:var(--am-text)}.data-table tbody tr{border-bottom:1px solid var(--am-border);transition:background .1s}.data-table tbody tr:last-child{border-bottom:none}.data-table tbody tr:hover{background:var(--am-card-hover)}.data-table td{padding:14px 18px;font-size:13px;color:var(--am-text);font-weight:500;vertical-align:middle}.data-table-pagination{display:flex;align-items:center;justify-content:space-between;padding:14px 22px;border-top:1px solid var(--am-border);font-size:12px;color:var(--am-text-secondary)}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:6px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.badge-active{background:#10b9811f;color:#059669}.badge-suspended{background:#ef44441f;color:#dc2626}.badge-pending{background:#f59e0b1f;color:#d97706}.badge-admin{background:#003c701f;color:var(--am-navy)}.badge-pro{background:#6d247c1f;color:var(--am-purple)}.badge-user{background:#94a3b81f;color:#64748b}.dark .badge-active{background:#10b98126;color:#34d399}.dark .badge-suspended{background:#ef444426;color:#f87171}.dark .badge-pending{background:#f59e0b26;color:#fbbf24}.dark .badge-admin{background:#0072bc26;color:#60a5fa}.dark .badge-pro{background:#6d247c33;color:#c084fc}.usage-bar-container{display:flex;align-items:center;gap:10px}.usage-bar{flex:1;height:6px;background:var(--am-border);border-radius:4px;overflow:hidden;max-width:120px}.usage-bar-fill{height:100%;border-radius:4px;transition:width .4s ease}.usage-bar-label{font-size:11px;font-weight:700;color:var(--am-text-secondary);white-space:nowrap}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--am-radius-sm);font-size:12px;font-weight:700;cursor:pointer;transition:all .15s;border:1px solid transparent;text-decoration:none}.btn-primary{background:var(--am-navy);color:#fff}.btn-primary:hover{background:var(--am-navy-dark)}.btn-orange{background:var(--am-orange);color:#fff}.btn-orange:hover{background:#e04500}.btn-ghost{background:none;color:var(--am-text-secondary);border:1px solid var(--am-border)}.btn-ghost:hover{background:var(--am-bg);color:var(--am-text)}.btn-danger{background:#ef44441a;color:var(--am-danger)}.btn-danger:hover{background:#ef444433}.btn-icon{width:32px;height:32px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:var(--am-radius-sm);border:none;background:none;color:var(--am-text-tertiary);cursor:pointer;transition:all .15s}.btn-icon:hover{background:var(--am-bg);color:var(--am-text)}.grid-2col{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.grid-3col{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}@media(max-width:1280px){.grid-2col,.grid-3col{grid-template-columns:1fr}}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.page-title{font-size:22px;font-weight:900;letter-spacing:-.5px;color:var(--am-text)}.page-subtitle{font-size:13px;color:var(--am-text-secondary);font-weight:500;margin-top:2px}.period-selector{display:inline-flex;background:var(--am-bg);border:1px solid var(--am-border);border-radius:var(--am-radius-sm);padding:3px;gap:2px}.period-selector button{padding:6px 14px;font-size:11px;font-weight:700;border-radius:6px;border:none;background:none;color:var(--am-text-secondary);cursor:pointer;transition:all .15s}.period-selector button.active{background:var(--am-card);color:var(--am-text);box-shadow:0 1px 3px #0000000f}@keyframes adminFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.admin-content>*{animation:adminFadeIn .25s ease forwards}[data-tooltip]{position:relative}[data-tooltip]:hover:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background:var(--am-navy);color:#fff;padding:5px 10px;border-radius:6px;font-size:11px;font-weight:600;white-space:nowrap;z-index:100;pointer-events:none}