:root{--ink:#16233A;--slate:#1E2E4A;--panel:#243352;--line:rgba(255,255,255,.10);--amber:#E8952E;--amber2:#F4A83E;--mut:#9aa7bd;--txt:#EDEFF3;--green:#3FBF7F;--red:#E0605C;--blue:#5B9BD5}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Inter',sans-serif;background:var(--ink);color:var(--txt);display:flex;min-height:100vh;font-size:14px}
a{color:inherit;text-decoration:none}
.side{width:236px;background:var(--slate);border-right:1px solid var(--line);padding:20px 0;flex-shrink:0;display:flex;flex-direction:column}
.brand{font-family:'Archivo Black';font-size:1.05rem;letter-spacing:.02em;padding:0 22px 18px}.brand b{color:var(--amber)}.brand span{display:block;font-size:.62rem;letter-spacing:.2em;color:var(--mut);margin-top:2px}
.nav-item{display:flex;align-items:center;gap:11px;padding:11px 22px;color:var(--mut);font-weight:500;border-left:3px solid transparent;font-size:.87rem}
.nav-item:hover{color:var(--txt);background:rgba(255,255,255,.03)}
.nav-item.active{color:var(--txt);border-left-color:var(--amber);background:rgba(232,149,46,.08)}
.nav-item .ic{width:15px;height:15px;border-radius:4px;background:currentColor;opacity:.7}
.nav-item .adm{margin-left:auto;font-size:.6rem;background:rgba(232,149,46,.22);color:var(--amber);padding:1px 6px;border-radius:4px;font-family:'Archivo Black'}
.side-foot{margin-top:auto;padding:14px 22px;border-top:1px solid var(--line);color:var(--mut);font-size:.78rem}
.main{flex:1;display:flex;flex-direction:column;min-width:0}
.top{height:60px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 26px;background:var(--slate)}
.top h1{font-family:'Archivo Black';font-size:1.05rem;font-weight:400}
.who{display:flex;align-items:center;gap:12px;color:var(--mut);font-size:.84rem}
.av{width:30px;height:30px;border-radius:50%;background:var(--amber);color:var(--ink);display:flex;align-items:center;justify-content:center;font-weight:700;font-family:'Archivo Black';font-size:.8rem}
.logout{color:var(--mut);font-size:.8rem;border:1px solid var(--line);padding:5px 10px;border-radius:6px}.logout:hover{color:var(--txt)}
.content{padding:24px 26px;overflow:auto}
.flash{background:rgba(63,191,127,.14);border:1px solid var(--green);color:var(--green);padding:10px 14px;border-radius:8px;margin-bottom:16px}
.err{background:rgba(224,96,92,.14);border:1px solid var(--red);color:var(--red);padding:10px 14px;border-radius:8px;margin-bottom:14px;font-size:.86rem}
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px}
@media(max-width:1000px){.kpis{grid-template-columns:repeat(2,1fr)}}
.kpi{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:16px}
.kpi .lab{color:var(--mut);font-size:.72rem;text-transform:uppercase;letter-spacing:.05em}
.kpi .val{font-family:'Archivo Black';font-size:1.55rem;margin-top:5px}
.card{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:18px;margin-bottom:16px}
.card h3{font-family:'Archivo Black';font-size:.86rem;letter-spacing:.02em;margin-bottom:14px;display:flex;justify-content:space-between;align-items:center;font-weight:400}
table{width:100%;border-collapse:collapse}
th{text-align:left;color:var(--mut);font-size:.68rem;text-transform:uppercase;letter-spacing:.05em;padding:9px 10px;border-bottom:1px solid var(--line);font-weight:600}
td{padding:10px;border-bottom:1px solid rgba(255,255,255,.05);font-size:.85rem}tr:last-child td{border-bottom:none}
.pill{font-size:.68rem;padding:3px 8px;border-radius:20px;font-weight:600;display:inline-block}
.g{background:rgba(63,191,127,.15);color:var(--green)}.a{background:rgba(232,149,46,.15);color:var(--amber)}.r{background:rgba(224,96,92,.15);color:var(--red)}.b{background:rgba(91,155,213,.15);color:var(--blue)}
.bar{height:6px;background:var(--line);border-radius:20px;overflow:hidden;min-width:80px}.bar i{display:block;height:100%;background:var(--amber);border-radius:20px}
.btn{background:var(--amber);color:var(--ink);border:none;padding:9px 15px;border-radius:6px;font-family:'Archivo Black';font-size:.72rem;cursor:pointer;font-weight:400}
.btn.ghost{background:transparent;border:1px solid var(--line);color:var(--txt)}
form.add{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;align-items:end;margin-top:6px}
.fld label{display:block;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:var(--mut);margin-bottom:5px}
.fld input,.fld select,.fld textarea{width:100%;background:var(--slate);border:1px solid var(--line);border-radius:7px;padding:10px;color:var(--txt);font-family:'Inter';font-size:.9rem}
.fld input:focus,.fld select:focus,.fld textarea:focus{outline:none;border-color:var(--amber)}
.login-wrap{margin:auto;max-width:380px;width:100%;padding:30px}
.login-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:34px}
.login-card h2{font-family:'Archivo Black';margin-bottom:6px;font-size:1.3rem}
.login-card h2 b{color:var(--amber)}
.login-card p{color:var(--mut);font-size:.86rem;margin-bottom:20px}
body.center{align-items:center;justify-content:center}
.lic-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 22px}
@media(max-width:700px){.lic-grid{grid-template-columns:1fr}}
.lic{display:flex;gap:10px;padding:9px 0;border-bottom:1px solid var(--line);font-size:.88rem}
.lic::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--amber);margin-top:7px;flex-shrink:0}
.lic.core::before{background:var(--green)}