:root{font-family:Arial,sans-serif;color:#171b22;background:#f4f5f7;--red:#d92d35}*{box-sizing:border-box}body{margin:0;border-top:4px solid var(--red)}[hidden]{display:none!important}header{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:14px;padding:14px 5%;background:#fff;border-bottom:1px solid #ddd;box-shadow:0 3px 15px #00000008}header img{width:38px;height:38px}header strong{font-size:22px}header span{color:#68707c}#logout{margin-left:auto}main{max-width:1180px;margin:36px auto;padding:0 24px;min-height:65vh}h1{font-size:34px;margin:12px 0 24px}h2{font-size:25px}h3{margin-top:0}.eyebrow{font-size:12px;color:var(--red);font-weight:700;letter-spacing:1.5px}p{line-height:1.6}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid #ced1d6;border-radius:10px;background:white;padding:12px 17px;min-height:46px;font-weight:600}button:hover{border-color:var(--red)}button:disabled{opacity:.5;cursor:wait}.primary{background:var(--red);color:white;border-color:var(--red)}label{display:flex;flex-direction:column;gap:8px;color:#49505c;margin-bottom:16px;font-size:14px}input,select,textarea{background:white;border:1px solid #ccd0d7;border-radius:9px;padding:12px;color:#171b22;width:100%;min-width:0}textarea{min-height:85px}input:focus,button:focus-visible,select:focus,textarea:focus{outline:2px solid var(--red);outline-offset:2px}#login-panel{max-width:460px;margin:65px auto;background:white;padding:32px;border:1px solid #e1e3e8;border-radius:20px}#login button{width:100%}.heading{display:flex;justify-content:space-between;align-items:center;gap:15px}#search{display:flex;gap:12px;align-items:end}#search label{flex:1}#search button{margin-bottom:16px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.card,#detail,#audit{border:1px solid #e1e3e8;border-radius:16px;background:white;padding:24px;overflow-wrap:anywhere}.card p{font-size:14px;color:#606875}.badge{display:inline-block;background:#f5e9e9;color:#9a242b;padding:5px 9px;border-radius:5px;font-size:12px}.pager{display:flex;justify-content:center;gap:18px;align-items:center;margin:22px 0}#detail,#audit{margin-top:24px;scroll-margin-top:100px}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;padding:12px;border-bottom:1px solid #e9ebef;vertical-align:top}th{font-size:12px;color:#646c77;background:#f7f8fa}.table{overflow:auto}.fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.muted{color:#68707c;font-size:14px}.bar{height:8px;background:var(--red);border-radius:5px;min-width:2px}.day{display:grid;grid-template-columns:110px 1fr 65px;gap:10px;align-items:center;margin:10px 0;font-size:13px}.warning{background:#fff4dc;padding:15px;border-radius:10px}#status:not(:empty){background:#fff4dc;border-left:3px solid var(--red);padding:14px}footer{max-width:1180px;margin:30px auto;padding:24px;color:#69717c;font-size:12px;line-height:1.7;border-top:1px solid #ddd}.separated{border-top:1px solid #ddd;margin-top:30px;padding-top:20px}dialog{border:1px solid #ddd;border-radius:18px;padding:26px;width:min(95vw,500px)}dialog::backdrop{background:#171b2280}.actions{display:flex;gap:12px;flex-wrap:wrap}dialog label{margin-top:14px}@media(max-width:850px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fields{grid-template-columns:1fr 1fr}header span{display:none}}@media(max-width:560px){main{padding:0 16px;margin-top:20px}.grid,.fields{grid-template-columns:1fr}.heading{align-items:start;flex-direction:column}h1{font-size:28px}#login-panel{margin:25px auto;padding:22px}.card,#detail,#audit{padding:18px}header strong{font-size:18px}.day{grid-template-columns:95px 1fr 40px}footer{padding:18px}}