:root{font-family:Inter,system-ui,Arial,sans-serif;color:#e8eef8;background:#0b1220}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top right,#1d3558,#0b1220 48%);min-height:100vh}.shell{max-width:1180px;margin:auto;padding:28px}header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.brand{font-weight:900;letter-spacing:2px;color:#fff}.brand span{color:#55c4ff}h1{font-size:28px;margin:8px 0}h2{font-size:19px;margin:26px 0 12px}h3{margin-top:0}.muted{color:#94a8c5}.small{font-size:12px}.panel,.tile,.item{background:#121e31;border:1px solid #273a55;border-radius:14px;padding:18px;box-shadow:0 10px 35px #0003}.login{max-width:390px;margin:10vh auto;padding:30px}.login input{width:100%;margin:9px 0}.login button{width:100%;margin-top:10px}.error{color:#ff8e8e}input,select,textarea{background:#0b1525;color:#eef5ff;border:1px solid #344a68;border-radius:8px;padding:11px;width:100%;font:inherit}label{display:block;color:#b9c9df;font-size:13px}label input,label select,label textarea{display:block;margin-top:6px}button{background:#1689d4;color:#fff;border:0;border-radius:8px;padding:11px 16px;font-weight:700;cursor:pointer}button:hover{filter:brightness(1.12)}button.secondary{background:#31445f}button.danger{background:#a83b4c}.actions{display:flex;gap:9px;align-items:center}.section-head{display:flex;justify-content:space-between;align-items:center}.stats,.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.tile strong{display:block;font-size:22px}.tile span{display:block;margin-top:6px}.list{display:grid;gap:10px}.item{display:flex;justify-content:space-between;align-items:center;gap:12px}.item b{display:block}.status{font-weight:800;font-size:12px}.ok{color:#51dfa0}.bad{color:#ff777f}.nav{background:#1a2b42;margin:0 6px 12px 0}.nav.active{background:#1689d4}.form{margin-top:18px}.formgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin:12px 0}.form>label{margin:12px 0}.row-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:9px}.row-actions button{padding:7px 10px;font-size:12px}.pill{border-radius:99px;padding:5px 9px;background:#243953;font-size:11px}.modal{position:fixed;inset:0;background:#000a;display:grid;place-items:center;padding:18px}.modalbox{width:min(620px,100%);position:relative}.close{position:absolute;right:14px;top:14px;background:#31445f;padding:4px 11px;font-size:22px}.check{display:flex;align-items:center;gap:8px;margin:12px 0}.check input{width:auto}.empty{padding:20px;color:#93a6c0;text-align:center}.modal[hidden],.tab[hidden],#app[hidden],#login[hidden],form[hidden]{display:none!important}@media(max-width:650px){.shell{padding:15px}header{align-items:flex-start;flex-direction:column}.item{align-items:flex-start;flex-direction:column}.section-head{align-items:flex-start;gap:10px;flex-direction:column}}
