:root{font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#15243a;background:#f1f5f9}*{box-sizing:border-box}body{margin:0}header{height:65px;background:#10243e;color:white;display:flex;align-items:center;justify-content:space-between;padding:0 25px}header a{color:#a6dcff}header small{font-weight:400;color:#c6d5e6}.layout{display:flex;min-height:calc(100vh - 65px)}nav{width:235px;background:#1b3454;padding:18px 10px;flex-shrink:0}nav a{display:block;color:#d9e9f6;text-decoration:none;padding:9px 13px;border-radius:7px;font-size:14px}nav a:hover{background:#305477}main{padding:26px;min-width:0;flex:1;max-width:100%}h1{margin:0 0 20px}h2{font-size:19px;margin:0 0 16px}.card{background:white;border:1px solid #dbe5ef;border-radius:13px;padding:20px;margin-bottom:20px;box-shadow:0 4px 14px #10243e08}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:15px}.cards .card{margin-bottom:0}.cards small{color:#61758a}.cards h2{margin:9px 0 0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.grid>div{align-self:end}label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600}input,select,textarea{width:100%;padding:10px;border:1px solid #bacbda;border-radius:7px;background:white;color:#15243a;font:inherit}button,.btn{display:inline-block;border:0;border-radius:7px;background:#1565c0;color:white;padding:10px 16px;font:inherit;cursor:pointer;text-decoration:none}button:hover,.btn:hover{background:#0e4e99}.danger{background:#a12b36;padding:5px 9px}.inline{display:inline}.filters{display:flex;flex-wrap:wrap;align-items:end;gap:12px;margin-bottom:20px}.filters label{min-width:145px}.scroll{overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px}th,td{border-bottom:1px solid #e4eaf0;padding:9px 10px;text-align:left;white-space:nowrap}th{background:#eaf1f8}tr:nth-child(even){background:#f9fbfd}.hint{font-size:13px;color:#667b90;line-height:1.5}.login{max-width:440px;margin:9vh auto;background:white;padding:35px;border-radius:15px;box-shadow:0 12px 40px #0001}.login form{display:grid;gap:18px}.err{color:#a12b36}@media(max-width:780px){.layout{display:block}nav{width:100%;display:flex;overflow:auto;gap:5px;padding:8px}nav a{white-space:nowrap}main{padding:15px}header{padding:0 12px;font-size:13px}}@media print{header,nav,.filters,button,.btn,form{display:none!important}.layout{display:block}main{padding:0}.card{box-shadow:none;border:0}body{background:white;color:black}table{font-size:10px}td,th{white-space:normal}}
