@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#0f172a;background:#f5f7fb;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#f5f7fb}button,input{font:inherit}button{cursor:pointer}.admin-app{display:flex;min-height:100vh}.sidebar{position:fixed;z-index:20;left:0;top:0;bottom:0;width:260px;background:#0b1220;color:#dbe4f0;padding:18px 12px;display:flex;flex-direction:column;transition:.22s ease;border-right:1px solid #1e293b}.is-collapsed .sidebar{width:76px}.brand{height:58px;display:flex;align-items:center;gap:11px;padding:0 8px 14px;border-bottom:1px solid #1e293b}.brand-mark{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font-weight:900;color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);box-shadow:0 8px 25px #2563eb33}.brand-copy{display:flex;flex-direction:column;min-width:0}.brand-copy strong{font-size:16px;letter-spacing:.8px}.brand-copy span{font-size:9px;color:#7f8ea3;margin-top:2px;white-space:nowrap}.sidebar-toggle{margin-left:auto;color:#9aa9bd!important;background:#111c2f!important}.is-collapsed .brand-copy,.is-collapsed .sidebar-label,.is-collapsed .nav-item span,.is-collapsed .sidebar-footer{display:none}.sidebar-label{font-size:9px;font-weight:800;letter-spacing:1.2px;color:#64748b;padding:22px 11px 8px}.nav-list{display:flex;flex-direction:column;gap:3px;overflow:auto;padding-right:1px}.nav-list::-webkit-scrollbar{width:3px}.nav-item{display:flex;align-items:center;gap:11px;color:#91a1b6;text-decoration:none;padding:10px 11px;border-radius:10px;font-size:12px;font-weight:600;transition:.15s}.nav-item:hover{background:#111c2f;color:#e8eef7}.nav-item.active{background:linear-gradient(135deg,#1d4ed8,#4f46e5);color:#fff;box-shadow:0 7px 18px #1d4ed833}.is-collapsed .nav-item{justify-content:center}.sidebar-footer{margin-top:auto;padding:12px 7px}.security-pill{display:flex;align-items:center;gap:7px;font-size:10px;color:#91a1b6;background:#101a2b;border:1px solid #1e293b;border-radius:10px;padding:9px}.main-area{margin-left:260px;flex:1;min-width:0;transition:.22s ease}.is-collapsed .main-area{margin-left:76px}.topbar{height:70px;background:#ffffffd9;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid #e7ebf2;display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:10}.eyebrow{font-size:9px;letter-spacing:1.3px;font-weight:800;color:#64748b}.page-title{font-size:17px;font-weight:800;margin-top:3px}.topbar-right{display:flex;align-items:center;gap:13px}.live-dot{font-size:11px;font-weight:600;color:#475569;display:flex;align-items:center;gap:7px}.live-dot span{width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 4px #22c55e17}.admin-avatar{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;color:#fff;font-weight:800;background:#0f172a}.content{padding:28px;max-width:1700px;margin:auto}.hero-card{position:relative;overflow:hidden;border:1px solid #e2e8f0;background:#fff;border-radius:20px;padding:24px;display:flex;justify-content:space-between;gap:20px;align-items:center;box-shadow:0 14px 40px #0f172a0b}.hero-glow{position:absolute;width:260px;height:260px;border-radius:50%;right:-100px;top:-140px;background:#4f46e510}.hero-content{display:flex;align-items:center;gap:15px;position:relative}.hero-icon{width:50px;height:50px;border-radius:15px;color:#fff;display:grid;place-items:center;background:linear-gradient(135deg,#2563eb,#7c3aed);box-shadow:0 10px 25px #4f46e52b}.section-kicker{font-size:10px;font-weight:800;letter-spacing:1.15px;color:#4f46e5}.hero-card h1{font-size:25px;letter-spacing:-.6px;margin:3px 0 5px}.hero-card p{margin:0;color:#64748b;font-size:12px}.hero-actions{display:flex;gap:8px;position:relative}.btn,.icon-btn{border:1px solid #dce3ed;background:#fff;color:#334155;border-radius:10px;padding:9px 12px;font-size:11px;font-weight:700;display:inline-flex;align-items:center;gap:7px}.btn:hover,.icon-btn:hover{background:#f8fafc}.btn.primary{border-color:transparent;color:#fff;background:linear-gradient(135deg,#2563eb,#4f46e5);box-shadow:0 8px 18px #4f46e52b}.btn.ghost{background:#fff}.icon-btn{padding:9px;border-radius:10px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:16px 0}.metric-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:16px;box-shadow:0 8px 25px #0f172a07}.metric-top{display:flex;justify-content:space-between;gap:10px;color:#64748b;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.65px}.metric-card strong{display:block;font-size:25px;letter-spacing:-.7px;margin-top:7px}.metric-card small{display:block;color:#94a3b8;font-size:10px;margin-top:3px}.metric-trend{color:#059669;font-size:10px;display:flex;align-items:center;gap:2px;text-transform:none;letter-spacing:0}.metric-trend.down{color:#dc2626}.workspace-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;box-shadow:0 10px 30px #0f172a08;overflow:hidden}.workspace-head{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:18px 18px 15px;border-bottom:1px solid #eef2f7}.workspace-head h2{font-size:15px;margin:0 0 3px}.workspace-head p{margin:0;color:#94a3b8;font-size:10px}.toolbar{display:flex;gap:7px;align-items:center}.search-box{width:250px;border:1px solid #dce3ed;background:#f8fafc;border-radius:10px;padding:8px 10px;display:flex;gap:7px;align-items:center;color:#94a3b8}.search-box input{border:0;outline:0;background:transparent;width:100%;font-size:11px}.api-warning{margin:12px 18px 0;padding:10px 12px;border:1px solid #fde68a;background:#fffbeb;color:#92400e;border-radius:10px;font-size:10px}.api-warning span{color:#a16207}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:720px}th{text-align:left;padding:11px 14px;background:#f8fafc;color:#64748b;font-size:9px;text-transform:uppercase;letter-spacing:.7px;border-bottom:1px solid #e8edf3}td{padding:12px 14px;font-size:11px;color:#334155;border-bottom:1px solid #eef2f7}tbody tr:hover{background:#fbfdff}.row-action{border:0;background:transparent;color:#64748b;padding:5px}.empty{text-align:center;color:#94a3b8;padding:38px!important}.table-foot{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;color:#94a3b8;font-size:10px}.table-foot div{display:flex;gap:6px}@media(max-width:1050px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-card{align-items:flex-start;flex-direction:column}.hero-actions{width:100%}.toolbar{flex-wrap:wrap}.search-box{flex:1;min-width:190px}}@media(max-width:760px){.sidebar{width:76px}.brand-copy,.sidebar-label,.nav-item span,.sidebar-footer{display:none}.nav-item{justify-content:center}.main-area{margin-left:76px}.content{padding:16px}.topbar{padding:0 16px}.metric-grid{grid-template-columns:1fr}.workspace-head{align-items:flex-start;flex-direction:column}.toolbar,.search-box{width:100%}.hero-card{padding:18px}}