:root{color:#1f2933;background:#f7f5ef;font-family:Inter,PingFang SC,Microsoft YaHei,Noto Sans CJK SC,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(180deg,#ffffffad,#f7f5efeb),#f7f5ef}button,input,select,textarea{font:inherit}button{min-height:42px;border:1px solid #d4d7dd;border-radius:8px;background:#fff;color:#27313f;cursor:pointer;padding:0 14px;transition:border-color .15s ease,background .15s ease,transform .15s ease}button:hover{border-color:#9aa8b8;background:#f9fafb}button:active{transform:translateY(1px)}input,select,textarea{width:100%;border:1px solid #d6dbe3;border-radius:8px;background:#fff;color:#1f2933;padding:11px 12px;outline:none}input:focus,select:focus,textarea:focus{border-color:#3f7c6b;box-shadow:0 0 0 3px #3f7c6b24}label{display:grid;gap:7px;color:#52606d;font-size:14px}label>span{color:#394654;font-weight:650}table{width:100%;border-collapse:collapse}th,td{padding:12px 10px;text-align:left;border-bottom:1px solid #edf0f2}th{color:#5d6978;font-size:13px;font-weight:750;background:#fbfcfd}.screen,.app-shell{min-height:100vh}.center-screen,.login-screen{display:grid;place-items:center;padding:24px}.loading-box,.login-panel{width:min(100%,430px);border:1px solid rgba(111,118,128,.18);border-radius:8px;background:#fff;box-shadow:0 20px 50px #2129361f}.loading-box{padding:28px;text-align:center;color:#5d6978}.login-panel{display:grid;gap:26px;padding:30px}.eyebrow{margin:0 0 7px;color:#3f7c6b;font-size:13px;font-weight:750}h1,h2{margin:0;color:#17212f;letter-spacing:0}h1{font-size:clamp(28px,4vw,42px);line-height:1.12}h2{font-size:22px}.login-help,.panel-heading p{margin:8px 0 0;color:#667381}.login-form{display:grid;gap:16px}.form-error{margin:-4px 0 0;color:#b42318;font-size:14px}.primary-button,.accent-button{border-color:transparent;color:#fff;font-weight:750}.primary-button{background:#2f6f5e}.primary-button:hover{background:#285f51;border-color:transparent}.accent-button{background:#7c4a2d}.accent-button:hover{background:#6d3f25;border-color:transparent}.secondary-button{background:#fff}.ghost-button{background:#f6f7f9}.danger-button{border-color:#f1b8b3;background:#fff4f2;color:#b42318;font-weight:750}.danger-button:hover{border-color:#e48b83;background:#ffe8e5}.app-shell{width:min(1480px,100%);margin:0 auto;padding:22px}.topbar,.toolbar,.staff-panel,.calendar{border:1px solid rgba(111,118,128,.18);background:#fffffff0;box-shadow:0 14px 35px #21293614}.topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;border-radius:8px 8px 0 0;padding:20px}.top-actions,.month-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:12px;padding:16px 18px}.month-title{color:#17212f;font-size:26px;font-weight:800}.staff-panel{display:grid;gap:16px;margin-top:12px;padding:18px}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.add-staff-form{display:grid;grid-template-columns:minmax(180px,1fr) auto;align-items:end;gap:12px}.staff-table-wrap{overflow-x:auto;border:1px solid #edf0f2;border-radius:8px}.empty-cell{color:#667381;text-align:center}.status{display:inline-flex;align-items:center;min-height:28px;border-radius:999px;padding:0 10px;font-size:13px;font-weight:750}.status.active{background:#e8f4ee;color:#2f6f5e}.status.inactive{background:#eef1f4;color:#697586}.calendar{margin-top:12px;overflow:hidden;border-radius:0 0 8px 8px}.weekday-row,.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.weekday-row{border-bottom:1px solid #e6e9ee;background:#f2f6f4}.weekday-row div{padding:11px 8px;color:#4e5d6c;font-size:13px;font-weight:750;text-align:center}.day-cell{display:flex;flex-direction:column;gap:8px;min-height:132px;border:0;border-right:1px solid #e6e9ee;border-bottom:1px solid #e6e9ee;border-radius:0;background:#fff;padding:10px;text-align:left}.day-cell:nth-child(7n){border-right:0}.day-cell:hover{background:#fbfcfd}.muted-day{background:#f8f9fa}.muted-day .day-number{color:#adb5bd}.today{box-shadow:inset 0 0 0 2px #2f6f5e}.day-number{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:999px;color:#263241;font-weight:800}.today .day-number{background:#2f6f5e;color:#fff}.day-records{display:grid;gap:6px}.leave-chip{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;min-height:30px;border:1px solid transparent;border-radius:7px;padding:5px 7px;color:#243241}.leave-chip strong,.leave-chip em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leave-chip strong{font-size:13px}.leave-chip em{font-size:12px;font-style:normal;font-weight:750}.leave-chip.morning{border-color:#b8d7cb;background:#eaf6f1}.leave-chip.afternoon{border-color:#f0d29d;background:#fff5df}.leave-chip.full_day{border-color:#d8b7bd;background:#fff0f2}.modal-backdrop{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:18px;background:#121a246b}.modal-panel{width:min(100%,520px);max-height:calc(100vh - 36px);overflow-y:auto;border-radius:8px;background:#fff;box-shadow:0 30px 80px #131b254d}.modal-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;border-bottom:1px solid #eef1f4;padding:20px}.notice{margin:16px 20px 0;border:1px solid #f0d29d;border-radius:8px;background:#fff8e9;color:#7c4a2d;padding:12px}.leave-form{display:grid;gap:16px;padding:20px}fieldset{border:0;margin:0;padding:0}legend{margin-bottom:8px;color:#394654;font-size:14px;font-weight:650}.period-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.period-options label{display:flex;align-items:center;justify-content:center;min-height:44px;border:1px solid #d6dbe3;border-radius:8px;background:#fff;color:#394654;font-weight:750;cursor:pointer}.period-options label.checked{border-color:#2f6f5e;background:#eaf6f1;color:#285f51}.period-options input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.modal-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #eef1f4;padding-top:16px}.modal-actions>div{display:flex;gap:10px}.toast{position:fixed;right:18px;bottom:18px;z-index:30;max-width:min(360px,calc(100vw - 36px));border-radius:8px;background:#17212f;color:#fff;padding:12px 16px;box-shadow:0 14px 35px #131b253d}.busy-bar{position:fixed;left:50%;bottom:18px;z-index:31;transform:translate(-50%);border-radius:999px;background:#2f6f5e;color:#fff;padding:8px 14px;font-size:13px;font-weight:750}@media(max-width:860px){.app-shell{padding:12px}.topbar,.toolbar,.panel-heading{align-items:stretch;flex-direction:column}.top-actions,.month-actions{justify-content:stretch}.top-actions button,.month-actions button{flex:1 1 140px}.calendar{overflow-x:auto}.weekday-row,.calendar-grid{min-width:760px}}@media(max-width:620px){.login-panel{padding:24px}.add-staff-form{grid-template-columns:1fr}.month-title{font-size:22px}.day-cell{min-height:118px;padding:8px}.period-options{grid-template-columns:1fr}.modal-actions{align-items:stretch;flex-direction:column-reverse}.modal-actions>div{display:grid;grid-template-columns:1fr 1fr}.danger-button{width:100%}}