*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 10% 0,#172443,#090c12 36%);color:#f4f7fb;font:14px/1.45 system-ui,Arial}.app{min-height:100vh}.side{position:fixed;inset:0 auto 0 0;width:245px;background:#10151e;border-right:1px solid #293241;padding:14px;z-index:5}.brand{font-weight:900;font-size:20px;padding:8px 10px 20px}.nav button{width:100%;display:block;text-align:left;border:0;background:none;color:#9aa6b8;padding:11px;border-radius:10px;cursor:pointer}.nav button.active,.nav button:hover{background:#1b2330;color:white}.main{margin-left:245px;padding:20px;max-width:1500px}.top{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:15px}.status{padding:8px 12px;border-radius:999px;background:#182a21;color:#60dda4}.btn{border:0;border-radius:10px;padding:10px 14px;background:#7d9cff;color:#08101e;font-weight:800;cursor:pointer}.gray{background:#252d3a;color:white}.banner,.card{background:#121720;border:1px solid #293241;border-radius:18px;padding:17px;margin-bottom:14px}.banner{background:#2b2410}.banner.ok{background:#10251c}.banner.bad{background:#2b1318}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.kpi span{color:#9aa6b8;font-size:12px}.kpi b{font-size:24px;display:block;margin-top:4px}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:10px;border-bottom:1px solid #293241;text-align:left}.table th{color:#9aa6b8;font-size:11px}.empty{padding:30px;text-align:center;border:1px dashed #36404f;border-radius:12px;color:#8995a8}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field label{display:block;color:#aab5c5;font-size:12px;margin-bottom:5px}.field input,.field select{width:100%;background:#0b0f16;color:#fff;border:1px solid #303948;border-radius:9px;padding:10px}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.green{color:#5cdda5}.danger{color:#ff7886}.muted{color:#8e9aac}.toast{position:fixed;right:18px;bottom:18px;background:#202936;padding:12px 16px;border-radius:10px;z-index:50}@media(max-width:850px){.side{transform:translateX(-100%);transition:.2s}.side.open{transform:none}.main{margin-left:0;padding:12px}.grid{grid-template-columns:1fr 1fr}.formgrid{grid-template-columns:1fr}.mobile{display:block}}@media(min-width:851px){.mobile{display:none}}