*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:#07090d;color:#f5f7fb}button,input,select,textarea{font:inherit}button{cursor:pointer}.hidden{display:none!important}

/* Splash */
.splash{position:fixed;inset:0;background:#000;z-index:1000;display:flex;align-items:center;justify-content:center;flex-direction:column;overflow:hidden}
.splash-logo-wrap{position:relative;width:min(72vw,760px);animation:logoIn 1.5s cubic-bezier(.2,.8,.2,1) both}
.splash-logo{width:100%;display:block;position:relative;z-index:2;filter:drop-shadow(0 0 0 transparent);animation:logoFloat 2.8s ease-in-out 1.2s infinite}
.orange-glow{position:absolute;inset:12% 10%;border-radius:40%;background:rgba(255,115,0,.38);filter:blur(60px);opacity:0;animation:orangeGlow 2.3s ease-out .7s forwards}
.stars{position:absolute;bottom:9%;display:flex;gap:10px}.stars span{font-size:15px;color:#ff7a18;opacity:.15;animation:starPulse 1.2s ease-in-out 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}
.splash.fade{animation:splashOut .9s ease forwards}
@keyframes logoIn{from{opacity:0;transform:scale(.72);filter:blur(12px)}to{opacity:1;transform:scale(1);filter:blur(0)}}@keyframes logoFloat{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-7px) scale(1.012)}}@keyframes orangeGlow{to{opacity:1}}@keyframes starPulse{0%,100%{opacity:.18;transform:scale(.85)}50%{opacity:1;transform:scale(1.2)}}@keyframes splashOut{to{opacity:0;visibility:hidden;transform:scale(1.025)}}

/* Login */
.login-screen{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 50% 15%,rgba(255,102,0,.11),transparent 35%),#07090d}
.login-card{width:min(92%,430px);padding:34px;border:1px solid #262c36;border-radius:24px;background:rgba(16,19,25,.95);box-shadow:0 20px 70px rgba(0,0,0,.55)}
.login-logo{width:190px;display:block;margin:0 auto 10px}.login-card h1{text-align:center;margin:5px 0}.login-card p{text-align:center;color:#8d96a4;margin:0 0 25px}
label{display:block;font-size:13px;font-weight:700;color:#aab2bf;margin:0 0 7px}input,select,textarea{width:100%;border:1px solid #303743;background:#0b0e13;color:#fff;border-radius:11px;padding:12px 13px;outline:none}input:focus,select:focus,textarea:focus{border-color:#ff7819;box-shadow:0 0 0 3px rgba(255,120,25,.1)}form>label{margin-top:14px}.primary{border:0;background:linear-gradient(135deg,#ff8a2a,#f25f00);color:white;font-weight:800;border-radius:11px;padding:12px 17px;box-shadow:0 8px 25px rgba(245,96,0,.2)}.login-card .primary{width:100%;margin-top:20px}.error{color:#ff7777;min-height:18px;text-align:center;margin-top:10px;font-size:13px}

/* App */
.app{min-height:100vh;display:flex;background:#0a0d12}.sidebar{width:260px;flex:0 0 260px;background:#080a0f;border-right:1px solid #202630;padding:18px 14px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;padding:5px 6px 20px}.brand img{width:45px;height:45px;object-fit:cover;border-radius:12px}.brand b{display:block;font-size:18px;letter-spacing:1px}.brand small{color:#ff8123;font-size:9px;letter-spacing:2px}.service-label{font-size:10px;color:#687282;letter-spacing:2px;padding:13px 10px}nav{display:grid;gap:5px}nav button{background:transparent;color:#929baa;border:0;text-align:left;border-radius:10px;padding:11px 12px;display:flex;gap:11px;align-items:center}nav button:hover,nav button.active{background:#171b22;color:#fff}nav button.active{box-shadow:inset 3px 0 #ff7515}.side-bottom{margin-top:auto}.current-user{font-size:12px;color:#8d96a4;border-top:1px solid #202630;padding:15px 8px 10px}.current-user b{color:#fff;display:block;margin-bottom:3px}.logout{width:100%;padding:10px;border:1px solid #2b313b;border-radius:10px;background:#10141a;color:#c5cbd4}.main{flex:1;min-width:0}.topbar{height:88px;border-bottom:1px solid #202630;display:flex;align-items:center;justify-content:space-between;padding:0 30px}.eyebrow{font-size:10px;color:#ff8123;letter-spacing:2px;margin-bottom:4px}.topbar h2{margin:0;font-size:25px}.content{padding:28px;max-width:1500px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.stat{background:#11151c;border:1px solid #252c36;border-radius:16px;padding:18px}.stat .label{color:#8b95a3;font-size:12px}.stat .value{font-size:28px;font-weight:850;margin:8px 0}.stat .hint{font-size:11px;color:#6f7987}.section{margin-top:22px;background:#11151c;border:1px solid #252c36;border-radius:16px;overflow:hidden}.section-head{padding:17px 19px;border-bottom:1px solid #252c36;display:flex;justify-content:space-between;align-items:center}.section-head h3{margin:0;font-size:16px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:850px}th,td{text-align:left;padding:13px 16px;border-bottom:1px solid #202630;font-size:12px}th{color:#727d8c;font-size:11px;text-transform:uppercase;letter-spacing:.7px}td{color:#dce1e8}.badge{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:10px;font-weight:800;background:#1b2028;color:#bfc6d1}.badge.orange{background:rgba(255,115,20,.14);color:#ff984d}.badge.green{background:rgba(57,210,128,.12);color:#67dfa0}.badge.red{background:rgba(255,76,76,.12);color:#ff7f7f}.badge.blue{background:rgba(70,145,255,.12);color:#7eb5ff}.toolbar{display:flex;gap:9px;flex-wrap:wrap}.toolbar input,.toolbar select{width:auto;min-width:180px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:15px}.grid2 .full{grid-column:1/-1}textarea{min-height:100px;resize:vertical}.modal{position:fixed;inset:0;background:rgba(0,0,0,.72);z-index:500;display:grid;place-items:center;padding:20px}.modal-card{position:relative;width:min(95%,720px);max-height:90vh;overflow:auto;background:#11151c;border:1px solid #303744;border-radius:18px;padding:25px}.modal-card h3{margin-top:0}.close{position:absolute;right:15px;top:12px;border:0;background:transparent;color:#a9b1bd;font-size:25px}.modal-card form{display:grid;gap:15px}.modal-card .primary{justify-self:end}.list-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.mini-card{padding:18px;background:#11151c;border:1px solid #252c36;border-radius:16px}.mini-card h4{margin:0 0 8px}.muted{color:#7e8897;font-size:12px}.actions button{background:#1a1f27;color:#dce1e8;border:1px solid #303742;border-radius:8px;padding:7px 9px;font-size:11px}.empty{padding:35px;text-align:center;color:#717c8a}.profile-pill{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;background:#181d25;border-radius:9px;font-size:11px}

/* Responsive */
@media(max-width:1000px){.sidebar{width:220px;flex-basis:220px}.cards{grid-template-columns:repeat(2,1fr)}.list-grid{grid-template-columns:1fr 1fr}}@media(max-width:720px){.sidebar{width:70px;flex-basis:70px;padding:12px 8px}.brand div,.service-label,nav button span,.current-user{display:none}.brand{justify-content:center}.topbar{padding:0 16px}.content{padding:16px}.topbar h2{font-size:20px}.topbar .primary{padding:10px}.cards{grid-template-columns:1fr 1fr}.grid2{grid-template-columns:1fr}.grid2 .full{grid-column:auto}.list-grid{grid-template-columns:1fr}}