@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap');
:root{font:15px 'DM Sans',system-ui,sans-serif;color:#202939;background:#f3f6fb;--blue:#204eb6;--line:#dbe2ec}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;grid-template-columns:235px 1fr}aside{background:#152340;color:white;padding:28px 18px}.brand{display:flex;align-items:center;gap:11px;color:white;text-decoration:none;font-size:18px;font-weight:700;margin-bottom:38px}.brand span{display:grid;place-items:center;background:#3c6fe8;width:37px;height:37px;border-radius:10px}.brand small{display:block;color:#b2c0df;font-size:12px;font-weight:400}nav{display:grid;gap:6px}nav a{color:#cfdaee;text-decoration:none;padding:11px 14px;border-radius:8px}nav a[aria-current],nav a:hover{color:white;background:#273e6b}main{min-width:0;padding:36px clamp(18px,4vw,58px)}header,.toolbar,.dialog-title,footer{display:flex;align-items:center;justify-content:space-between;gap:15px}header{margin-bottom:22px}header p{margin:0;color:#4d6080}h1{font-size:34px;margin:3px 0}h2{font-size:19px;margin:0}.card{background:white;border:1px solid var(--line);border-radius:14px;overflow:hidden}.toolbar{padding:15px 20px;border-bottom:1px solid var(--line)}button{background:var(--blue);border:1px solid transparent;color:white;border-radius:8px;padding:9px 14px;cursor:pointer;font:inherit;font-weight:700}button:disabled{opacity:.55;cursor:wait}button.secondary,button.plain{background:white;color:var(--blue);border-color:var(--line)}button.plain{font-size:21px;padding:0 10px}input,select,textarea{width:100%;font:inherit;background:white;color:inherit;border:1px solid #bfcadb;border-radius:7px;padding:8px 10px;min-width:0}input:focus,select:focus,textarea:focus,button:focus-visible,a:focus-visible{outline:2px solid #547fe2;outline-offset:2px}input[type=search]{max-width:280px}input[type=checkbox]{width:auto}#records{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;min-width:480px}th,td{padding:12px 20px;border-bottom:1px solid #e8edf4}th{font-size:13px;color:#4d6080;background:#f8faff}.empty{padding:32px 20px;color:#526279}dialog{border:1px solid var(--line);border-radius:15px;width:min(760px,96vw);max-height:90vh;padding:0;box-shadow:0 20px 75px #15234044}dialog::backdrop{background:#15234088}.dialog-title,footer{padding:16px 22px;background:white}.dialog-title{position:sticky;top:0;border-bottom:1px solid var(--line);z-index:1}footer{justify-content:flex-end;position:sticky;bottom:0;border-top:1px solid var(--line)}#fields{padding:18px 22px;display:grid;gap:17px}fieldset{border:1px solid var(--line);border-radius:9px;margin:0;padding:10px 13px 13px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px 14px}legend{font-weight:700;color:#294268}label{display:grid;gap:5px;align-content:start;font-size:14px}label:has([type=checkbox]){display:flex;align-items:center}label:has(textarea){grid-column:1/-1}#error{color:#9e2332;padding:0 22px;margin:0 0 10px}#error:empty{display:none}#notice{color:#1a6348} @media(max-width:650px){body{display:block}aside{padding:12px 15px}.brand{margin-bottom:8px}nav{display:flex;overflow:auto}nav a{white-space:nowrap;padding:8px}main{padding:20px 13px}h1{font-size:26px}fieldset{grid-template-columns:1fr}.toolbar{padding:10px}header button{padding:8px}}
body{display:block}#workspace{display:grid;grid-template-columns:235px 1fr;min-height:100vh}[hidden]{display:none!important}.login{min-height:100vh;display:grid;place-items:center;padding:22px;background:linear-gradient(135deg,#152340 0%,#203c70 48%,#eff4fd 48%)}.login-card{width:min(100%,420px);border-radius:18px;background:white;padding:34px;box-shadow:0 18px 58px #15234038}.login-brand{display:flex;align-items:center;gap:10px;font-weight:700;color:#294268;margin-bottom:24px}.login-brand span{display:grid;place-items:center;width:32px;height:32px;background:var(--blue);border-radius:8px;color:white}.login-card h1{font-size:30px;margin:0 0 21px}.login-card form{display:grid;gap:14px}.login-card input{padding:11px}.login-card button{padding:11px}.login-card p{color:#9e2332;margin:0}.login-card p:empty{display:none}.operator{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:25px;color:#dce7ff;overflow-wrap:anywhere}.operator button{padding:6px 10px}#overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:15px}#overview a{display:grid;gap:8px;padding:18px;background:white;border:1px solid var(--line);border-radius:12px;color:#294268;text-decoration:none}#overview a:hover{border-color:var(--blue)}#overview strong{font-size:28px;color:#152340}@media(max-width:650px){#workspace{display:block}.operator{margin-top:9px}.login-card{padding:25px}}