@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap");:root{--font-sans:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:"JetBrains Mono",monospace;--admin-bg:#070b16;--admin-sidebar:#0b1120;--admin-card:rgba(15,23,42,0.75);--admin-card-hover:rgba(24,35,62,0.85);--admin-border:rgba(255,255,255,0.08);--admin-border-focus:rgba(56,189,248,0.4);--primary:#38bdf8;--primary-glow:rgba(56,189,248,0.2);--accent-emerald:#10b981;--accent-rose:#f43f5e;--accent-amber:#f59e0b;--accent-indigo:#818cf8;--text-main:#f8fafc;--text-muted:#94a3b8;--text-dim:#64748b;--radius-sm:6px;--radius-md:10px;--radius-lg:16px}*{box-sizing:border-box;margin:0;padding:0}body,html{font-family:var(--font-sans);background-color:var(--admin-bg);color:var(--text-main);line-height:1.5;height:100%;-webkit-font-smoothing:antialiased}.admin-layout{display:flex;height:100vh;overflow:hidden}.admin-sidebar{width:260px;background:var(--admin-sidebar);border-right:1px solid var(--admin-border);display:flex;flex-direction:column;flex-shrink:0}.sidebar-header{padding:1.5rem;border-bottom:1px solid var(--admin-border);gap:.75rem}.admin-badge,.sidebar-header{display:flex;align-items:center}.admin-badge{background:linear-gradient(135deg,#0284c7,#38bdf8);width:34px;height:34px;border-radius:var(--radius-sm);justify-content:center;color:#fff;font-weight:700;box-shadow:0 0 12px rgba(56,189,248,.3)}.sidebar-nav{padding:1.25rem .75rem;display:flex;flex-direction:column;gap:.35rem;flex-grow:1;overflow-y:auto}.nav-category{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);padding:.75rem .75rem .25rem;font-weight:700}.sidebar-item{display:flex;align-items:center;gap:.75rem;padding:.65rem .85rem;border-radius:var(--radius-sm);color:var(--text-muted);text-decoration:none;font-size:.875rem;font-weight:500;transition:all .2s ease;cursor:pointer;background:none;border:none;width:100%;text-align:left}.sidebar-item:hover{background:rgba(255,255,255,.04);color:var(--text-main)}.sidebar-item.active{background:rgba(56,189,248,.12);color:var(--primary);font-weight:600}.sidebar-footer{padding:1.25rem;border-top:1px solid var(--admin-border);gap:.75rem}.admin-avatar,.sidebar-footer{display:flex;align-items:center}.admin-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#1e293b,#334155);justify-content:center;font-weight:700;font-size:.85rem;border:1px solid var(--admin-border)}.admin-main{flex-grow:1;display:flex;flex-direction:column;overflow-y:auto;background:radial-gradient(circle at 10% 10%,rgba(56,189,248,.04) 0,transparent 40%),radial-gradient(circle at 90% 90%,rgba(129,140,248,.03) 0,transparent 40%),var(--admin-bg)}.topbar{height:64px;border-bottom:1px solid var(--admin-border);justify-content:space-between;padding:0 2rem;background:rgba(11,17,32,.7);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:-webkit-sticky;position:sticky;top:0;z-index:20}.topbar,.topbar-search{display:flex;align-items:center}.topbar-search{gap:.5rem;background:rgba(255,255,255,.04);border:1px solid var(--admin-border);border-radius:var(--radius-sm);padding:.4rem .85rem;width:320px}.topbar-search input{background:none;border:none;outline:none;color:var(--text-main);font-size:.85rem;width:100%}.content-body{padding:2rem;max-width:1400px}.metrics-row{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1.25rem;gap:1.25rem;margin-bottom:2rem}.metric-card{background:var(--admin-card);border:1px solid var(--admin-border);border-radius:var(--radius-md);padding:1.25rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .2s ease}.metric-card:hover{transform:translateY(-2px);border-color:var(--admin-border-focus)}.metric-title{font-size:.8rem;color:var(--text-muted);font-weight:500;display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.metric-val{font-size:1.75rem;font-weight:700;font-family:var(--font-mono);color:var(--text-main);line-height:1.2}.metric-sub{font-size:.75rem;margin-top:.5rem;display:flex;align-items:center;gap:.35rem}.sub-positive{color:var(--accent-emerald)}.sub-warning{color:var(--accent-amber)}.sub-danger{color:var(--accent-rose)}.panel{background:var(--admin-card);border:1px solid var(--admin-border);border-radius:var(--radius-md);padding:1.5rem;margin-bottom:1.75rem}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.panel-title{font-size:1.1rem;font-weight:700}.data-table{width:100%;border-collapse:separate;border-spacing:0;font-size:.85rem}.data-table th{text-align:left;padding:.75rem 1rem;color:var(--text-dim);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--admin-border)}.data-table td{padding:.95rem 1rem;border-bottom:1px solid rgba(255,255,255,.04);color:var(--text-main)}.data-table tr:hover td{background:rgba(255,255,255,.02)}.badge{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .6rem;border-radius:9999px;font-size:.72rem;font-weight:600}.badge-green{background:rgba(16,185,129,.15);color:#34d399;border:1px solid rgba(16,185,129,.3)}.badge-yellow{background:rgba(245,158,11,.15);color:#fbbf24;border:1px solid rgba(245,158,11,.3)}.badge-blue{background:rgba(56,189,248,.15);color:#7dd3fc;border:1px solid rgba(56,189,248,.3)}.badge-red{background:rgba(244,63,94,.15);color:#fb7185;border:1px solid rgba(244,63,94,.3)}.btn-sm{padding:.35rem .75rem;border-radius:var(--radius-sm);font-size:.78rem;font-weight:600;cursor:pointer;border:1px solid transparent;display:inline-flex;align-items:center;gap:.35rem;transition:all .2s}.btn-admin-primary{background:var(--primary);color:#051326}.btn-admin-primary:hover{background:#0ea5e9;color:#fff}.btn-admin-danger{background:rgba(244,63,94,.15);color:#fb7185;border:1px solid rgba(244,63,94,.3)}.btn-admin-danger:hover{background:rgba(244,63,94,.3)}.btn-admin-ghost{background:rgba(255,255,255,.05);color:var(--text-muted);border:1px solid var(--admin-border)}.btn-admin-ghost:hover{background:rgba(255,255,255,.1);color:var(--text-main)}