:root{font-family:Inter,system-ui,sans-serif;color:#e8ecff;background:#070a14;color-scheme:dark}*{box-sizing:border-box}body{margin:0}.hidden{display:none!important}.login{min-height:100vh;display:grid;place-items:center;padding:20px}.panel,.card,dialog{background:#11172a;border:1px solid #27304c;border-radius:16px;padding:22px}.login .panel{width:min(420px,100%)}label{display:grid;gap:6px;margin:14px 0;color:#aeb7d4}input,select,button{font:inherit;border-radius:9px;border:1px solid #35405f;padding:10px 12px;background:#0b1020;color:#fff}button{cursor:pointer;background:#5b6cff;border:0;font-weight:650}button:hover{filter:brightness(1.1)}.ghost,nav button{background:transparent;border:1px solid #303954;text-align:left}.error,.danger{color:#ff8c9a}.shell{display:grid;grid-template-columns:245px 1fr;min-height:100vh}aside{padding:22px;background:#0c1120;border-right:1px solid #252e47;display:flex;flex-direction:column;gap:16px}nav{display:grid;gap:8px;flex:1}.badge{color:#9eabff}main{min-width:0;padding:24px}header{display:flex;gap:12px;align-items:center}#menu{display:none}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px}.metric strong{display:block;font-size:28px;margin-top:8px}.toolbar{display:flex;gap:10px;margin:16px 0;flex-wrap:wrap}.toolbar input{min-width:260px}.table-wrap{overflow:auto;border:1px solid #27304c;border-radius:12px}table{width:100%;border-collapse:collapse;min-width:720px}th,td{text-align:left;padding:12px;border-bottom:1px solid #27304c}th{color:#aeb7d4}.row{display:flex;gap:12px;flex-wrap:wrap}.row>.card{flex:1;min-width:260px}.muted{color:#929dbb}pre{white-space:pre-wrap;word-break:break-word}dialog{width:min(520px,calc(100% - 30px))}dialog menu{display:flex;justify-content:flex-end;gap:10px;padding:0}#notice{position:sticky;top:10px;z-index:3}.notice{padding:12px;margin:8px 0;border-radius:10px;background:#1c2949}.notice.error{background:#481b28}.actions{display:flex;gap:7px;flex-wrap:wrap}.actions button{padding:7px 9px}.pagination{display:flex;gap:8px;align-items:center;margin-top:12px}@media(max-width:760px){.shell{grid-template-columns:1fr}aside{position:fixed;z-index:5;inset:0 20% 0 0;transform:translateX(-110%);transition:.2s}aside.open{transform:none}main{padding:14px}#menu{display:block}header h1{font-size:22px}.toolbar input{min-width:100%}}
