:root{--bg:#050505;--panel:#111;--panel2:#171717;--border:#282828;--text:#f5f5f5;--muted:#a3a3a3;--accent:#2f80ff;--good:#22c55e;--bad:#ef4444;--warn:#f59e0b}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif}.loading{padding:40px;color:var(--muted)}.login{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:100%;max-width:420px;background:var(--panel);border:1px solid var(--border);border-radius:22px;padding:28px;box-shadow:0 24px 90px rgba(0,0,0,.45)}h1,h2,h3{margin:0 0 12px}.sub{color:var(--muted);font-size:14px;margin:0 0 18px}.small{font-size:12px;margin-bottom:0}.field{margin:12px 0}.label{display:block;color:var(--muted);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-bottom:7px}input,select,textarea{width:100%;background:#080808;color:var(--text);border:1px solid var(--border);border-radius:12px;padding:12px;outline:none;font-size:15px}textarea{min-height:90px}.btn{border:0;border-radius:12px;background:var(--accent);color:white;padding:11px 14px;font-weight:800;cursor:pointer}.btn.secondary{background:#242424}.btn.danger{background:var(--bad)}.btn.good{background:var(--good)}.btn.full{width:100%}.err{color:#fecaca;background:#3b0a0a;border:1px solid #7f1d1d;padding:10px;border-radius:12px;margin:12px 0}.ok{color:#bbf7d0;background:#062b15;border:1px solid #166534;padding:10px;border-radius:12px;margin:12px 0}.app-shell{display:flex;min-height:100vh}.sidebar{width:270px;background:#070707;border-right:1px solid var(--border);padding:20px;position:sticky;top:0;height:100vh}.brand-row{display:flex;gap:12px;align-items:center}.logo{width:42px;height:42px;border-radius:14px;background:#151515;border:1px solid var(--border);display:grid;place-items:center;font-weight:900;color:#60a5fa}.brand{font-size:20px;font-weight:950;letter-spacing:-.04em}.nav{display:grid;gap:8px;margin-top:24px}.nav button,.mobile-menu button{background:transparent;color:var(--muted);border:1px solid transparent;text-align:left;border-radius:12px;padding:11px 12px;cursor:pointer;font-weight:750}.nav button.active,.nav button:hover,.mobile-menu button.active{background:var(--panel2);color:var(--text);border-color:var(--border)}.main{flex:1;padding:24px;max-width:1240px;margin:0 auto;width:100%}.mobile-head{display:none}.mobile-menu{display:none}.page-head{display:flex;align-items:center;justify-content:space-between;margin:0 0 22px}.page-head h1{font-size:42px;letter-spacing:-.06em}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.card{background:var(--panel);border:1px solid var(--border);border-radius:22px;padding:22px}.profile-card{margin-bottom:16px}.metric{color:var(--muted);font-size:14px;margin-bottom:10px;font-weight:750}.value{font-size:30px;font-weight:950;letter-spacing:-.05em}.small-value{font-size:24px}.pos{color:#ffb4b4}.neg{color:#86efac}.warn{color:#fbbf24}.muted{color:var(--muted)}.section{margin-top:18px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:end}.table-wrap{width:100%;overflow:auto;border:1px solid var(--border);border-radius:16px}table{width:100%;border-collapse:collapse;min-width:720px}th,td{text-align:left;border-bottom:1px solid var(--border);padding:12px;vertical-align:middle}th{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em}td{font-size:14px}tr:last-child td{border-bottom:0}.badge{display:inline-flex;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:900;text-transform:capitalize}.badge.pending{background:#3b2c05;color:#fbbf24}.badge.approved{background:#052e16;color:#86efac}.badge.rejected{background:#3b0a0a;color:#fecaca}@media(max-width:900px){.app-shell{display:block}.sidebar{display:none}.main{padding:14px 12px 80px}.mobile-head{display:flex;align-items:center;justify-content:space-between;padding:6px 2px 12px}.mobile-menu{display:flex;gap:8px;overflow:auto;white-space:nowrap;padding:8px 0 12px;margin-bottom:8px;position:sticky;top:0;background:rgba(5,5,5,.94);backdrop-filter:blur(10px);z-index:5;border-bottom:1px solid var(--border)}.mobile-menu button{flex:0 0 auto;background:#0d0d0d;border-color:var(--border);border-radius:999px;padding:10px 14px}.page-head h1{font-size:34px}.grid,.grid2{grid-template-columns:1fr;gap:12px}.card{border-radius:18px;padding:18px}.form-grid{grid-template-columns:1fr}.value{font-size:28px}table{min-width:650px}.btn{padding:10px 12px}}
/* V2 polished color/mobile refinements */
body{background:radial-gradient(circle at top left,#101c35 0,#050505 28%,#040404 100%)}
.card{box-shadow:0 18px 50px rgba(0,0,0,.22)}
.accent-grid .card{position:relative;overflow:hidden}
.accent-card:before{content:"";position:absolute;inset:0;opacity:.15;pointer-events:none;background:linear-gradient(135deg,var(--glow),transparent 55%)}
.accent-card.blue{--glow:#3b82f6}.accent-card.purple{--glow:#a855f7}.accent-card.green{--glow:#22c55e}.accent-card.orange{--glow:#f97316}.accent-card.cyan{--glow:#06b6d4}.accent-card.red{--glow:#ef4444}.accent-card.yellow{--glow:#eab308}
.status-buttons{display:flex;gap:6px;flex-wrap:wrap}.status-btn{border:1px solid var(--border);background:#0b0b0b;color:var(--muted);padding:8px 10px;border-radius:999px;font-weight:850;text-transform:capitalize;cursor:pointer}.status-btn.active.pending{background:#3b2c05;color:#fbbf24;border-color:#92400e}.status-btn.active.approved{background:#052e16;color:#86efac;border-color:#166534}.status-btn.active.rejected{background:#3b0a0a;color:#fecaca;border-color:#7f1d1d}
.history-list{display:grid;gap:10px}.history-card{display:flex;align-items:center;justify-content:space-between;gap:14px;background:#0b0b0b;border:1px solid var(--border);border-radius:16px;padding:14px}.value.mini{font-size:20px;white-space:nowrap}
@media(max-width:900px){.mobile-head{background:linear-gradient(180deg,#0c0c0c,#050505);border:1px solid var(--border);border-radius:18px;padding:14px;margin-bottom:10px}.mobile-menu{border:1px solid var(--border);border-radius:18px;padding:10px;background:#090909}.mobile-menu button.active{background:var(--accent);color:#fff}.table-wrap{border-radius:14px}th,td{padding:11px 10px}.history-card{padding:13px}.page-head h1{font-size:30px}}