:root{font-family:Inter,system-ui,-apple-system,'Segoe UI',sans-serif;color:#183347;background:#f4f8fa;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin-top:0}.hidden{display:none!important}.muted{color:#728699}.eyebrow{letter-spacing:.14em;font-size:10px;font-weight:800;color:#1a8a92}.center-screen{min-height:100vh;background:linear-gradient(125deg,#0b2637 0%,#114c5c 70%,#0d626c 100%);display:grid;place-items:center;padding:24px}.entry-wrap{width:min(100%,440px)}.entry-brand,.side-brand{display:flex;gap:12px;align-items:center}.entry-brand{color:#fff;margin-bottom:26px}.logo{background:linear-gradient(135deg,#197f89,#54b6a7);border-radius:13px;width:48px;height:48px;display:grid;place-items:center;font-weight:900;color:white;font-size:18px;box-shadow:0 8px 24px #072b3466}.entry-brand strong,.side-brand strong{display:block;font-size:20px;letter-spacing:.05em}.entry-brand span,.side-brand span{display:block;font-size:10px;letter-spacing:.17em;margin-top:4px;opacity:.7}.entry-card{background:#fff;border-radius:20px;padding:35px;box-shadow:0 20px 80px #03162255}.entry-card h1{font-size:27px;margin:8px 0 8px}.entry-card p{font-size:13px;line-height:1.6}.entry-card label,.form-fields label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:700;margin-bottom:16px}.entry-card input,.form-fields input,.form-fields select,.form-fields textarea{width:100%;background:#fff;border:1px solid #ccdae2;padding:12px;border-radius:9px;color:#1c394d;outline-offset:2px}.primary{border:0;border-radius:9px;color:#fff;background:#136878;padding:12px 16px;font-size:12px;font-weight:800}.primary:hover{background:#0e5462}.secondary{border:1px solid #c7d6df;background:white;color:#24465a;border-radius:9px;padding:12px 16px;font-size:12px;font-weight:700}.full{width:100%}.notice{font-size:12px;line-height:1.5;color:#a4502c;margin-top:12px}.notice:empty{display:none}.login-foot{color:#788d9b;text-align:center;margin-top:17px;margin-bottom:0}.security-foot{color:#cfdee2;font-size:11px;text-align:center;margin-top:20px;line-height:1.6}.shell{display:grid;grid-template-columns:245px minmax(0,1fr);min-height:100vh}.sidebar{background:#102d41;color:#d7e5ec;display:flex;flex-direction:column;min-height:100vh}.side-brand{padding:25px 20px;border-bottom:1px solid #ffffff1a}.side-brand strong{font-size:18px}.side-nav{padding:16px 10px;overflow:auto;flex:1}.nav-group{padding:20px 12px 8px;color:#80a8b4;font-weight:800;font-size:9px;letter-spacing:.16em}.nav-link{border:0;background:transparent;color:#c8dce5;display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:12px;border-radius:9px;margin:2px 0;font-size:12px}.nav-link:hover{background:#1b4559}.nav-link.active{background:#207789;color:#fff;font-weight:800}.nav-link .icon{width:20px;display:inline-block;text-align:center;font-size:15px}.side-foot{border-top:1px solid #ffffff1c;padding:19px;display:grid;gap:5px;font-size:12px}.side-foot small{color:#9bb9c6}.logout{border:1px solid #7ea5b253;background:transparent;color:white;border-radius:7px;padding:8px;margin-top:11px;text-align:left;font-size:12px}.main{min-width:0}.topbar{background:#fff;border-bottom:1px solid #dfebef;min-height:74px;padding:14px 29px;display:flex;align-items:center;justify-content:space-between}.crumb{font-size:12px;font-weight:700}.small-date{font-size:10px;color:#8295a4;margin-top:5px}.top-actions{font-size:11px;color:#567681;display:flex;align-items:center;gap:11px}.live-dot{height:7px;width:7px;background:#2eaa86;border-radius:50%}.user-initials{background:#e5f3f5;color:#1e717d;padding:10px;border-radius:50%;font-weight:800}.menu-btn{display:none}.content{max-width:1440px;margin:auto;padding:28px}.pilot-ribbon{background:#e7f4f5;border:1px solid #cce8e9;border-radius:10px;color:#3b6770;padding:12px 16px;display:flex;gap:11px;align-items:center;font-size:12px;margin-bottom:25px}.pilot-ribbon strong{color:#0b6974;font-size:10px;letter-spacing:.09em;white-space:nowrap}.page-top{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:20px}.page-top h1{font-size:27px;margin:6px 0}.page-top p{font-size:12px;margin-bottom:0}.filters{display:flex;gap:9px;flex-wrap:wrap}.filters select{min-width:205px;background:white;border:1px solid #d4e3e8;border-radius:9px;padding:12px;font-size:11px;color:#426575}.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:22px}.kpi,.card{background:#fff;border:1px solid #e0eaef;border-radius:13px;box-shadow:0 3px 16px #15394708}.kpi{padding:19px}.kpi .label{font-size:11px;color:#70889a}.kpi .value{display:block;font-size:26px;letter-spacing:-.04em;color:#1c4255;font-weight:800;margin-top:12px}.kpi .foot{font-size:10px;color:#8ea1ae;margin-top:6px}.grid-two{display:grid;grid-template-columns:1.3fr 1fr;gap:18px}.card{padding:20px;margin-bottom:17px}.card h2{font-size:15px;margin:0 0 15px}.card h3{font-size:13px}.card .muted{font-size:12px;line-height:1.7}.table-wrap{overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:11px;white-space:nowrap}.data-table th{text-align:left;padding:13px 11px;background:#f5f9fa;color:#76909e;font-size:10px}.data-table td{padding:14px 11px;border-bottom:1px solid #edf3f6}.data-table td.wrap{white-space:normal;min-width:150px;max-width:300px}.tag{display:inline-block;background:#eaf2f5;color:#406b7b;font-size:10px;border-radius:999px;padding:5px 9px}.tag.ok{color:#21866f;background:#e6f7f0}.tag.warning{color:#a36a16;background:#fff3df}.tag.bad{color:#b45056;background:#fff0f0}.table-action{border:1px solid #dae9eb;background:#fff;color:#146576;border-radius:8px;padding:7px 9px;font-size:10px}.table-action:hover{background:#eaf5f6}.empty-state{border:1px dashed #c9dde5;border-radius:11px;padding:32px 20px;text-align:center;color:#6b8796;font-size:12px;line-height:1.7}.empty-state strong{display:block;color:#3b6875;font-size:14px;margin-bottom:7px}.chart{width:100%;height:auto}.legend{display:flex;gap:14px;font-size:10px;color:#8094a0}.legend i{display:inline-block;width:9px;height:9px;border-radius:2px;margin-right:5px}.callout{background:#f0f7f8;padding:17px;border-radius:10px;color:#456d77;font-size:12px;line-height:1.7}.cards-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.mini{border:1px solid #dfeaed;border-radius:10px;padding:17px}.mini strong{display:block;color:#214659;margin-bottom:9px}.mini small{color:#7893a1}.mono{font-variant-numeric:tabular-nums}dialog{border:0;border-radius:17px;padding:0;width:min(540px,92vw);box-shadow:0 24px 80px #091d3059}dialog::backdrop{background:#081f32a0}dialog form{padding:25px 29px}.modal-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:22px}.modal-top h2{margin:7px 0 0;font-size:21px}.close{background:transparent;border:0;font-size:23px;color:#648395}.form-fields{max-height:60vh;overflow:auto;padding-right:3px}.form-fields textarea{min-height:80px;resize:vertical}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.toast{position:fixed;right:20px;bottom:20px;background:#184f5c;color:white;padding:12px 19px;font-size:12px;border-radius:10px;box-shadow:0 12px 30px #00283635;z-index:100}.section-note{color:#778e9b;font-size:11px;margin-bottom:16px}.nobreak{white-space:nowrap}.danger{color:#b9535b}.green{color:#247e67}@media(max-width:1100px){.kpis{grid-template-columns:repeat(2,1fr)}.grid-two{grid-template-columns:1fr}.content{padding:20px}.shell{grid-template-columns:213px minmax(0,1fr)}}@media(max-width:740px){.shell{display:block}.sidebar{position:fixed;top:0;bottom:0;left:0;width:260px;z-index:20;transform:translateX(-105%);transition:transform .2s}.sidebar.open{transform:translateX(0)}.menu-btn{display:block;border:0;background:#eaf3f5;color:#285368;padding:8px 12px;border-radius:7px;margin-right:13px}.topbar{justify-content:flex-start;padding:14px 16px}.top-actions{margin-left:auto;font-size:0}.top-actions .live-dot{display:none}.content{padding:17px}.page-top{align-items:stretch;flex-direction:column}.filters{width:100%}.filters select{flex:1}.pilot-ribbon{align-items:start;flex-wrap:wrap}.kpis{gap:8px}.kpi{padding:14px}.kpi .value{font-size:19px}.cards-mini{grid-template-columns:1fr}.entry-card{padding:24px}}
