:root{--navy-900:#0a0f1c;--navy-800:#0f172a;--navy-700:#111c2d;--navy-600:#16233a;--navy-500:#1c2c47;--line:#243452;--ink:#0f172a;--muted:#64748b;--muted-light:#94a3b8;--accent:#16c98c;--accent-2:#0ea5e9;--accent-soft:rgba(22,201,140,.12);--danger:#ef4444;--danger-soft:#fee4e2;--radius:14px;--radius-sm:9px;--shadow:0 10px 30px -12px rgba(10,15,28,.25)}*{box-sizing:border-box}body{margin:0;background:#f3f6fb;color:var(--ink);font:14px/1.5 Inter,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button{cursor:pointer}.logo{display:flex;align-items:center;gap:11px}.logo-mark{width:34px;height:34px;flex:none}.logo-word{font-weight:800;letter-spacing:.5px;font-size:18px;color:#fff}.logo-word b{color:var(--accent)}.brand-mini{display:flex;align-items:center;gap:10px;padding:9px 12px;margin-bottom:22px}.brand-mini .logo-word{font-size:15px}.shell{min-height:100vh;display:flex}aside{width:260px;background:linear-gradient(180deg,var(--navy-700),var(--navy-800));color:#cbd5e1;padding:20px 14px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;border-right:1px solid var(--navy-500)}nav{display:grid;gap:3px;margin-top:6px}nav button,.logout{border:0;background:transparent;color:#a9b8ce;padding:11px 13px;border-radius:10px;text-align:left;display:flex;gap:12px;align-items:center;transition:.15s;font-weight:500}nav button svg,.logout svg{opacity:.85;flex:none}nav button.active{color:#fff;background:linear-gradient(135deg,var(--accent-soft),transparent);box-shadow:inset 2px 0 0 var(--accent)}nav button.active svg{color:var(--accent);opacity:1}nav button:hover{color:#fff;background:var(--navy-500)}.logout{margin-top:auto;color:#94a3b8}.logout:hover{color:#fff;background:#ef44441f}.content{margin-left:260px;width:calc(100% - 260px)}header{height:78px;background:#fff;border-bottom:1px solid #e5eaf1;display:flex;align-items:center;padding:0 30px;gap:14px;position:sticky;top:0;z-index:3}header h1{margin:1px 0;font-size:21px;font-weight:800}header small{color:var(--accent);font-weight:700;letter-spacing:.09em;font-size:11px}.user{margin-left:auto;font-weight:700;display:flex;align-items:center;gap:10px}.user-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-2));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:13px;flex:none}.user-meta span{display:block;color:var(--muted);font-size:11px;font-weight:600;text-transform:capitalize}.hamb{display:none;border:0;background:none;color:var(--ink)}main{padding:26px 30px 40px;max-width:1500px}.filters,.toolbar{display:flex;gap:12px;align-items:center;margin-bottom:20px}.filters{background:#fff;padding:12px 14px;border-radius:var(--radius-sm);border:1px solid #e8edf4}.filters input,.toolbar input{border:1px solid #dbe3ed;border-radius:8px;padding:10px 12px;flex:1;background:#fbfcfe}.filters input:focus,.toolbar input:focus,.modal input:focus,.modal select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.filters select{border:1px solid #dbe3ed;border-radius:8px;padding:10px}.toolbar button,.modal button:not(.close){background:linear-gradient(135deg,var(--accent),#12b083);color:#fff;border:0;border-radius:9px;padding:11px 16px;font-weight:700;display:flex;align-items:center;gap:7px;box-shadow:0 6px 16px -6px #16c98c8c}.toolbar button:hover,.modal button:not(.close):hover{filter:brightness(1.05)}.metrics{display:grid;grid-template-columns:repeat(7,minmax(130px,1fr));gap:14px;overflow:auto}.metric,.card{background:#fff;border:1px solid #e8edf4;border-radius:var(--radius);box-shadow:var(--shadow)}.metric{padding:18px;min-height:104px;position:relative;overflow:hidden}.metric:before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,var(--accent),var(--accent-2))}.metric span{color:var(--muted);font-size:12px;font-weight:600}.metric strong{display:block;font-size:23px;margin-top:12px;font-weight:800;letter-spacing:-.3px}.two{display:grid;grid-template-columns:2fr 1fr;gap:18px;margin-top:18px}.card{padding:20px}.card h2{font-size:15px;margin:0 0 15px;font-weight:800}.audit{display:flex;border-top:1px solid #edf0f5;padding:11px 0;margin:0;gap:6px;font-size:13px}.audit:first-of-type{border-top:0}.audit span{margin-left:auto;color:var(--muted);font-size:12px}.muted,.empty{color:var(--muted)}.table{overflow:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;padding:13px 12px;border-bottom:1px solid #eef1f6}th{font-size:10.5px;text-transform:uppercase;color:var(--muted);letter-spacing:.06em;font-weight:800}tbody tr:hover{background:#f8fafc}td small{display:block;color:var(--muted);margin-top:3px}.badge{border-radius:20px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-block}.badge-green{background:#dcfce7;color:#167342}.badge-amber{background:#fef3c7;color:#92400e}.badge-red{background:#fee2e2;color:#b42318}.badge-gray{background:#e2e8f0;color:#475569}.state{background:#fff;padding:45px;border-radius:var(--radius);text-align:center;border:1px solid #e8edf4}.error{color:var(--danger)}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0f1c99;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:grid;place-items:center;padding:20px;z-index:5}.modal form{background:#fff;padding:28px;border-radius:var(--radius);width:min(440px,100%);display:grid;gap:12px;position:relative;box-shadow:0 25px 60px -15px #0a0f1c59}.modal h2{margin:0 0 4px;font-size:18px}.modal input,.modal select{border:1px solid #dbe3ed;padding:11px 12px;border-radius:8px;width:100%}.modal .close{position:absolute;right:12px;top:12px;padding:6px;background:#f1f5f9;color:#334155;border-radius:8px;border:0}.login-shell{min-height:100vh;display:grid;grid-template-columns:1.05fr 1fr;background:var(--navy-900)}.login-visual{position:relative;padding:56px 48px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;background:radial-gradient(circle at 20% 20%,rgba(22,201,140,.18),transparent 45%),radial-gradient(circle at 80% 80%,rgba(14,165,233,.16),transparent 45%),linear-gradient(160deg,var(--navy-800),var(--navy-900))}.login-visual:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:34px 34px;pointer-events:none}.login-tagline{color:#e2e8f0;font-size:26px;font-weight:800;line-height:1.35;max-width:380px;margin-top:48px}.login-tagline span{color:var(--accent)}.login-features{display:grid;gap:14px;position:relative;z-index:1}.login-feature{display:flex;gap:14px;align-items:flex-start;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);padding:14px 16px;border-radius:12px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.login-feature svg{color:var(--accent);flex:none;margin-top:2px}.login-feature b{display:block;color:#fff;font-size:13.5px;font-weight:700}.login-feature span{color:#94a3b8;font-size:12.5px}.login-panel{display:grid;place-items:center;padding:30px;background:var(--navy-900)}.login-card{background:linear-gradient(180deg,var(--navy-600),var(--navy-700));border:1px solid var(--line);border-radius:20px;padding:38px 34px;width:min(420px,100%);box-shadow:0 30px 70px -20px #0000008c}.login-eyebrow{color:#94a3b8;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;margin-bottom:6px}.login-eyebrow b{color:var(--accent)}.login-card h1{margin:0 0 6px;color:#fff;font-size:24px}.login-card>p{color:#94a3b8;margin:0 0 24px;font-size:13.5px}.login-card form{display:grid;gap:14px}.login-card label{display:grid;gap:6px;color:#cbd5e1;font-size:12.5px;font-weight:600}.login-card input{background:#ffffff0f;border:1px solid var(--line);color:#fff;padding:12px 13px;border-radius:9px}.login-card input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #16c98c2e}.login-row{display:flex;align-items:center;justify-content:space-between;font-size:12.5px;color:#94a3b8;margin-top:-2px}.login-row label{display:flex;align-items:center;gap:7px;color:#94a3b8;font-weight:500}.login-row span.link{color:var(--accent);cursor:default}.login-card button{width:100%;justify-content:center;background:linear-gradient(135deg,var(--accent),#12b083);color:#04241b;font-weight:800;border:0;border-radius:9px;padding:12.5px;font-size:14px;box-shadow:0 10px 22px -8px #16c98c8c}.login-card button:hover{filter:brightness(1.04)}.login-error{background:var(--danger-soft);color:#b42318;padding:10px 12px;border-radius:8px;font-size:13px}.login-divider{display:flex;align-items:center;gap:10px;color:#64748b;font-size:11.5px;margin:6px 0;text-transform:uppercase;letter-spacing:.06em}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:var(--line)}.login-oauth{display:grid;grid-template-columns:1fr 1fr;gap:10px}.login-oauth button{background:#ffffff0d;border:1px solid var(--line);color:#cbd5e1;border-radius:9px;padding:10px;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:600;font-size:12.5px;opacity:.6;cursor:not-allowed}.login-foot{text-align:center;color:#64748b;font-size:11.5px;margin-top:22px}@media(max-width:1000px){.login-shell{grid-template-columns:1fr}.login-visual{display:none}}@media(max-width:900px){aside{transform:translate(-100%);transition:.2s;z-index:4}aside.open{transform:none}.content{margin:0;width:100%}.hamb{display:block}.metrics{grid-template-columns:repeat(3,1fr)}.two{grid-template-columns:1fr}}@media(max-width:560px){header{padding:0 16px}.user-meta{display:none}main{padding:16px}.metrics{grid-template-columns:repeat(2,1fr)}.two{display:block}.two .card{margin-bottom:14px}.filters select,table thead{display:none}table,tr,td,tbody{display:block}tr{border-bottom:1px solid #e5eaf1;padding:8px 0}td{border:0;padding:4px}.table{padding:15px}.login-card{padding:28px 22px}}