:root{font-family:Segoe UI,Arial,sans-serif;color:#213630;background:#f5f7f4;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}[hidden]{display:none!important}.app-shell{min-height:100vh}.topbar{height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 max(32px,calc((100vw - 1280px)/2));background:#fff;border-bottom:1px solid #e5eae6}.brand{display:flex;align-items:center;gap:13px}.brand strong{display:block;font:800 17px/1.2 Segoe UI,Arial,sans-serif;letter-spacing:-.04em}.brand small{display:block;margin-top:4px;color:#7d8983;font-size:12px}.brand-mark{position:relative;width:36px;height:36px;border-radius:11px;background:#244e41;display:flex;align-items:center;justify-content:center;gap:3px;transform:rotate(-4deg)}.brand-mark span{width:3px;background:#d4eee1;border-radius:4px}.brand-mark span:nth-child(1),.brand-mark span:nth-child(3){height:8px}.brand-mark span:nth-child(2){height:19px}.top-actions{display:flex;align-items:center;gap:16px}.text-button{border:0;background:transparent;color:#53665c;font-weight:700;font-size:13px}.text-button:hover,.history-shortcut:hover{color:#1f614a}.menu-button,.mobile-menu{display:none}.loading-view{min-height:calc(100vh - 86px);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#718179}.spinner{width:30px;height:30px;border:3px solid #d9e4dd;border-top-color:#29634d;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-layout{max-width:1180px;margin:0 auto;padding:84px 32px;min-height:calc(100vh - 86px);display:grid;grid-template-columns:minmax(0,1fr) 440px;gap:100px;align-items:center}.eyebrow,.section-kicker{color:#45846a;font-weight:800;font-size:11px;letter-spacing:.15em}.eyebrow{display:flex;align-items:center;gap:10px}.eyebrow-dot{width:7px;height:7px;border-radius:50%;background:#6aa987}.intro-panel h1{font:800 clamp(42px,5vw,64px)/1.14 "Segoe UI",Arial,sans-serif;letter-spacing:-.065em;margin:26px 0 22px}.intro-panel h1 em{font-style:normal;color:#5a8d70}.intro-panel>p{max-width:450px;color:#6f7f76;line-height:1.8;font-size:16px}.intro-rule{height:1px;background:#dfe7df;margin:48px 0 27px;max-width:440px}.intro-note{display:flex;align-items:center;gap:12px;color:#718078;font-size:13px}.note-icon{background:#e2eee6;color:#397354;border-radius:50%;width:24px;height:24px;text-align:center;line-height:24px;font-weight:800}.login-card{padding:39px;background:#fff;border:1px solid #e1e8e1;border-radius:20px;box-shadow:0 20px 55px #1c3d2810}.card-icon,.dialog-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:#e8f2e9;color:#3d7455;font-size:23px;font-weight:700}.login-card .section-kicker{margin:29px 0 8px}.login-card h2,.check-dialog h2{font:800 24px/1.3 Segoe UI,Arial,sans-serif;letter-spacing:-.04em;margin:0 0 11px}.muted{color:#809087;font-size:14px;line-height:1.7;margin:0}.login-card form{margin-top:30px}label{display:block;color:#40544a;font-size:13px;font-weight:700;margin-bottom:10px}input{display:block;width:100%;height:49px;border:1px solid #d6e0d9;border-radius:9px;background:#fff;color:#213630;padding:0 14px;outline:none}input:focus{border-color:#529474;box-shadow:0 0 0 3px #7bb49338}input::placeholder{color:#a4b1a8}.primary-button{display:flex;align-items:center;justify-content:space-between;gap:15px;border:0;border-radius:9px;background:#25533f;color:#fff;font-weight:700;padding:0 18px;height:49px}.primary-button:hover,.check-button:hover{background:#1d4937}.login-card .primary-button{width:100%;margin-top:18px}.login-footnote{color:#9aa8a0;font-size:12px;margin:25px 0 0}.form-error{color:#a93636;font-size:13px;line-height:1.5;margin:10px 0 0}.staff-layout{min-height:calc(100vh - 86px);display:grid;grid-template-columns:238px minmax(0,1fr);max-width:1440px;margin:auto}.sidebar{position:relative;background:#fff;border-right:1px solid #e5eae6;padding:34px 17px}.side-label{font-size:10px;color:#a1aea4;letter-spacing:.15em;font-weight:800;margin:0 15px 19px}.side-link{width:100%;display:flex;align-items:center;gap:12px;border:0;border-radius:9px;padding:14px 15px;background:transparent;color:#708178;font-size:13px;font-weight:700;text-align:left}.side-link span{font-size:17px;width:18px;text-align:center}.side-link.active{background:#e9f2e9;color:#285b42}.side-link:hover{background:#f0f5f0}.sidebar-bottom{position:absolute;left:0;right:0;bottom:0;padding:18px;border-top:1px solid #eef1ed}.side-note{background:#f4f7f3;border:1px solid #edf1eb;border-radius:10px;padding:15px}.side-note strong,.side-note span{display:block}.side-note strong{font-size:12px}.side-note span{font-size:11px;color:#94a199;margin-top:5px}.side-logout{display:flex;gap:12px;border:0;background:transparent;color:#88968d;font-size:13px;font-weight:700;margin-top:19px;padding:5px 10px}.content-area{padding:58px clamp(30px,6vw,96px) 90px;max-width:1030px;width:100%}.page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:25px;margin-bottom:34px}.page-heading .section-kicker{margin:0 0 11px}.page-heading h1{font:800 clamp(31px,3vw,40px)/1.2 "Segoe UI",Arial,sans-serif;letter-spacing:-.055em;margin:0}.page-subtitle{color:#8a9a90;margin:9px 0 0;font-size:14px}.timezone-badge{white-space:nowrap;background:#eaf1e9;color:#648272;padding:8px 11px;border-radius:6px;font-size:11px;font-weight:700;margin-top:11px}.status-card{background:#fff;border:1px solid #e3eae3;border-radius:14px;padding:28px 33px;box-shadow:0 12px 36px #2d50320a}.status-top{display:flex;justify-content:space-between;align-items:center}.status-label{display:flex;align-items:center;gap:8px;color:#5c9673;font-size:10px;letter-spacing:.14em;font-weight:800}.status-dot{background:#74b88b;width:7px;height:7px;border-radius:50%}.status-symbol{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#e8f4e8;color:#59a16c;font-weight:800}.latest-content{min-height:175px;padding:30px 0 23px}.latest-content h2{font:800 clamp(25px,3vw,35px)/1.25 "Segoe UI",Arial,sans-serif;letter-spacing:-.055em;margin:0 0 7px}.latest-content>p{color:#92a198;line-height:1.6;font-size:14px}.latest-time{font:700 21px Segoe UI,Arial,sans-serif;color:#527a62}.latest-content .checked-by{margin-top:22px;color:#687c70;font-size:13px}.status-divider{height:1px;background:#edf1ed}.status-card-footer{display:flex;justify-content:space-between;gap:10px;color:#a1aea5;font-size:11px;padding-top:16px}.action-area{margin-top:24px}.check-button{width:100%;height:74px;display:flex;align-items:center;gap:16px;background:#25533f;color:#fff;border:0;border-radius:11px;padding:0 22px;font:800 17px Segoe UI,Arial,sans-serif;box-shadow:0 9px 22px #28553d21}.check-button-icon{display:grid;place-items:center;width:33px;height:33px;border-radius:50%;background:#ffffff2c;font-size:17px}.button-arrow{margin-left:auto;font-size:23px;font-weight:400}.action-area p{color:#a5b2a8;font-size:12px;text-align:center;margin:12px 0}.history-shortcut{display:block;margin:28px auto;border:0;background:transparent;color:#578368;font-weight:800;font-size:13px}.history-shortcut span{margin-left:8px}.success-banner{display:flex;align-items:center;gap:12px;margin:-10px 0 22px;background:#e8f4ea;border:1px solid #cfe6d3;border-radius:9px;color:#3d7951;padding:14px 16px;font-size:13px;font-weight:700}.success-icon{background:#70ad7d;border-radius:50%;width:21px;height:21px;color:#fff;text-align:center;line-height:21px}.history-card{background:#fff;border:1px solid #e3eae3;border-radius:14px;overflow:hidden}.history-card-head{display:flex;justify-content:space-between;align-items:center;padding:23px 28px;border-bottom:1px solid #edf1ed}.history-card-head strong{font:800 15px Segoe UI,Arial,sans-serif}.history-card-head span{color:#a5b3a9;font-size:10px;letter-spacing:.13em;font-weight:800}.history-row{display:flex;align-items:center;gap:17px;padding:20px 28px;border-bottom:1px solid #f0f3ef}.history-icon{display:grid;place-items:center;flex:none;width:35px;height:35px;border-radius:50%;background:#e8f3e9;color:#5a9a6c;font-weight:800}.history-when{display:flex;flex-direction:column;gap:3px}.history-when strong{font-size:13px}.history-when span{color:#8a9b8f;font-size:12px}.history-who{margin-left:auto;background:#f3f6f2;border-radius:5px;padding:8px 11px;color:#62746a;font-size:12px;font-weight:700}.history-empty{text-align:center;padding:70px 20px;color:#6f8375}.history-empty strong{font:800 19px Segoe UI,Arial,sans-serif;color:#2e4638}.history-empty p{font-size:13px}.load-more{display:block;margin:20px auto;background:#f1f6f0;border:1px solid #dce8dc;border-radius:7px;padding:10px 16px;color:#386b4c;font-weight:700;font-size:12px}.history-error{padding:0 28px}.check-dialog{border:0;border-radius:17px;padding:32px;width:min(440px,calc(100vw - 30px));box-shadow:0 30px 80px #1d342938;max-height:calc(100vh - 30px);overflow:auto}.check-dialog::backdrop{background:#152b22a1}.check-dialog form{position:relative}.dialog-close{position:absolute;top:-8px;right:-2px;border:0;background:transparent;color:#97a69b;font-size:27px;line-height:1}.dialog-icon{margin-bottom:26px}.check-dialog .section-kicker{margin:0 0 8px}.check-dialog .muted{margin-bottom:26px}.input-help{font-size:11px;color:#9ca99d;line-height:1.5;margin:8px 0 0}.dialog-actions{display:flex;gap:10px;margin-top:26px}.dialog-actions button{justify-content:center;flex:1}.secondary-button{border:1px solid #dce6dd;background:#fff;color:#56705e;border-radius:9px;font-weight:700}.secondary-button:hover{background:#f2f6f2}:focus-visible{outline:3px solid #84ba94;outline-offset:2px}@media(max-width:850px){.login-layout{gap:35px;grid-template-columns:1fr 390px}.intro-panel h1{font-size:42px}.staff-layout{grid-template-columns:190px minmax(0,1fr)}.content-area{padding:45px 30px}.sidebar{padding:25px 10px}}@media(max-width:680px){.topbar{height:72px;padding:0 20px}.brand strong{font-size:15px}.brand small{font-size:10px}.brand-mark{width:32px;height:32px}.desktop-logout{display:none}.menu-button{display:flex;align-items:center;gap:8px;border:1px solid #dce7de;background:#fff;color:#4b6c58;border-radius:8px;font-size:12px;font-weight:700;padding:8px 10px}.mobile-menu:not([hidden]){display:flex;position:absolute;top:72px;right:14px;z-index:4;flex-direction:column;background:#fff;border:1px solid #dfe8df;border-radius:10px;box-shadow:0 15px 35px #24372a22;width:205px;padding:7px}.mobile-nav-button{background:transparent;border:0;text-align:left;padding:13px;color:#4b6554;font-size:13px;font-weight:700;border-radius:6px}.mobile-nav-button.active,.mobile-nav-button:hover{background:#eaf3e9}.login-layout{display:flex;flex-direction:column;align-items:stretch;gap:36px;padding:50px 20px 60px}.intro-panel h1{font-size:39px;margin:18px 0 12px}.intro-panel>p{font-size:14px}.intro-rule,.intro-note{display:none}.login-card{padding:27px}.staff-layout{display:block;min-height:calc(100vh - 72px)}.sidebar{display:none}.content-area{padding:36px 20px 70px}.page-heading{display:block;margin-bottom:25px}.page-heading h1{font-size:32px}.timezone-badge{display:inline-block;margin-top:18px}.status-card{padding:23px}.latest-content{min-height:165px}.latest-content h2{font-size:27px}.status-card-footer{font-size:10px}.check-button{height:68px;font-size:15px}.history-card-head,.history-row{padding-left:18px;padding-right:18px}.history-card-head span{display:none}.history-row{gap:10px}.history-who{max-width:95px;overflow-wrap:anywhere;text-align:center}.history-shortcut{margin-top:24px}}