:root{font-family:Segoe UI,Arial,sans-serif;color:#172b3b;background:#f3f6f8;font-size:15px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0;border-radius:8px;padding:11px 17px;background:#087e83;color:white;font-weight:600}button:hover{filter:brightness(.94)}button:disabled{opacity:.5;cursor:wait}.secondary{background:#e9f0f3;color:#23404f}aside{background:#102f40;color:#dbe8ee;width:245px;position:fixed;inset:0 auto 0 0;padding:32px 20px}aside h2{font-size:25px;color:white;letter-spacing:2px;margin:0}aside small{display:block;margin:6px 0 40px;color:#94b2c1;font-size:11px;letter-spacing:1px}nav button{display:block;text-align:left;width:100%;margin:8px 0;background:transparent;color:#c9dce6}nav button.active{background:#087e83;color:white}.sidefoot{position:absolute;bottom:28px;font-size:12px;color:#98b8c6}main{margin-left:245px;padding:35px 40px;max-width:1600px}header{display:flex;justify-content:space-between;align-items:center;gap:15px;border-bottom:1px solid #dce6eb;padding-bottom:22px}h1{font-size:27px;margin:0 0 8px}p{color:#607481;line-height:1.6}header p{margin:0}.toolbar{display:flex;gap:12px;align-items:center;margin:28px 0}.toolbar input{max-width:390px}input,select,textarea{width:100%;padding:12px;border:1px solid #cbd9e0;border-radius:7px;background:white;color:#172b3b}input:focus,select:focus,button:focus-visible{outline:3px solid #78c7cb;outline-offset:2px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:28px 0}.card,.panel{background:white;border:1px solid #e0e8ed;border-radius:12px;padding:23px;box-shadow:0 3px 10px #14384a04}.card span{color:#647d8c;font-size:13px}.card strong{display:block;font-size:27px;margin:14px 0 2px}.card.alert strong{color:#b15132}.tablewrap{overflow:auto;background:white;border:1px solid #e0e8ed;border-radius:10px}table{width:100%;border-collapse:collapse;white-space:nowrap;text-align:left}th{font-size:12px;color:#607988;background:#f8fafb;font-weight:600;padding:15px}td{padding:16px;border-top:1px solid #ecf0f3;font-size:14px}td button{font-size:12px;padding:8px 10px}td strong{font-weight:600}.badge{background:#e2f3ee;color:#267b61;padding:5px 9px;border-radius:20px;font-size:12px}.late{background:#fff0e8;color:#a74e30}.empty{text-align:center;padding:50px;color:#718592}.login{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.intro{background:#102f40;padding:12vh 12%;color:white;display:flex;flex-direction:column;justify-content:center}.intro h1{font-size:45px;line-height:1.15}.intro p{color:#b6cdd7;font-size:17px;max-width:410px}.intro .mark{font-size:56px;color:#58c5bd;margin-bottom:30px}.signin{display:flex;align-items:center;justify-content:center;padding:35px}.signin form{max-width:390px;width:100%}label{display:block;font-size:13px;font-weight:600;margin:16px 0 7px}form>button{margin-top:22px}form button[type=submit]{min-width:150px}.signin button{width:100%}.fine{font-size:12px;color:#7b909b;margin-top:25px}.demo{background:#fff5de;padding:12px 20px;border-radius:8px;color:#805d18;margin-top:18px}dialog{border:0;border-radius:14px;padding:28px;width:min(620px,95vw);max-height:90vh;box-shadow:0 15px 60px #0004}dialog::backdrop{background:#102f4080}.fields{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}#notice:not(:empty){position:fixed;bottom:25px;right:25px;background:#102f40;color:white;border-radius:9px;padding:17px;max-width:90vw;z-index:5}.detailhead{display:flex;gap:12px;align-items:center;margin:25px 0}.panel{margin:20px 0}.panel h2{font-size:18px}.error{color:#ad392b;min-height:24px}.muted{color:#6e8290;font-size:13px}@media(max-width:900px){aside{position:static;width:auto;padding:18px}aside small{margin-bottom:15px}nav{display:flex;overflow:auto}nav button{white-space:nowrap;margin:0;width:auto}.sidefoot{display:none}main{margin:0;padding:22px}.cards{grid-template-columns:1fr 1fr}.login{grid-template-columns:1fr}.intro{padding:35px}.intro h1{font-size:29px}.intro .mark{display:none}}@media(max-width:500px){main{padding:16px}header{align-items:flex-start}h1{font-size:23px}.cards{gap:10px}.card{padding:17px}.card strong{font-size:22px}.fields{grid-template-columns:1fr}.toolbar{flex-wrap:wrap}.toolbar input{max-width:none}.intro p{font-size:14px}}