:root{--nav:#102235;--accent:#087b88;--bg:#f4f7f8;--line:#d9e2e5;--ink:#182831}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:flex;background:var(--bg);color:var(--ink);font:14px Arial,sans-serif}aside{flex:0 0 220px;min-height:100vh;background:var(--nav);padding:28px 14px;color:#fff}h1{font-size:26px;margin:0 9px 32px;letter-spacing:.5px}h1 small{display:block;margin-top:7px;color:#afc3ce;font-size:11px;font-weight:normal}aside a{display:block;margin:3px 0;padding:11px 10px;border-radius:6px;color:#d9e3e8;text-decoration:none}aside a:hover,aside .active{background:#1d4a61;color:#fff}aside a small{display:block;margin-top:3px;color:#a9bbc5;font-size:11px}main{min-width:0;flex:1;padding:32px 38px}header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:26px}.eyebrow{margin:0;color:var(--accent);font-size:11px;font-weight:bold;letter-spacing:.08em}h2{margin:7px 0;font-size:28px}.badge{display:inline-block;border-radius:20px;padding:8px 12px;background:#d9eef0;color:#075866;font-size:12px}.logout{margin-left:8px;color:var(--accent);font-weight:bold;text-decoration:none}.cards,.area-grid{display:grid;gap:16px;grid-template-columns:repeat(3,minmax(170px,1fr));margin-bottom:20px}.cards article,.notice,.entry,.tablewrap,.area-card{border:1px solid var(--line);border-radius:9px;background:#fff;padding:20px}.cards span,.area-card span,.hint{display:block;color:#60727d}.cards b{display:block;margin:10px 0;font-size:34px}.cards a{color:var(--accent);font-weight:bold;text-decoration:none}.area-card b{display:block;font-size:17px}.active-area{border-left:5px solid var(--accent)}.notice{margin-top:22px;border-left:5px solid var(--accent)}.layout{display:grid;grid-template-columns:minmax(330px,390px) minmax(0,1fr);align-items:start;gap:24px;width:100%}.entry h3,.tablewrap h3{margin:0 0 16px}.entry label{display:block;margin:12px 0 4px;font-size:12px;font-weight:bold}.entry input,.entry select,.entry textarea{display:block;width:100%;margin:0;border:1px solid #bac7cc;border-radius:5px;padding:9px;background:#fff;font:inherit}.entry textarea{height:72px;resize:vertical}.entry button,.login button{width:100%;margin-top:18px;border:0;border-radius:5px;padding:11px;background:var(--accent);color:#fff;font-weight:bold;cursor:pointer}.tablewrap{min-width:0;overflow:auto}.tablewrap table{width:100%;min-width:620px;border-collapse:collapse}th{text-align:left;color:#58707c;background:#eef3f4;font-size:12px}td,th{padding:12px;border-bottom:1px solid var(--line);vertical-align:top}.block{margin-top:22px}.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:22px}.flash{border:1px solid #a9d4b4;border-radius:6px;padding:12px;background:#dcefe2}.login-page{display:grid;place-items:center;background:var(--nav)}.login{width:min(390px,calc(100% - 32px));padding:32px;border-radius:10px;background:#fff;box-shadow:0 12px 40px #0004}.login h1{margin:0 0 30px;padding:0;color:var(--nav)}.login h1 small{color:#58707c}.login h2{font-size:22px}.login label{display:block;margin:14px 0;font-weight:bold}.login input{display:block;width:100%;margin-top:6px;padding:11px;border:1px solid #bac7cc;border-radius:5px;font:inherit}.error{border-radius:5px;padding:10px;background:#fde5e4;color:#90251e}@media(max-width:850px){body{display:block}aside{min-height:auto;width:100%}main{padding:24px}.layout,.cards,.area-grid,.two-cols{grid-template-columns:1fr}header{display:block}.badge{margin-top:10px}}