*{box-sizing:border-box}html,body{margin:0;background:#050706;color:#edf7ef;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}body{min-height:100vh}a{color:inherit;text-decoration:none}.app{display:flex;min-height:100vh}.sidebar{width:250px;background:#070908;border-right:1px solid #17241a;position:fixed;inset:0 auto 0 0;padding:24px 16px;display:flex;flex-direction:column;z-index:10}.brand{display:flex;align-items:center;gap:11px;font-size:21px;letter-spacing:1px}.brand b{display:block}.brand small{display:block;font-size:9px;color:#74ff94;letter-spacing:4px}.brand-dot{width:13px;height:13px;border-radius:50%;background:#39ff72;box-shadow:0 0 7px #39ff72,0 0 20px #39ff72}.brand-by{font-size:11px;color:#78927e;margin:5px 0 25px 24px}.center{justify-content:center}.sidebar nav{display:flex;flex-direction:column;gap:5px;overflow:auto}.sidebar nav a{padding:11px 12px;border:1px solid transparent;border-radius:10px;color:#9cad9f;font-size:13px;display:flex;gap:11px;align-items:center}.sidebar nav a:hover,.sidebar nav a.active{background:#0d1710;border-color:#1f4028;color:#6dff8d;box-shadow:inset 0 0 20px #0b2813}.logout{margin-top:auto;padding:12px;color:#77857b}.main{margin-left:250px;width:calc(100% - 250px);padding:26px 30px 50px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.topbar h1{margin:3px 0 0;font-size:28px}.eyebrow{font-size:11px;color:#63ee82;text-transform:uppercase;letter-spacing:2px}.userbox{display:flex;align-items:center;gap:9px;background:#0b100c;border:1px solid #1a2a1d;padding:10px 13px;border-radius:12px;font-size:12px}.userbox small{color:#68786c;text-transform:uppercase}.pulse{width:7px;height:7px;border-radius:50%;background:#39ff72;box-shadow:0 0 10px #39ff72}.grid{display:grid;gap:16px}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.card{background:#090d0a;border:1px solid #17231a;border-radius:15px;padding:18px;box-shadow:0 10px 40px rgba(0,0,0,.18)}.card:hover{border-color:#23472c}.stat{position:relative;overflow:hidden}.stat:after{content:'';position:absolute;width:100px;height:100px;border-radius:50%;background:#35ff6b;filter:blur(60px);opacity:.06;right:-40px;top:-40px}.stat .label{font-size:11px;color:#77857a;text-transform:uppercase;letter-spacing:1.5px}.stat .num{font-size:27px;font-weight:700;margin-top:10px}.neon{color:#5dff86;text-shadow:0 0 12px rgba(61,255,113,.35)}.muted{color:#829087}.btn{border:1px solid #23382a;background:#0c120e;color:#dff8e4;border-radius:9px;padding:10px 14px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:7px}.btn:hover{border-color:#4bff78;box-shadow:0 0 14px rgba(57,255,114,.12)}.btn.primary{background:#35d964;color:#031007;border-color:#4dff7a;box-shadow:0 0 18px rgba(57,255,114,.2)}.btn.danger{border-color:#6a2525;color:#ff7777}.btn.full{width:100%;justify-content:center}.actions{display:flex;gap:8px;flex-wrap:wrap}.toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:15px}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;font-size:12px}.table th,.table td{padding:12px 10px;border-bottom:1px solid #172119;text-align:left;vertical-align:top}.table th{font-size:10px;text-transform:uppercase;color:#718177;letter-spacing:1px}.badge{display:inline-block;padding:5px 8px;border-radius:999px;font-size:10px;background:#111a13;border:1px solid #203523;color:#8cfaa7}.badge.red{color:#ff8d8d;border-color:#4b2525}.badge.amber{color:#ffd479;border-color:#493b1f}.badge.blue{color:#8ed7ff;border-color:#23435a}.progress{height:7px;background:#111711;border-radius:10px;overflow:hidden}.progress i{display:block;height:100%;background:#45f477;box-shadow:0 0 10px #45f477}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-grid .fullrow{grid-column:1/-1}label{display:block;font-size:11px;color:#87958b;margin:0 0 6px}input,select,textarea{width:100%;background:#060906;color:#e8f4ea;border:1px solid #1d2b20;border-radius:9px;padding:10px 11px;outline:none;font:inherit;font-size:13px}input:focus,select:focus,textarea:focus{border-color:#42ed70;box-shadow:0 0 0 3px rgba(57,255,114,.07)}textarea{min-height:100px;resize:vertical}.flash{padding:12px 15px;border-radius:10px;margin-bottom:15px;border:1px solid #24422c;background:#0c180f;color:#a7ffba}.flash.danger{border-color:#552929;background:#190c0c;color:#ff9999}.flash.warning{border-color:#51421d;background:#191408;color:#ffd479}.section-title{font-size:13px;text-transform:uppercase;letter-spacing:1.5px;color:#70ef8d;margin:0 0 12px}.kpi{font-size:10px;color:#728078}.empty{padding:35px;text-align:center;color:#657268}.two{display:grid;grid-template-columns:2fr 1fr;gap:16px}.timeline{border-left:1px solid #27412c;margin:10px 0 10px 8px;padding-left:20px}.timeline-item{position:relative;margin:0 0 18px}.timeline-item:before{content:'';position:absolute;left:-25px;top:4px;width:8px;height:8px;border-radius:50%;background:#45ff78;box-shadow:0 0 9px #45ff78}.timeline-item h4{margin:0 0 4px}.small{font-size:11px}.login{display:grid;place-items:center;background:radial-gradient(circle at 50% 30%,#102617 0,#050706 45%)}.login-card{width:min(430px,92vw);padding:35px;background:#090d0a;border:1px solid #1c3c25;border-radius:20px;box-shadow:0 0 60px rgba(44,255,104,.08)}.login-card h1{text-align:center;font-size:30px;margin:25px 0 8px}.login-card .muted{text-align:center;font-size:13px;margin-bottom:25px}.login-card form{display:grid;gap:10px}.login-card label{margin-top:6px}.hint{font-size:10px;color:#68766c;text-align:center;margin-top:18px}.modal{position:fixed;inset:0;background:#000b;display:none;place-items:center;z-index:50}.modal.open{display:grid}.modal-box{width:min(720px,94vw);max-height:90vh;overflow:auto}.chartbar{height:180px;display:flex;align-items:end;gap:8px}.chartbar i{flex:1;background:#38ec6a;min-height:3px;border-radius:5px 5px 0 0;box-shadow:0 0 12px rgba(56,236,106,.15)}@media(max-width:1000px){.grid-4{grid-template-columns:repeat(2,1fr)}.two{grid-template-columns:1fr}.sidebar{width:72px}.sidebar .brand div,.brand-by,.sidebar nav span,.logout{display:none}.sidebar nav a{justify-content:center}.main{margin-left:72px;width:calc(100% - 72px)}}@media(max-width:650px){.main{padding:18px}.grid-4,.grid-3,.grid-2,.form-grid{grid-template-columns:1fr}.topbar{align-items:flex-start}.userbox{display:none}.sidebar{width:58px}.main{margin-left:58px;width:calc(100% - 58px)}}@media print{.sidebar,.topbar,.no-print{display:none!important}.main{margin:0;width:100%;padding:0}.card{border:0;box-shadow:none}.print-title{display:block!important}}.print-title{display:none}