:root{--bg0:#050814;--bg1:#0a1230;--ink:#ffffffeb;--muted:#ffffffb8;--faint:#ffffff8c;--royal:#2f5bff;--royal2:#8a5cff;--gold:#d6b45f;--gold2:#f3df9a;--glass:#1216228c;--glass2:#12162259;--stroke:#ffffff1a;--stroke2:#d6b45f47;--shadow:0 20px 60px #00000073;--shadow2:0 12px 40px #00000059;--r-xl:22px;--r-lg:18px;--r-md:14px;--font:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial}*{box-sizing:border-box}html,body{height:100%}body{font-family:var(--font);color:var(--ink);background:radial-gradient(1200px 800px at 18% 15%,#2f5bff38,transparent 55%),radial-gradient(900px 700px at 78% 40%,#8a5cff2e,transparent 55%),radial-gradient(800px 600px at 60% 85%,#d6b45f1a,transparent 55%),linear-gradient(160deg,var(--bg0),var(--bg1));margin:0;overflow-x:hidden}.bg-pattern{pointer-events:none;filter:blur(.2px);opacity:.9;background:radial-gradient(900px 600px at 22% 10%,#ffffff0f,#0000 60%),radial-gradient(900px 600px at 85% 25%,#ffffff0d,#0000 60%),radial-gradient(900px 600px at 60% 90%,#ffffff0d,#0000 60%),repeating-linear-gradient(135deg,#ffffff04 0 2px,#0000 2px 14px);position:fixed;inset:0}.shell{min-height:100vh;display:flex}.sidebar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#080c18b8,#080c1894);border-right:1px solid #ffffff14;width:250px;padding:18px 14px}.brand{align-items:center;gap:12px;padding:8px 10px 14px;display:flex}.brandMark{background:radial-gradient(circle at 30% 30%,#d6b45fa6,#2f5bff8c);border:1px solid #ffffff26;border-radius:12px;width:36px;height:36px;box-shadow:0 10px 28px #00000059}.brandTitle{letter-spacing:.2px;font-size:18px;font-weight:800}.brandTitle span{color:var(--gold2)}.brandSub{color:var(--faint);margin-top:2px;font-size:12px}.nav{flex-direction:column;gap:6px;margin-top:10px;padding:0 6px;display:flex}.nav a{color:var(--muted);border:1px solid #0000;border-radius:14px;align-items:center;gap:10px;padding:10px 12px;text-decoration:none;display:flex}.nav a:hover{color:var(--ink);background:#ffffff0f}.nav a.active{color:var(--ink);background:#2f5bff29;border-color:#2f5bff38}.main{flex:1;padding:26px 28px}.topbar{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.topbar h1{letter-spacing:.2px;margin:0;font-size:36px}.topbar p{color:var(--muted);margin:6px 0 0}.pill{color:var(--muted);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;display:inline-flex}.dot{background:#3ee07b;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 6px #3ee07b1a}.grid2{grid-template-columns:1.1fr .9fr;align-items:start;gap:18px;display:grid}@media (max-width:980px){.sidebar{display:none}.grid2{grid-template-columns:1fr}.topbar h1{font-size:30px}}.card{background:linear-gradient(180deg,var(--glass),var(--glass2));border:1px solid var(--stroke);border-radius:var(--r-xl);box-shadow:var(--shadow2);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);overflow:hidden}.cardHd{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.cardHd h2{letter-spacing:.2px;margin:0;font-size:16px}.cardBody{padding:18px}.inputGrid{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (max-width:680px){.inputGrid{grid-template-columns:1fr}}.label{color:var(--faint);margin-bottom:6px;font-size:12px}.field{width:100%;color:var(--ink);background:#0a0e188c;border:1px solid #ffffff1f;border-radius:14px;outline:none;padding:12px}.field:focus{border-color:#2f5bff73;box-shadow:0 0 0 6px #2f5bff1f}.select{appearance:none}.row{justify-content:space-between;align-items:center;gap:12px;display:flex}.btn{cursor:pointer;color:#ffffffeb;background:linear-gradient(135deg,#2f5bfff2,#8a5cffd9);border:0;border-radius:14px;padding:12px 14px;font-weight:700;box-shadow:0 16px 38px #2f5bff2e}.btn:hover{filter:brightness(1.05)}.btn:disabled{opacity:.6;cursor:not-allowed}.btnGhost{box-shadow:none;background:#ffffff0f;border:1px solid #ffffff1f}.btnGold{color:#0a0c10eb;background:linear-gradient(135deg,#d6b45ff2,#8a5cff99)}.table{border-collapse:collapse;width:100%}.table th,.table td{text-align:left;color:var(--muted);border-bottom:1px solid #ffffff14;padding:12px 10px}.table th{color:#ffffffc2;letter-spacing:.2px;font-size:12px;font-weight:700}.badge{color:#ffffffd1;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:8px;padding:6px 10px;font-size:12px;display:inline-flex}.badge.approved{background:#3ee07b1f;border-color:#3ee07b38}.badge.draft{background:#d6b45f1f;border-color:#d6b45f38}.badge.submitted{background:#2f5bff24;border-color:#2f5bff38}.toast{color:#ffffffe0;background:#d6b45f14;border:1px solid #d6b45f38;border-radius:16px;margin-bottom:14px;padding:12px 14px}.error{background:#ff5a5a14;border-color:#ff5a5a40}