:root{--navy:#102a43;--blue:#176b87;--teal:#21a68d;--bg:#f3f7f8;--text:#182d3a;--muted:#71818b}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px 'Segoe UI',Arial,sans-serif}aside{position:fixed;inset:0 auto 0 0;width:245px;background:var(--navy);padding:28px 20px;color:#fff;display:flex;flex-direction:column}aside h2,.login h1{font:800 20px Segoe UI,Arial,sans-serif;letter-spacing:1px;margin:0 0 28px}aside small,.login small{display:block;color:#65d4b8;font-size:11px;letter-spacing:3px;margin-top:4px}aside a{color:#d5e3ea;text-decoration:none;padding:12px 14px;border-radius:9px;margin:2px 0}aside a:hover{background:#1b425a;color:white}aside p{margin-top:auto;color:#9bb3c2}main{margin-left:245px;padding:32px clamp(20px,4vw,60px);max-width:1600px}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}h1,h2{font-family:Segoe UI,Arial,sans-serif}h1{font-size:28px;margin:0}h2{font-size:19px}header span{color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin:20px 0}.cards a,section{background:white;border:1px solid #e5edef;border-radius:14px;padding:20px;box-shadow:0 3px 12px #102a4308}.cards a{display:flex;flex-direction:column;text-decoration:none;color:var(--text)}.cards b{font-size:14px}.cards strong{font:800 32px Manrope;color:var(--blue);margin-top:16px}.table{overflow:auto;background:white;border-radius:14px;border:1px solid #e5edef;margin:18px 0}table{width:100%;border-collapse:collapse;min-width:600px}th,td{text-align:left;padding:13px 16px;border-bottom:1px solid #edf1f2}th{font-size:12px;text-transform:uppercase;color:var(--muted);letter-spacing:.7px}section{margin-top:22px}form{display:flex;flex-wrap:wrap;gap:13px;align-items:end}label{display:flex;flex-direction:column;gap:6px;color:#516570;font-size:13px;min-width:200px;flex:1}input,select,textarea{font:inherit;color:var(--text);padding:11px 12px;border:1px solid #ccd8dc;border-radius:8px;background:#fff}textarea{min-height:70px}button{border:0;border-radius:8px;background:var(--teal);color:white;font-weight:700;padding:12px 18px;cursor:pointer}button:hover{background:#188772}footer{color:var(--muted);font-size:12px;margin-top:34px}.login{margin:10vh auto;background:white;max-width:440px;padding:38px;border-radius:18px;box-shadow:0 12px 40px #102a4318}.login form{display:grid;margin-top:22px}.login label{min-width:100%}.login h1{color:var(--navy)}@media(max-width:760px){aside{position:static;width:auto;padding:18px;display:block}aside h2{margin:0 0 8px}aside a{display:inline-block;padding:9px}aside p{display:none}main{margin:0;padding:22px 15px}h1{font-size:23px}.cards{grid-template-columns:repeat(2,1fr)}}
.toolbar{display:flex;gap:12px;align-items:center;justify-content:space-between;margin:14px 0}.toolbar form{flex:1}.toolbar input,.toolbar select{min-width:145px}.button{display:inline-block;text-decoration:none;color:#fff;background:var(--blue);padding:11px 15px;border-radius:8px;white-space:nowrap}form.inline{margin:10px 0;background:#fff;padding:14px;border:1px solid #e5edef;border-radius:10px}fieldset{border:1px solid #dce6e8;border-radius:10px;padding:14px;display:grid;gap:10px;grid-template-columns:1fr 2fr 100px;width:100%}legend{color:var(--blue);font-weight:700}.check{display:flex;flex-direction:row;align-items:center;min-width:90px}footer{padding-bottom:24px}a{color:var(--blue)}
.danger{background:#b42318}.danger:hover{background:#8f1b13}
.notice{padding:13px 16px;background:#e4f6f1;border:1px solid #9bdacb;border-radius:9px;color:#155b4b}.table td form{margin:10px 0;padding:12px;border:1px solid #f0d1cf;border-radius:9px;background:#fffafa}.table td form label{min-width:180px}