:root{--navy:#121c3a;--blue:#1942d1;--cyan:#17b5d0;--bg:#f5f7fb;--line:#e5e9f2;--muted:#68738d;--green:#18a873}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--navy)}button,input,select,textarea{font:inherit}.login{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 75% 15%,#dcecff,transparent 35%),linear-gradient(145deg,#f7f9fd,#edf2fb)}.login-card{width:min(420px,92vw);background:#fff;padding:38px;border-radius:22px;box-shadow:0 24px 70px #1d326526}.login-card img{width:170px;height:55px;object-fit:contain;object-position:left}.login-card h1{font-size:30px;margin:26px 0 4px}.login-card p{color:var(--muted);margin:0 0 24px}.login-card label,.grid label{font-size:13px;font-weight:650;display:grid;gap:7px;margin:13px 0}.login-card input,.grid input,.grid select,.grid textarea{border:1px solid var(--line);padding:12px;border-radius:10px;outline:none}.login-card input:focus,.grid input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #1942d116}button{border:0;border-radius:10px;padding:11px 16px;background:var(--blue);color:#fff;font-weight:700;cursor:pointer}.login-card button{width:100%;margin-top:12px}.login-card small{display:block;color:#d53f5a;margin-top:12px}#app{min-height:100vh;display:grid;grid-template-columns:255px 1fr}aside{position:fixed;inset:0 auto 0 0;width:255px;background:#101a37;color:#dbe2f6;padding:22px 14px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;padding:0 8px 22px}.brand img{width:45px;height:45px;object-fit:cover;border-radius:9px}.brand b,.brand small{display:block}.brand small{color:#8995b3;margin-top:2px}nav{overflow:auto;flex:1}.nav-group{font-size:10px;color:#7682a0;letter-spacing:.12em;padding:17px 12px 7px}.nav-item{display:flex;gap:10px;align-items:center;width:100%;background:transparent;color:#aeb9d4;text-align:left;padding:10px 12px;margin:2px 0;font-weight:550}.nav-item:hover,.nav-item.active{background:#ffffff12;color:#fff}.nav-item.active{box-shadow:inset 3px 0 var(--cyan)}.aside-foot{border-top:1px solid #ffffff12;padding:15px 9px 0;font-size:13px}.ghost{background:transparent;color:#8f9ab8;padding:7px 0;display:block}main{grid-column:2;padding:30px 34px}header{display:flex;justify-content:space-between;gap:25px;align-items:center;margin-bottom:28px}header h1{font-size:30px;margin:4px 0}header p{color:var(--muted);margin:0}header small,.modal-head small{color:var(--blue);font-weight:800;letter-spacing:.1em}.header-actions{display:flex;gap:10px}.header-actions input{width:220px;border:1px solid var(--line);border-radius:10px;padding:11px;background:#fff}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px}.card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:20px}.card .label{color:var(--muted);font-size:13px}.card .value{font-size:29px;font-weight:800;margin-top:9px}.card .trend{color:var(--green);font-size:12px;margin-top:7px}.panel{background:#fff;border:1px solid var(--line);border-radius:15px;overflow:hidden}.panel-head{padding:18px 20px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between}.panel-head h3{margin:0}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:14px 20px;border-bottom:1px solid #eef1f6;font-size:13px}th{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.05em;background:#fafbfe}.badge{display:inline-block;padding:5px 9px;border-radius:999px;background:#edf2ff;color:var(--blue);font-size:11px;font-weight:750}.empty{text-align:center;padding:65px 20px;color:var(--muted)}.empty b{display:block;color:var(--navy);font-size:18px;margin-bottom:7px}.actions button{padding:6px 8px;background:transparent;color:var(--blue)}dialog{border:0;border-radius:18px;padding:0;width:min(680px,92vw);box-shadow:0 28px 100px #09133250}dialog::backdrop{background:#08112b99}.modal-head{padding:22px 24px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between}.modal-head h2{margin:5px 0 0}.close{background:transparent;color:var(--navy);font-size:25px;padding:0}.grid{padding:10px 24px;display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.grid .wide{grid-column:1/-1}.modal-actions{padding:18px 24px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:10px}.secondary{background:#eef1f7;color:var(--navy)}@media(max-width:1000px){.cards{grid-template-columns:1fr 1fr}}@media(max-width:720px){#app{grid-template-columns:1fr}aside{position:static;width:auto;height:auto}.brand{padding-bottom:8px}nav{display:flex;overflow:auto}.nav-group{display:none}.nav-item{white-space:nowrap}main{grid-column:1;padding:20px}header{align-items:flex-start;flex-direction:column}.header-actions{width:100%}.header-actions input{width:100%}.cards{grid-template-columns:1fr}.grid{grid-template-columns:1fr}.grid .wide{grid-column:auto}}