*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#eef2f7;color:#172033}header{background:linear-gradient(135deg,#101b38,#263d73);color:#fff;padding:22px}.wrap{max-width:1200px;margin:auto}header small{display:block;color:#cbd5ea;margin-top:5px}.layout{max-width:1200px;margin:20px auto;display:grid;grid-template-columns:230px 1fr;gap:18px;padding:0 14px}aside,.card{background:#fff;border:1px solid #dfe5ee;border-radius:16px;box-shadow:0 5px 18px #1a2b4c0f}aside{padding:10px;height:max-content;position:sticky;top:12px}aside a{display:block;padding:12px;border-radius:10px;color:#172033;text-decoration:none;font-size:14px}aside a.on,aside a:hover{background:#e9efff;color:#2451d6;font-weight:bold}main{min-width:0}.card{padding:18px;margin-bottom:14px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.track{text-decoration:none;color:inherit}.track:hover{border-color:#b7c5ef}.ico{font-size:26px}.muted,small{color:#697386}.badge{display:inline-block;padding:5px 9px;border-radius:99px;background:#e5f6ee;color:#147657;font-size:11px;font-weight:bold}.timeline .row{display:grid;grid-template-columns:36px 1fr;gap:10px}.rail{text-align:center;position:relative}.rail:after{content:'';position:absolute;left:17px;top:26px;bottom:-10px;width:2px;background:#dfe5ee}.row:last-child .rail:after{display:none}.dot{width:25px;height:25px;border-radius:50%;display:inline-grid;place-items:center;background:#dcf4e9;color:#117656;font-weight:bold}.event{border:1px solid #e1e6ee;border-radius:13px;padding:13px;margin-bottom:11px}.btn{display:inline-block;border:0;border-radius:9px;padding:9px 12px;background:#315efb;color:#fff;text-decoration:none;font-weight:bold;cursor:pointer}.btn.gray{background:#edf1f7;color:#31405e}.btn.red{background:#c43d4d}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}label{display:block;font-size:12px;font-weight:bold;margin-bottom:5px}input,select,textarea{width:100%;padding:10px;border:1px solid #dbe2ec;border-radius:9px}textarea{min-height:100px}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:10px;border-bottom:1px solid #e5e9ef;font-size:13px}.notice{padding:12px;border-radius:10px;background:#fff7e8;color:#795000}.login{max-width:420px;margin:70px auto}.login .card{padding:26px}footer{text-align:center;padding:20px;color:#697386;font-size:12px}@media(max-width:850px){.layout{grid-template-columns:1fr}aside{position:static;display:flex;overflow:auto}aside a{white-space:nowrap}.grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.grid,.formgrid{grid-template-columns:1fr}.layout{margin-top:10px}.table{display:block;overflow:auto}}