*{box-sizing:border-box}body{color:#172033;background:#f5f6fa;margin:0;font-family:Inter,Arial,sans-serif}button,input,select{font:inherit}button{cursor:pointer;color:#172033;background:#eef0f5;border:0;border-radius:10px;padding:10px 14px}button.primary{color:#fff;background:#171a2b}button.danger{color:#fff;background:#b42318;margin-left:8px}.full{width:100%}.auth{background:linear-gradient(135deg,#111426,#292d48);place-items:center;min-height:100vh;padding:20px;display:grid}.authbox{background:#fff;border-radius:22px;width:min(480px,100%);padding:30px;box-shadow:0 20px 60px #0004}.authbox h1{text-align:center;letter-spacing:5px;margin:0}.muted,.hint{color:#737b8c}.hint{font-size:12px}.tabs{gap:5px;margin:25px 0;display:flex}.tabs button{flex:1}.tabs .sel{color:#fff;background:#171a2b}label{margin:10px 0;font-size:13px;font-weight:600;display:block}input,select{background:#fff;border:1px solid #d8dce6;border-radius:9px;width:100%;margin-top:6px;padding:11px}.grid2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.grid3{grid-template-columns:1fr 1fr 2fr;gap:10px;margin-bottom:10px;display:grid}.app header{z-index:5;background:#fff;border-bottom:1px solid #e5e7ee;justify-content:space-between;align-items:center;height:70px;padding:0 28px;display:flex;position:sticky;top:0}.app header b{letter-spacing:4px}.app header span{color:#7b8190;margin-left:10px}.userbar{align-items:center;gap:12px;font-size:14px;display:flex}.app main{min-height:calc(100vh - 70px);display:flex}aside{background:#fff;border-right:1px solid #e5e7ee;width:230px;padding:18px 12px}aside button{text-align:left;background:0 0;width:100%;margin-bottom:6px}aside button.on{color:#fff;background:#171a2b}.content{width:100%;max-width:1200px;margin:auto;padding:30px}.cards{grid-template-columns:repeat(3,1fr);gap:16px;margin:20px 0;display:grid}.cards.small{grid-template-columns:1fr 1fr}.card,.panel,.employee{background:#fff;border:1px solid #e5e7ee;border-radius:16px;padding:20px}.card span{color:#777f90;font-size:13px;display:block}.card strong{margin-top:8px;font-size:25px;display:block}.panel{margin:18px 0}.titleRow{justify-content:space-between;align-items:center;display:flex}.list{gap:10px;display:grid}.employee{justify-content:space-between;align-items:center;gap:10px;display:flex}.employee small{color:#777f90;margin-top:5px;display:block}.employee>div:last-child{align-items:center;gap:12px;display:flex}.modal{z-index:20;background:#0007;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modalbox{background:#fff;border-radius:18px;width:min(600px,100%);max-height:90vh;padding:25px;position:relative;overflow:auto}.modalbox.wide{width:min(900px,100%)}.x{background:0 0;font-size:22px;position:absolute;top:15px;right:15px}.actions{justify-content:flex-end;gap:8px;margin-top:15px;display:flex}.inline{gap:10px;display:flex}.inline input{margin:0}.history{gap:8px;display:grid}.hist{background:#fff;border:1px solid #e5e7ee;border-radius:12px;gap:4px;padding:14px;display:grid}.hist span{font-size:14px}.hist small{color:#808797}.hist em{font-style:normal;font-weight:700}.wide .panel{background:#fafbfc}@media (width<=750px){.app main{display:block}aside{border-bottom:1px solid #e5e7ee;border-right:0;width:100%;display:flex;overflow:auto}aside button{white-space:nowrap;width:auto}.content{padding:18px}.cards,.grid2,.grid3{grid-template-columns:1fr}.employee{flex-direction:column;align-items:flex-start}.employee>div:last-child{justify-content:space-between;width:100%}.app header{padding:0 14px}.app header span{display:none}.userbar{font-size:12px}.inline{display:block}.inline button{width:100%;margin-top:8px}}.undoBtn{color:#3730a3;cursor:pointer;background:#eef2ff;border:1px solid #c7d2fe;border-radius:9px;margin-top:10px;padding:8px 12px;font-weight:700}.undoBtn:hover{filter:brightness(.97)}.branchGroup{margin-bottom:22px}.branchGroupTitle{background:#f7f8fb;border:1px solid #e5e7ee;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;padding:12px 14px;font-weight:700;display:flex}.branchGroupTitle span{color:#6b7280;font-size:13px;font-weight:500}.historyClearBox{background:#fafbfc;border:1px solid #e5e7ee;border-radius:12px;flex-wrap:wrap;align-items:end;gap:10px;margin:10px 0 16px;padding:12px;display:flex}.historyClearBox label{min-width:180px;margin:0}.historyClearBox .hint{margin:3px 0 0}.historyClearBox.smallClear{justify-content:flex-start}