*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:#05070c;color:#eef5ff}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0}.hidden{display:none!important}
.splash{position:fixed;inset:0;background:#000;z-index:100;display:flex;align-items:center;justify-content:center;flex-direction:column;overflow:hidden;animation:splashOut .8s ease 2.0s forwards}.splash-logo{width:min(62vw,620px);filter:drop-shadow(0 0 12px #ff7a00);animation:logoIn 1.1s ease, float 2s ease-in-out infinite 1s}.splash-glow{position:absolute;width:60vw;height:40vw;border-radius:50%;background:radial-gradient(circle,rgba(255,122,0,.2),transparent 65%);filter:blur(25px);animation:pulse 1.5s infinite}.stars{position:absolute;bottom:11%;display:flex;gap:12px}.stars span{font-size:13px;color:#ff8a18;opacity:.25;animation:star 1.1s infinite}.stars span:nth-child(2){animation-delay:.15s}.stars span:nth-child(3){animation-delay:.3s}.stars span:nth-child(4){animation-delay:.45s}.stars span:nth-child(5){animation-delay:.6s}.stars span:nth-child(6){animation-delay:.75s}
@keyframes logoIn{from{opacity:0;transform:scale(.75);filter:drop-shadow(0 0 0 transparent)}to{opacity:1;transform:scale(1);filter:drop-shadow(0 0 25px #ff7a00)}}@keyframes float{50%{transform:translateY(-6px) scale(1.01)}}@keyframes pulse{50%{transform:scale(1.15);opacity:.7}}@keyframes star{50%{opacity:1;transform:scale(1.35)}}@keyframes splashOut{to{opacity:0;visibility:hidden}}

.topbar{height:72px;position:fixed;top:0;left:0;right:0;background:#0a0e16;border-bottom:1px solid #1c2635;display:flex;align-items:center;justify-content:space-between;padding:0 22px 0 18px;z-index:20}.brand{display:flex;align-items:center;gap:10px}.brand-logo{width:44px;height:44px;object-fit:cover;border-radius:11px}.brand strong{display:block;letter-spacing:2px}.brand small{display:block;color:#8c9ab0;font-size:10px}.top-actions{display:flex;gap:8px;align-items:center}.top-actions span{font-size:13px;color:#aebbd0;margin-right:5px}
.sidebar{position:fixed;top:72px;bottom:0;left:0;width:235px;background:#080c13;border-right:1px solid #1c2635;padding:16px 12px;z-index:10}.nav{width:100%;text-align:left;background:transparent;color:#aebbd0;padding:12px;border-radius:9px;margin-bottom:5px}.nav:hover,.nav.active{background:#132033;color:#fff}.sidebar-bottom{position:absolute;bottom:20px;left:20px;right:20px;color:#6f7e93;display:flex;flex-direction:column;gap:4px}
main{margin-left:235px;padding:98px 26px 35px;min-height:100vh;background:radial-gradient(circle at 80% 0,#101d2d 0,transparent 35%),#060910}.page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:22px}.page-head h1{margin:0 0 5px;font-size:28px}.muted{color:#8795a9}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.card{background:#0c121b;border:1px solid #1c2838;border-radius:14px;padding:18px;box-shadow:0 8px 30px rgba(0,0,0,.16)}.metric .label{color:#8795a9;font-size:13px}.metric .value{font-size:29px;font-weight:800;margin-top:8px}.metric .hint{font-size:12px;color:#ff9b3d;margin-top:5px}.two{display:grid;grid-template-columns:1.3fr 1fr;gap:16px;margin-top:16px}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:11px 9px;border-bottom:1px solid #1a2533;text-align:left;white-space:nowrap;font-size:13px}.table th{color:#8795a9;font-weight:600}.pill{display:inline-flex;padding:4px 8px;border-radius:999px;background:#142034;color:#bcd0eb;font-size:11px}.pill.orange{background:#3a2412;color:#ffb45e}.pill.green{background:#103022;color:#6fe0a8}.pill.red{background:#3a171b;color:#ff8f98}.pill.blue{background:#102a43;color:#72baff}
.primary{background:#ff7a00;color:#111;font-weight:800;padding:10px 14px;border-radius:9px}.ghost{background:#131d2a;color:#d8e5f7;padding:9px 12px;border-radius:8px}.danger{background:#35161b;color:#ffb4bb;padding:9px 12px;border-radius:8px}.full{width:100%}.toolbar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.search{background:#0c121b;border:1px solid #263447;color:#fff;padding:10px 12px;border-radius:9px;min-width:220px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.form-grid .wide{grid-column:1/-1}label{display:flex;flex-direction:column;gap:6px;color:#9eacc0;font-size:12px}label input,label select,label textarea{background:#080d14;border:1px solid #27364a;color:#fff;padding:10px;border-radius:8px;outline:none}label textarea{min-height:90px;resize:vertical}.actions{display:flex;gap:8px;justify-content:flex-end;margin-top:15px}.error{color:#ff8e96;min-height:18px;font-size:12px}.ok{color:#68e0a2}.notice{padding:12px;border-radius:9px;background:#10243a;border:1px solid #24486a;color:#bdd9f4;margin-bottom:14px}.warning{padding:12px;border-radius:9px;background:#30220f;border:1px solid #5b3b17;color:#ffc273;margin-bottom:14px}.role-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.role{padding:12px;border:1px solid #233247;border-radius:10px;background:#0a1018}.role b{display:block}.empty{padding:35px;text-align:center;color:#718096}.modal{position:fixed;inset:0;background:rgba(0,0,0,.7);z-index:80;display:flex;align-items:center;justify-content:center;padding:20px}.modal-card{width:min(720px,100%);max-height:90vh;overflow:auto;background:#0b111a;border:1px solid #29384d;border-radius:15px;padding:20px}.modal-card h2{margin-top:0}.modal-screen{position:fixed;inset:0;background:#030507;z-index:90;display:flex;align-items:center;justify-content:center}.login-card{width:min(400px,92vw);background:#0b111a;border:1px solid #29384d;border-radius:18px;padding:28px;box-shadow:0 20px 80px #000}.login-logo{display:block;width:100px;height:100px;object-fit:cover;border-radius:22px;margin:0 auto 12px;filter:drop-shadow(0 0 16px rgba(255,122,0,.4))}.login-card h1{text-align:center;margin:0}.login-card p{text-align:center;color:#8492a6}.login-card label{text-align:left;margin-top:12px}.progress{height:8px;background:#182334;border-radius:99px;overflow:hidden}.progress i{display:block;height:100%;background:#ff7a00}.kpi-list{display:flex;flex-direction:column;gap:11px}.kpi-row{display:flex;justify-content:space-between}.small{font-size:12px}
@media(max-width:950px){.sidebar{width:72px}.nav span,.sidebar-bottom,.brand div{display:none}.nav{text-align:center;font-size:20px}.topbar{left:72px}.brand-logo{display:block}main{margin-left:72px}.grid{grid-template-columns:repeat(2,1fr)}.two{grid-template-columns:1fr}}
@media(max-width:600px){.topbar{left:0}.sidebar{top:auto;height:62px;width:100%;bottom:0;display:flex;padding:5px;overflow:auto}.nav{min-width:75px;margin:0}.nav span{display:block;font-size:9px;text-align:center}.sidebar-bottom{display:none}main{margin-left:0;padding:88px 13px 85px}.top-actions span,.top-actions .ghost{display:none}.grid,.form-grid,.role-list{grid-template-columns:1fr}.two{grid-template-columns:1fr}.page-head{flex-direction:column}}