*{box-sizing:border-box}body{margin:0;background:#f3f6fa;color:#182a42;font:15px/1.6 system-ui}aside{position:fixed;width:230px;inset:0 auto 0 0;background:#10263e;color:white;padding:30px 24px}aside p,small{color:#8092a8}nav{display:grid;gap:12px;margin:45px 0}button{cursor:pointer;border:1px solid #d5dfeb;border-radius:7px;background:white;color:#18334e;padding:10px 18px;font:inherit}button:hover,nav button.active{background:#d9f3e9;color:#095a40}button:disabled{opacity:.5}aside a{color:#c2d3e5}main{margin-left:230px;padding:38px}header,.toolbar{display:flex;gap:12px;align-items:center;justify-content:space-between}h1{margin:4px 0 25px}section{background:white;padding:26px;border-radius:12px;border:1px solid #e0e7ef}#login{max-width:480px;margin:30px auto}input,textarea,select{width:100%;padding:11px;border:1px solid #cbd6e3;border-radius:6px;font:inherit;background:white}label{display:block;margin:14px 0}textarea{min-height:150px}.toolbar input{max-width:420px}.table{overflow:auto}table{border-collapse:collapse;width:100%;white-space:nowrap}td,th{padding:16px 14px;text-align:left;border-bottom:1px solid #e7edf4;max-width:340px;overflow:hidden;text-overflow:ellipsis}th{color:#738399}dialog{width:680px;max-width:95vw;border:0;border-radius:12px;padding:25px;max-height:90vh}dialog::backdrop{background:#10263e88}#notice{white-space:pre-wrap;color:#175f50}@media(max-width:760px){aside{position:static;width:auto;padding:15px}nav{display:flex;margin:15px 0}main{margin:0;padding:16px}}