:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#182e40;background:#f3f6f9;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{border:0;border-radius:8px;background:#087f75;color:white;padding:12px 18px;cursor:pointer;font-weight:600}button:hover{filter:brightness(.94)}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible{outline:3px solid #edb443;outline-offset:3px}input,select{width:100%;border:1px solid #cbd7df;background:white;padding:11px;border-radius:7px;color:#182e40}label{display:block;font-size:14px;font-weight:600;margin:15px 0}label input,label select{margin-top:7px}h1{font-size:30px;letter-spacing:-1px;margin:8px 0}h2{font-size:20px}.eyebrow,.nav-label{font-size:11px;letter-spacing:1.7px;font-weight:700;color:#728897}.brand{display:flex;align-items:center;gap:12px;font-size:36px;font-weight:800;color:#40d4ba}.brand span{font-size:20px;color:inherit}.brand small{display:block;font-size:9px;letter-spacing:2px;margin-top:5px;color:#88a5b5}#login{min-height:100vh;display:grid;place-items:center;background:radial-gradient(ellipse at top right,#176a6b,#102b3e 70%)}.login-card{width:min(440px,92vw);padding:40px;background:#fff;border-radius:16px;box-shadow:0 24px 90px #001c2960}.login-card .brand span{color:#183a4d}.login-card p{line-height:1.7;color:#6c7e89}.login-card button{width:100%;margin:10px 0 24px}.login-card small{color:#7f909a}#workspace{display:flex;min-height:100vh}#workspace[hidden],#login[hidden]{display:none}aside{width:244px;background:#102b3e;color:#bdd0dc;padding:32px 22px;display:flex;flex-direction:column;position:fixed;height:100vh}.nav-label{margin:42px 10px 18px}nav button{display:block;width:100%;background:transparent;color:#b9cbd6;text-align:left;margin:5px 0;font-size:14px}nav button.active{background:#1c4b58;color:#74eed3}.aside-footer{margin-top:auto;font-size:12px;overflow-wrap:anywhere}.aside-footer button{display:block;margin-top:14px}main{margin-left:244px;padding:35px 42px;width:calc(100% - 244px)}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:34px}.environment{font-size:12px;background:#e1eee9;color:#297962;padding:8px 12px;border-radius:30px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:18px;margin:25px 0}.card,.panel{background:white;border:1px solid #e0e8ed;border-radius:12px;padding:24px}.card small{color:#6c818e}.card strong{display:block;font-size:32px;margin-top:16px}.welcome{background:#173d50;border:0;color:white;padding:30px;border-radius:12px}.welcome p{color:#bbd0da;max-width:650px;line-height:1.7}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px}.toolbar p{color:#748690}.table-wrap{overflow:auto;background:white;border:1px solid #e0e8ed;border-radius:12px}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{font-size:11px;text-transform:uppercase;letter-spacing:.8px;background:#f8fafb;color:#768b97}th,td{padding:17px 20px;border-bottom:1px solid #edf1f4;font-size:13px}td button{padding:7px 10px;font-size:12px;margin-right:5px}.empty{padding:55px;text-align:center;color:#718693}.secondary{background:#e7eef2;color:#375465}.badge{display:inline-block;padding:5px 9px;border-radius:5px;background:#e9f4f0;color:#287b65;font-size:12px}.panel{margin-bottom:16px}.panel p{line-height:1.6;color:#697f8e}footer{font-size:11px;color:#8a9ca7;margin-top:36px}dialog{border:0;border-radius:14px;width:min(520px,94vw);padding:27px;box-shadow:0 25px 100px #102b3e50}dialog::backdrop{background:#102b3e80}.modal-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}#form-error{color:#a52c3a}#notice{position:fixed;bottom:22px;right:22px;max-width:90vw;background:#173d50;color:white;padding:16px 23px;border-radius:9px;z-index:10}.pagination{display:flex;gap:12px;margin-top:15px}@media(max-width:850px){aside{position:static;width:100%;height:auto;padding:18px}#workspace{flex-direction:column}nav{display:flex;overflow:auto}nav button{width:auto;white-space:nowrap}.nav-label,.aside-footer{margin:12px 0}.aside-footer{display:flex;justify-content:space-between;align-items:center}.aside-footer button{margin:0}main{margin:0;width:100%;padding:24px 18px}.environment{font-size:10px}header{gap:12px}.brand{font-size:26px}.cards{grid-template-columns:repeat(2,1fr)}h1{font-size:25px}}

/* Keep account controls reachable when navigation exceeds viewport height. */
@media(min-width:851px){aside{height:100dvh}aside>.brand,aside>.nav-label,.aside-footer{flex-shrink:0}#nav{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain}.aside-footer{padding-top:12px}#access-shortcut{width:100%;background:#1c4b58;color:#74eed3;margin:0 0 12px}}
@media(max-width:850px){.aside-footer{flex-wrap:wrap;gap:12px}#nav button{flex-shrink:0}#access-shortcut{background:#1c4b58;color:#74eed3}}

#login-error{color:#a51d32;background:#fff0f2;border:1px solid #e8a2ad;padding:12px;border-radius:8px;font-size:14px;line-height:1.5;margin:12px 0}
#login-error[hidden]{display:none}#menu-toggle{display:none}
#workspace main{min-width:0}#content{min-width:0}.table-wrap{max-width:100%}
@media(max-width:850px){
 #workspace aside{position:relative;height:auto;width:100%;padding:16px;gap:10px}
 #menu-toggle{display:block;position:absolute;right:16px;top:18px;background:#1c4b58;min-height:44px}
 #workspace aside>.brand{padding-right:105px;min-height:44px}
 #workspace .nav-label{display:none}
 #workspace #nav{display:none}
 #workspace aside.menu-open #nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-height:55dvh;overflow-y:auto;gap:4px}
 #workspace #nav button{width:100%;white-space:normal;margin:0;min-height:48px;padding:12px}
 #workspace .aside-footer{margin:4px 0 0;gap:8px;font-size:12px}
 #workspace .aside-footer #identity{flex-basis:100%;order:3}
 #workspace main{padding:18px 12px;width:100%;margin:0}
 #workspace header{flex-wrap:wrap;margin-bottom:20px}
 .login-card{padding:24px}input,select,textarea{font-size:16px;max-width:100%}
 .toolbar,.search-row,.filter-buttons{flex-wrap:wrap}.search-row{min-width:0;width:100%}
 .card,.panel,.welcome{padding:16px}.card strong{font-size:24px}
 .os-grid{grid-template-columns:1fr!important}.modal-heading{flex-wrap:wrap}
 dialog{max-height:90dvh;overflow:auto}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:380px){.cards{grid-template-columns:1fr}}