@import "https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css";
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f1ea;--paper:#fff;--ink:#050505;--muted:#8a8a93;--soft:#f4f4f5;--line:#e6e6e9;--green:#16833a;--orange:#a66312;--red:#c94437;--blue:#315ca8}*{box-sizing:border-box}html,body{background:var(--bg);width:100%;min-height:100%;color:var(--ink);margin:0;font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Apple SD Gothic Neo,Noto Sans KR,sans-serif;overflow-x:hidden}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}a[href^=x-apple-data-detectors]{pointer-events:none;color:inherit!important;-webkit-text-fill-color:inherit!important;text-decoration:none!important}p,h1,h2,dl,dd{margin:0}.brand{letter-spacing:-1.6px;font-size:29px;font-weight:900}.muted{color:var(--muted)}.mono{letter-spacing:0;font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif}.auth-loading{background:#fff;min-height:100vh}.sr-only-submit{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.session-status{gap:8px;display:grid}.session-status span{color:#777;font-size:12px;font-weight:800}.session-status strong{color:#111;letter-spacing:0;font-size:13px}.session-status button{border:1px solid var(--line);color:#c94437;background:#fff;border-radius:999px;min-height:34px;padding:0 12px;font-size:12px;font-weight:900}.session-status.compact{align-items:center;gap:8px;min-width:0;display:inline-flex}.session-status.compact span{white-space:nowrap;font-size:11px}.session-status.compact button{min-height:30px;padding:0 10px}.mobile-canvas{background:#fff;place-items:center;min-height:100dvh;padding:24px;display:grid}.phone-frame{background:var(--paper);border:1px solid #ededf0;border-radius:0;width:min(100%,430px);height:min(932px,100dvh - 28px);min-height:760px;position:relative;overflow:hidden;box-shadow:0 12px 30px #0000000f}.employee-screen,.subpage{scrollbar-width:none;height:100%;padding:36px 22px 128px;overflow:hidden auto}.employee-screen::-webkit-scrollbar{display:none}.subpage::-webkit-scrollbar{display:none}.app-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:52px;padding-bottom:14px;display:flex}.app-brand-image{flex:none;width:58px;height:auto;display:block}.app-header-actions{justify-content:flex-end;align-items:center;gap:10px;min-width:0;display:flex}.date-label{color:var(--muted);margin-top:30px;font-size:16px}.employee-screen h1{letter-spacing:-.6px;margin-top:8px;font-size:24px;line-height:1.18}.home-profile-row{align-items:center;gap:16px;margin-top:30px;display:flex}.home-profile-row h1{letter-spacing:-.3px;margin-top:0;font-size:20px}.home-profile-row .date-label{margin-top:0}.work-state{color:var(--muted);align-items:center;gap:8px;margin-top:22px;font-size:15px;display:flex}.work-state strong{color:var(--ink)}.state-dot{background:var(--muted);border-radius:50%;width:8px;height:8px}.state-dot.green{background:var(--green)}.state-dot.orange{background:var(--orange)}.state-dot.black{background:#000}.progress-row{align-items:center;gap:24px;margin-top:28px;display:flex}.progress-ring{--progress:60%;background:conic-gradient(#000 var(--progress), #f0f0f2 0);border-radius:50%;place-items:center;width:94px;height:94px;display:grid}.progress-ring:before{content:"";background:#fff;border-radius:50%;width:72px;height:72px;position:absolute}.progress-ring strong{z-index:1;font-size:16px}.worked-time{letter-spacing:-1px;margin-top:4px;font-size:34px;font-weight:900}.worked-time span{color:#a4a4ad;font-size:18px}.info-list{border:1px solid var(--line);background:#fff;border-radius:14px;margin-top:28px;overflow:hidden}.info-row{border:0;border-bottom:1px solid var(--line);text-align:left;background:#fff;justify-content:space-between;align-items:center;width:100%;min-height:55px;padding:0 18px;display:flex}.info-row:last-child{border-bottom:0}.info-row dt{color:#80808a;font-size:16px}.info-row dd{align-items:center;gap:6px;font-size:18px;font-weight:800;display:flex}.quick-cards{grid-template-columns:1fr 1fr;gap:12px;margin-top:16px;display:grid}.quick-cards.single{grid-template-columns:1fr}.quick-card{border:1px solid var(--line);background:#fff;border-radius:13px;grid-template-columns:1fr auto;align-content:space-between;min-height:96px;padding:16px;display:grid}.quick-card span{color:#7b7b84;align-items:center;gap:7px;font-size:14px;display:flex}.quick-card strong{letter-spacing:-.5px;grid-column:1/-1;font-size:24px}.quick-card em{color:#aaaab1;font-size:13px;font-style:normal;font-weight:600}.home-dash{gap:12px;margin-top:16px;display:grid}.home-dash-card{border:1px solid var(--line);background:#fff;border-radius:14px;padding:16px}.home-dash-top{justify-content:space-between;align-items:center;display:flex}.home-dash-top span{color:#7b7b84;align-items:center;gap:6px;font-size:14px;font-weight:800;display:inline-flex}.home-dash-top svg:last-child{color:#c4c4cc}.home-dash-leave-nums{grid-template-columns:1.3fr 1fr 1fr;gap:8px;margin-top:14px;display:grid}.hd-num{background:#f7f7f9;border-radius:12px;flex-direction:column;gap:6px;padding:12px;display:flex}.hd-num.primary{background:#111}.hd-num em{color:#8a8a93;font-size:12px;font-style:normal;font-weight:700}.hd-num.primary em{color:#cfcfe0}.hd-num strong{color:#111;letter-spacing:-.5px;font-size:24px;font-weight:900;line-height:1}.hd-num.primary strong{color:#fff}.hd-num strong i{margin-left:2px;font-size:13px;font-style:normal;font-weight:800}.home-dash-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.home-dash-card.mini{flex-direction:column;gap:8px;display:flex}.home-dash-card.mini span{color:#7b7b84;font-size:13px;font-weight:800}.home-dash-card.mini strong{color:#111;letter-spacing:-.5px;font-size:26px;font-weight:900;line-height:1}.home-dash-card.mini strong i{margin-left:2px;font-size:13px;font-style:normal;font-weight:800}.home-dash-label{color:#7b7b84;margin-bottom:10px;font-size:13px;font-weight:800;display:block}.home-dash-empty{color:#a0a0a8;font-size:13px}.home-dash-leave-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.home-dash-leave-list li{color:#555;align-items:baseline;gap:8px;font-size:14px;display:flex}.home-dash-leave-list li b{color:#111;min-width:34px;font-weight:900}.leave-balance-year{font-size:16px;font-weight:900}.mobile-progress-card{border:1px solid var(--line);background:#fff;border-radius:14px;margin-top:28px;padding:22px}.mobile-progress-card span,.in-progress-card span{color:#65656d;background:#f3f3f4;border-radius:999px;align-items:center;min-height:26px;padding:0 10px;font-size:12px;font-weight:900;display:inline-flex}.mobile-progress-card h2{letter-spacing:-.3px;margin-top:18px;font-size:20px;line-height:1.28}.mobile-progress-card p{color:#777;margin-top:10px;font-size:14px;line-height:1.55}.attendance-actions-card{border:1px solid var(--line);background:#fff;border-radius:14px;gap:12px;margin-top:28px;padding:16px;display:grid}.attendance-card-head{justify-content:space-between;align-items:center;gap:12px;padding-bottom:2px;display:flex}.attendance-card-head span{color:#777;font-size:13px;font-weight:900}.attendance-card-head strong{letter-spacing:0;font-size:13px}.attendance-place-field{background:#fafafa;border-radius:11px;gap:9px;padding:12px;display:grid}.attendance-place-field>span{color:#777;font-size:12px;font-weight:900}.attendance-place-toggle{background:#ececef;border-radius:9px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.attendance-place-toggle button{color:#777;background:0 0;border:0;border-radius:7px;min-height:38px;font-size:13px;font-weight:900}.attendance-place-toggle button.selected{color:#111;background:#fff;box-shadow:0 1px 4px #0000001a}.remote-work-fields{gap:8px;display:grid}.attendance-place-field input,.attendance-place-field textarea{border:1px solid var(--line);color:#111;background:#fff;border-radius:9px;outline:0;width:100%;padding:12px;font-size:13px;line-height:1.45}.attendance-place-field input{min-height:42px}.attendance-place-field textarea{resize:none;min-height:72px}.attendance-btn-row{grid-template-columns:1fr 1fr;gap:8px;margin-top:2px;display:grid}.attendance-btn{border-radius:10px;height:44px;font-size:14px;font-weight:800}.attendance-btn.checkin{color:#fff;background:#111}.attendance-btn.checkout{color:#111;background:#fff;border:1.5px solid #111}.attendance-btn:disabled{opacity:.4}.attendance-hint{color:#8a8a93;margin:4px 2px 0;font-size:12px;line-height:1.5}.confirm-modal{background:#fff;border-radius:20px;justify-self:center;width:min(100%,420px);padding:30px 26px 26px}.confirm-modal h2{margin:0;font-size:21px;font-weight:900}.confirm-lead{color:#222;margin:16px 0 0;font-size:17px}.confirm-lead strong{font-size:22px}.confirm-sub{color:#888;margin:6px 0 0;font-size:13px}.confirm-sub.confirm-warning{color:#b3261e;font-weight:600}.schedule-badge{color:#fff;letter-spacing:.03em;white-space:nowrap;background:#111;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-block}.hint-with-badge{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.confirm-badge-row{margin:8px 0 0}.confirm-edit-time{border:1px solid var(--line);color:#333;background:#fff;border-radius:10px;justify-content:center;align-items:center;gap:6px;width:100%;margin-top:16px;padding:10px 14px;font-size:14px;font-weight:600;display:inline-flex}.confirm-time-input{border:1px solid var(--line);color:#111;text-align:center;appearance:none;background:#fff;border-radius:10px;width:100%;min-height:44px;margin-top:10px;padding:10px 14px;font-size:14px;display:block}.wt-cal-wrap{position:relative}.leave-calendar-card.is-loading,.leave-balance-block.is-loading{filter:blur(3px);pointer-events:none;-webkit-user-select:none;user-select:none}.wt-loading-overlay{z-index:5;color:#555;background:#ffffff59;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:13px;font-weight:700;display:flex;position:absolute;inset:0}.wt-spinner{border:3px solid #0000001f;border-top-color:#111113;border-radius:50%;width:30px;height:30px;animation:.7s linear infinite wt-spin}@keyframes wt-spin{to{transform:rotate(360deg)}}.app-toast{z-index:40;color:#fff;white-space:nowrap;background:#111113eb;border-radius:999px;padding:12px 20px;font-size:14px;font-weight:600;position:absolute;bottom:96px;left:50%;transform:translate(-50%)}.leave-calendar-head button.wt-filter-btn{color:#333;white-space:nowrap;background:#fff;border:1px solid #e5e5e8;border-radius:999px;flex-shrink:0;align-items:center;gap:6px;width:auto;height:34px;padding:0 14px;font-size:13px;font-weight:600;display:inline-flex}.wt-filter-sub{color:#8a8a92;margin:6px 0 14px;font-size:13px}.wt-filter-label{color:#6f6f78;margin:18px 0 2px;font-size:13px;font-weight:800}.wt-filter-label em{color:#a5a5ad;margin-left:6px;font-size:12px;font-style:normal;font-weight:500}.wt-filter-list{max-height:34vh;margin:0 0 4px;overflow-y:auto}.wt-filter-apply{width:100%;margin-top:16px}.wt-filter-row{color:#444;text-align:left;background:0 0;border:0;border-bottom:1px solid #f0f0f2;justify-content:space-between;align-items:center;width:100%;padding:14px 4px;font-size:15px;display:flex}.wt-filter-row.on{color:#000;font-weight:700}.wt-legend{color:#666;scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;gap:12px;margin:12px 2px 0;font-size:12px;display:flex;overflow-x:auto}.wt-legend::-webkit-scrollbar{display:none}.wt-legend span{white-space:nowrap;flex:none;align-items:center;gap:5px;display:inline-flex}.wt-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.wt-chip{color:#fff;white-space:nowrap;border-radius:999px;margin-left:auto;padding:4px 10px;font-size:12px;font-weight:600;display:inline-block}.evt-work{background:#111113!important}.evt-annual{background:#e24b4a!important}.evt-am{background:#ef9f27!important}.evt-pm{background:#1d9e75!important}.evt-marriage{background:#7f77dd!important}.evt-reserve{background:#378add!important}.evt-etc{background:#8a8a92!important}.confirm-overtime{color:#111;background:#f6f6f6;border-radius:11px;margin:16px 0 8px;padding:12px 14px;font-size:14px;line-height:1.5}.confirm-reason{border:1px solid var(--line);width:100%;font:inherit;resize:none;border-radius:10px;outline:0;padding:12px}.confirm-actions{grid-template-columns:1fr 1.3fr;gap:10px;margin-top:20px;display:grid}.confirm-cancel{color:#444;background:#f2f2f4;border-radius:12px;height:50px;font-size:15px;font-weight:800}.confirm-ok{color:#fff;background:#111;border-radius:12px;height:50px;font-size:15px;font-weight:800}.confirm-ok:disabled{opacity:.4}.attendance-action{background:#fcfcfd;border:1px solid #ededf0;border-radius:12px;gap:10px;padding:13px;display:grid}.attendance-action>div:first-child{justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.attendance-action strong{letter-spacing:-.1px;font-size:15px}.attendance-action span{color:#8a8a93;text-align:right;font-size:12px;font-weight:800}.attendance-action.disabled{background:#f8f8f9}.attendance-action.disabled strong{color:#8f8f98}.attendance-action.complete{background:#fff;border-color:#dedee3}.attendance-slider{--attendance-progress:0%;background:linear-gradient(90deg, #111 0%, #111 var(--attendance-progress), #d8d8dc calc(var(--attendance-progress) + 18%), #f1f1f3 100%);touch-action:none;-webkit-user-select:none;user-select:none;border-radius:999px;height:46px;position:relative;overflow:hidden}.attendance-slider-knob{color:#111;cursor:grab;background:#fff;border-radius:50%;place-items:center;width:38px;height:38px;transition:transform .16s;display:grid;position:absolute;top:4px;left:4px;box-shadow:0 1px 6px #0000001a}.attendance-slider.dragging .attendance-slider-knob{cursor:grabbing;transition:none}.attendance-action.disabled .attendance-slider{background:#ececef}.attendance-action.disabled .attendance-slider-knob{color:#b0b0b8;cursor:not-allowed}.attendance-action.complete .attendance-slider{background:#111}.attendance-action.complete .attendance-slider-knob{cursor:default;background:#fff;left:auto;right:4px}.swipe-area{margin-top:24px}.swipe-button{color:#45454b;background:#fff;border:1px solid #d8d8dc;border-radius:999px;grid-template-columns:54px 1fr 54px;align-items:center;width:100%;height:62px;font-weight:800;display:grid}.swipe-button span{color:#fff;background:#000;border-radius:50%;place-items:center;width:50px;height:50px;margin-left:4px;font-size:24px;display:grid}.swipe-button:disabled{color:#9a9aa2;cursor:not-allowed;background:#f8f8f9}.swipe-button.complete{color:#777;grid-template-columns:1fr}.swipe-button.complete span{color:#777;background:0 0;width:auto;height:auto;margin:0 8px 0 0;font-size:16px;display:inline}.employee-nav{z-index:10;border-top:1px solid var(--line);background:#fff;grid-template-columns:repeat(5,1fr);height:78px;display:grid;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -10px 24px #ffffffeb}.employee-nav a{color:#acacb4;white-space:nowrap;align-content:center;place-items:center;gap:4px;font-size:11px;font-weight:700;display:grid}.employee-nav a.active{color:#000}.sheet-backdrop{z-index:20;background:#00000052;align-items:flex-end;display:flex;position:absolute;inset:0}.sheet-close{color:#555;background:0 0;border:0;position:absolute;top:72px;right:22px}.bottom-sheet{background:#fff;border-radius:24px 24px 0 0;width:100%;padding:10px 22px 26px;box-shadow:0 -14px 36px #00000024}.grabber{background:#ddd;border-radius:999px;width:54px;height:4px;margin:0 auto 20px;display:block}.bottom-sheet h2{letter-spacing:-.4px;font-size:24px;line-height:1.22}.section-eyebrow{color:#8b8b94;letter-spacing:.2px;margin-top:30px;font-size:12px;font-weight:900}.section-eyebrow.orange{color:var(--orange)}.sheet-label{color:#6f6f78;margin-top:24px;font-size:14px;font-weight:700;display:block}.time-chips{gap:8px;margin-top:12px;display:flex;overflow:auto}.time-chips button,.filter-tabs button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:12px 18px;font-weight:800}.time-chips .selected,.filter-tabs .active{color:#fff;background:#000;border-color:#000}.official-time,.notice,.deduction-box{color:#777;background:#fafafa;border-radius:8px;justify-content:space-between;margin-top:16px;padding:16px;display:flex}.official-time strong{color:#111;font-size:22px}.segmented{background:#f1f1f3;border-radius:8px;grid-template-columns:1fr 1fr;gap:4px;margin-top:10px;padding:4px;display:grid}.segmented button{background:0 0;border:0;border-radius:7px;height:46px;font-weight:800}.segmented .selected{background:#fff;box-shadow:0 1px 4px #0000001f}.form-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:22px;display:grid}.form-actions button,.form-actions a,.black-button{color:#fff;background:#000;border:1px solid #000;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:50px;font-weight:800;display:flex}.black-button:disabled{cursor:wait;background:#9b9b9f;border-color:#9b9b9f}.form-actions .light,.form-actions a{border-color:var(--line);color:#111;background:#fff}.sheet-textarea,.request-form textarea{border:1px solid var(--line);resize:none;border-radius:9px;width:100%;min-height:118px;padding:16px}.notice{font-size:13px;line-height:1.55;display:block}.login-screen{grid-template-rows:auto auto 1fr auto auto;gap:16px;height:100%;padding:50px 28px 48px;display:grid}.login-topline{justify-content:space-between;align-items:center;display:flex}.login-symbol{letter-spacing:6px;font-size:26px;font-weight:900}.login-symbol-image{width:56px;height:auto;display:block}.system-pill{border:1px solid var(--line);color:#5f5f67;border-radius:999px;place-items:center;min-width:118px;height:30px;font-size:13px;font-weight:700;display:inline-grid}.login-hero{margin-top:56px}.login-hero .brand{letter-spacing:-4px;font-size:clamp(72px,19vw,92px);line-height:.92}.login-brand-image{width:min(100%,260px);height:auto;display:block}.login-tagline-image{width:min(100%,218px);height:auto;margin-top:20px;display:block}.login-hero span{color:#44444b;margin-top:24px;font-size:18px;line-height:1.45;display:block}.login-form{align-self:end;gap:14px;display:grid}.login-form label,.request-form label{color:#777;gap:8px;font-size:13px;font-weight:800;display:grid}.login-form input,.request-form input{border:1px solid var(--line);border-radius:8px;height:48px;padding:0 14px}.input-with-icon{border:1px solid var(--line);color:#9a9aa2;background:#fff;border-radius:8px;grid-template-columns:22px 1fr;align-items:center;gap:8px;height:50px;padding:0 12px;display:grid}.input-with-icon.rounded{border-radius:999px;grid-template-columns:24px 1fr;height:66px;padding:0 24px}.input-with-icon.password-field{grid-template-columns:24px 1fr 24px}.input-with-icon input{color:#111;border:0;border-radius:0;outline:0;min-width:0;height:auto;padding:0}.input-with-icon.rounded input{appearance:none;letter-spacing:0;font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-size:16px;line-height:1.2;transform:none}.field-icon-button{color:#9a9aa2;background:0 0;border:0;place-items:center;width:28px;height:28px;padding:0;display:grid}.field-icon-button:hover{color:#111}.login-error{color:var(--red);background:#fff0ee;border-radius:8px;padding:11px 12px;font-size:13px;font-weight:800}.login-swipe-button{--swipe-progress:0%;background:linear-gradient(90deg, #19191c 0%, #19191c var(--swipe-progress), #9f9fa3 calc(var(--swipe-progress) + 24%), #19191c 100%);color:#aaaab1;touch-action:none;-webkit-user-select:none;user-select:none;border:0;border-radius:999px;place-items:center;width:100%;height:68px;margin-top:6px;font-weight:900;transition:background .18s;display:grid;position:relative;overflow:hidden}.login-swipe-button strong{pointer-events:none}.login-swipe-knob{color:#111;z-index:1;cursor:grab;will-change:transform;background:#fff;border-radius:50%;place-items:center;width:58px;height:58px;transition:transform .18s;display:grid;position:absolute;top:5px;left:5px}.login-swipe-knob>span{width:100%;height:100%;display:block}.login-swipe-button.dragging .login-swipe-knob{cursor:grabbing;transition:none}.login-swipe-button.submitting{cursor:wait;background:#9b9b9f}.login-swipe-button.submitting .login-swipe-knob{cursor:wait}.text-button{color:#999;background:0 0;border:0;font-weight:700}.login-help{color:#8f8f98;text-align:center;place-self:start stretch;width:100%;margin-top:4px;font-size:15px}.login-help span{color:#c5c5ca;margin-left:12px}.password-modal-backdrop{z-index:30;background:#00000057;align-items:end;padding:22px;display:grid;position:absolute;inset:0}.password-modal{background:#fff;border-radius:22px;gap:14px;padding:24px;display:grid;box-shadow:0 -12px 32px #0000002e}.password-modal h2{letter-spacing:-.3px;font-size:23px}.password-modal p:first-child{color:var(--orange);font-size:13px;font-weight:900}.password-modal span{color:#777;line-height:1.45}.password-modal input{border:1px solid var(--line);border-radius:9px;height:52px;padding:0 14px}.reset-screen{z-index:35;background:#fff;grid-template-rows:auto auto 1fr;padding:76px 22px 48px;display:grid;position:absolute;inset:0}.reset-nav{justify-content:space-between;align-items:center;display:flex}.reset-nav button{border:1px solid var(--line);background:#fff;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.reset-nav span{color:#65656d;font-size:11px;font-weight:800}.reset-progress{grid-template-columns:repeat(3,1fr);gap:5px;margin-top:18px;display:grid}.reset-progress span{background:#ececef;border-radius:999px;height:3px}.reset-progress .active{background:#000}.reset-form{align-content:start;gap:15px;padding-top:38px;display:grid}.reset-form>p{color:#777780;letter-spacing:1px;font-size:11px;font-weight:900}.reset-form h2{letter-spacing:-.6px;font-size:26px;line-height:1.12}.reset-form>span{color:#555;font-size:13px;line-height:1.45}.reset-input{margin-top:18px}.reset-note{color:#8a8a93;background:#fafafa;border-radius:8px;padding:14px;font-size:12px;line-height:1.55}.reset-primary-button{color:#fff;background:#111;border:0;border-radius:14px;place-items:center;height:58px;font-size:15px;font-weight:900;display:grid;position:absolute;bottom:48px;left:22px;right:22px}.reset-primary-button:disabled{color:#f4f4f5;cursor:not-allowed;background:#a4a4a8}.reset-email{margin-top:-8px;font-size:13px}.code-input-wrap{margin-top:18px;position:relative}.code-input-wrap input{opacity:0;width:100%;position:absolute;inset:0}.code-boxes{grid-template-columns:repeat(6,1fr);gap:8px;display:grid}.code-boxes em{border:1px solid var(--line);border-radius:9px;place-items:center;height:50px;font-size:24px;font-style:normal;font-weight:900;display:grid}.code-boxes em.filled{border-color:#000}.reset-row{color:#777;justify-content:space-between;align-items:center;font-size:13px;display:flex}.reset-row button{color:#111;background:0 0;border:0;font-weight:900}.password-checks{grid-template-columns:1fr 1fr;gap:10px 18px;margin-top:2px;font-size:12px;font-weight:900;display:grid}.password-checks span{color:#aaaab1}.password-checks .valid{color:#111}.reset-screen.complete{grid-template-rows:auto 1fr auto;padding:82px 28px 48px}.reset-complete-top{justify-content:space-between;align-items:center;display:flex}.reset-complete-top strong{color:#777780;letter-spacing:1px;font-size:10px}.reset-complete-body{align-self:center;gap:18px;display:grid}.complete-check{color:#fff;background:#000;border-radius:50%;place-items:center;width:72px;height:72px;font-size:32px;display:grid}.reset-complete-body h2{letter-spacing:-.8px;font-size:31px;line-height:1.1}.reset-complete-body p{color:#777;font-size:14px;line-height:1.55}.subpage{padding-left:18px;padding-right:18px}.subpage-top{text-align:center;border-bottom:1px solid var(--line);grid-template-columns:40px 1fr 40px;align-items:center;height:58px;margin:-12px -18px 24px;display:grid}.icon-link{place-items:center;display:grid}.request-form{gap:16px;display:grid}.leave-type-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.leave-type-grid button{border:1px solid var(--line);text-align:left;background:#fff;border-radius:10px;min-height:75px;padding:14px}.leave-type-grid button.selected{border-color:#000;box-shadow:inset 0 0 0 1px #000}.leave-type-grid span{color:#8c8c95;margin-top:5px;font-size:12px;display:block}.deduction-box strong{color:#111;text-align:right}.leave-summary{border:1px solid var(--line);border-radius:14px;margin-top:26px;padding:22px}.summary-top,.spread,.month-head{justify-content:space-between;align-items:center;display:flex}.leave-summary strong{letter-spacing:-1px;margin-top:10px;font-size:48px;display:block}.leave-summary small{font-size:18px}.bar{background:#f0f0f2;border-radius:999px;height:6px;overflow:hidden}.bar span{background:#000;height:100%;display:block}.mini-pill,.badge{color:#65656d;background:#f3f3f4;border-radius:999px;justify-content:center;align-items:center;padding:5px 9px;font-size:12px;font-weight:800;display:inline-flex}.mini-pill.pending,.badge.orange{color:var(--orange);background:#fff2df}.badge.green{color:#177e38;background:#def6e6}.badge.red{color:var(--red);background:#ffe8e5}.badge.blue{color:var(--blue);background:#e7eefc}.leave-metrics{border:1px solid var(--line);border-radius:12px;grid-template-columns:repeat(3,1fr);margin-top:12px;display:grid;overflow:hidden}.leave-metrics div{border-right:1px solid var(--line);padding:16px}.leave-metrics div:last-child{border-right:0}.leave-metrics span,.expire{color:#777;font-size:13px}.leave-metrics strong{margin-top:5px;font-size:20px;display:block}.expire{margin:14px 0}.with-icon{width:100%}.list-title{color:#777;margin:28px 0 12px;font-size:13px}.stack-list{border:1px solid var(--line);border-radius:12px;overflow:hidden}.leave-item{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:72px;padding:0 16px;display:flex}.leave-item:last-child{border-bottom:0}.leave-item p{color:#888;margin-top:4px}.leave-calendar-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.leave-calendar-head div{gap:7px;display:flex}.leave-calendar-head button{border:1px solid var(--line);background:#fff;border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.leave-request-link{color:#fff;background:#111;border:1px solid #111;border-radius:9px;align-items:center;gap:4px;height:34px;padding:0 10px;font-size:12px;font-weight:900;display:inline-flex}.leave-calendar-card{border:1px solid var(--line);background:#fff;border-radius:14px;margin-top:20px;padding:16px}.leave-month-title{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.leave-month-title strong{letter-spacing:-.2px;font-size:18px}.leave-month-title span{color:#8a8a93;font-size:12px}.leave-weekdays,.leave-days-grid{grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.leave-weekdays{margin-bottom:8px}.leave-weekdays span{color:#8a8a93;text-align:center;font-size:11px;font-weight:900}.leave-weekdays span:first-child{color:#c94437}.leave-weekdays span:last-child{color:#315ca8}.leave-days-grid{gap:5px}.leave-days-grid button{aspect-ratio:1;color:#222;background:#fff;border:0;border-radius:10px;align-content:center;place-items:center;gap:4px;min-width:0;padding:4px;display:grid;position:relative}.leave-days-grid button:disabled{cursor:default}.leave-days-grid button strong{font-size:13px}.leave-days-grid button.selected{color:#fff;background:#111}.leave-days-grid button.has-event:not(.selected){background:#f6f6f7}.leave-days-grid button.holiday:not(.selected){background:#fdeaea}.leave-days-grid button.holiday:not(.selected) strong{color:#d33}.holiday-banner{color:#c0392b;background:#fdeaea;border-radius:11px;margin:0 0 12px;padding:11px 14px;font-size:13px;font-weight:800}.event-dots{justify-content:center;align-items:center;gap:3px;min-height:5px;display:flex}.event-dots i{background:#111;border-radius:50%;width:5px;height:5px;display:block}.leave-days-grid button.selected .event-dots i{background:#fff}.leave-day-panel{border-top:1px solid var(--line);margin-top:18px;padding-top:16px}.leave-day-panel-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.leave-day-panel-head span{color:#777;font-size:13px;font-weight:900}.leave-day-panel-head strong{background:#f3f3f4;border-radius:999px;place-items:center;min-width:36px;height:26px;font-size:12px;display:grid}.leave-event-list{gap:9px;display:grid}.leave-event-card{border:1px solid var(--line);background:#fff;border-radius:12px;grid-template-columns:38px 1fr auto;align-items:center;gap:11px;min-height:66px;padding:12px;display:grid}.leave-event-card p{color:#888;margin-top:3px;font-size:12px}.leave-event-card em{color:var(--orange);background:#fff2df;border-radius:999px;padding:5px 8px;font-size:11px;font-style:normal;font-weight:900}.empty-leave-day{border:1px solid var(--line);color:#8a8a93;background:#fff;border-radius:12px;padding:18px;font-size:13px;line-height:1.45}.leave-balance-cards{grid-template-columns:1.4fr 1fr 1fr;gap:10px;margin:6px 0 4px;display:grid}.leave-balance-card{border:1px solid var(--line);background:#fff;border-radius:14px;flex-direction:column;gap:8px;padding:16px 14px;display:flex}.leave-balance-card span{color:#8a8a93;font-size:12px;font-weight:700}.leave-balance-card strong{color:#111;letter-spacing:-1px;font-size:30px;font-weight:900;line-height:1}.leave-balance-card strong em{margin-left:2px;font-size:15px;font-style:normal;font-weight:800}.leave-balance-card.primary{background:#111;border-color:#111}.leave-balance-card.primary span{color:#bdbdc4}.leave-balance-card.primary strong{color:#fff}.leave-type-list{border:1px solid var(--line);background:#fff;border-radius:14px;margin-top:16px;overflow:hidden}.leave-type-title{color:#8a8a93;letter-spacing:.5px;margin:0;padding:14px 16px 10px;font-size:12px;font-weight:800}.leave-type-row{border-top:1px solid #f1f1f3;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.leave-type-row span{color:#111;font-size:14px;font-weight:700}.leave-type-row em{color:#8a8a93;font-size:12px;font-style:normal;font-weight:600}.leave-request-cta{color:#fff;background:#111;border-radius:13px;justify-content:center;align-items:center;gap:6px;height:50px;margin-top:18px;font-size:14px;font-weight:800;display:flex}.leave-mine-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.leave-year-nav,.leave-balance-yearnav>div,.leave-calendar-monthnav>div{align-items:center;gap:8px;display:inline-flex}.leave-year-nav strong,.leave-balance-yearnav strong{text-align:center;min-width:52px;font-size:16px;font-weight:900}.leave-year-nav button,.leave-balance-yearnav button,.leave-calendar-monthnav button{border:1px solid var(--line);background:#fff;border-radius:9px;place-items:center;width:32px;height:32px;display:grid}.leave-balance-block{margin-top:14px}.leave-balance-yearnav{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.leave-balance-yearnav>span{color:#777;font-size:13px;font-weight:900}.leave-calendar-monthnav{justify-content:space-between;align-items:center;margin:22px 0 10px;display:flex}.leave-calendar-monthnav>strong{font-size:15px;font-weight:900}.leave-month-title{position:relative}.mp{display:inline-block;position:relative}.mp-trigger{color:#111;cursor:pointer;background:0 0;border:none;align-items:center;gap:5px;padding:2px 0;font-size:17px;font-weight:900;display:inline-flex}.mp-trigger svg{color:#b0b0b8;transition:transform .15s}.mp-pop{z-index:30;background:#fff;border:1px solid #eee;border-radius:16px;width:268px;padding:12px;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 12px 32px #14142824}.mp-yearnav{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.mp-yearnav strong{font-size:15px;font-weight:900}.mp-yearnav button{color:#555;cursor:pointer;background:#f4f4f6;border:none;border-radius:8px;place-items:center;width:30px;height:30px;display:grid}.mp-yearnav button:hover{color:#111;background:#ebebeb}.mp-grid{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.mp-grid button{color:#333;cursor:pointer;background:#f7f7f9;border:none;border-radius:10px;height:40px;font-size:13px;font-weight:800;transition:background .12s,color .12s}.mp-grid button:hover{color:#111;background:#ebebeb}.mp-grid button.now{color:#111;box-shadow:inset 0 0 0 1.5px #d6d6d6}.mp-grid button.sel{color:#fff;box-shadow:none;background:#111}.mp-today{color:#555;cursor:pointer;background:#f4f4f6;border:none;border-radius:10px;width:100%;height:38px;margin-top:10px;font-size:13px;font-weight:800}.mp-today:hover{color:#111;background:#ebebeb}.leave-event-card.mine{cursor:pointer;border-color:#111}.leave-event-card.mine strong{color:#111}.leave-detail-title{margin:2px 0 0;font-size:18px;font-weight:900}.leave-detail-rows{border:1px solid var(--line);border-radius:12px;gap:0;margin:16px 0 0;display:grid;overflow:hidden}.leave-detail-rows>div{border-top:1px solid #f1f1f3;justify-content:space-between;align-items:center;padding:13px 15px;display:flex}.leave-detail-rows>div:first-child{border-top:0}.leave-detail-rows dt{color:#888;font-size:13px}.leave-detail-rows dd{margin:0;font-size:14px;font-weight:700}.leave-detail-note{color:#9a9a9f;margin:14px 0 0;font-size:12px;line-height:1.5}.leave-cancel-btn{color:#d33;background:#fff;border:1px solid #d33;border-radius:12px;width:100%;height:48px;margin-top:16px;font-size:14px;font-weight:800}.leave-cancel-btn:disabled{opacity:.6}.leave-request-screen{background:#fff}.leave-request-form{gap:16px;display:grid}.field-block{gap:9px;display:grid}.field-block>span{color:#777;font-size:12px;font-weight:900}.field-block input,.field-block textarea{border:1px solid var(--line);color:#111;width:100%;font:inherit;background:#fff;border-radius:12px;outline:none;padding:14px 16px}.field-block textarea{resize:vertical;line-height:1.45}.date-field{position:relative}.date-field .date-field-text{border:1px solid var(--line);color:#111;width:100%;font:inherit;background:#fff;border-radius:12px;outline:none;padding:14px 48px 14px 16px}.date-field .date-field-cal{color:#333;background:#f3f3f4;border-radius:9px;place-items:center;width:36px;height:36px;display:grid;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.date-popover{z-index:50;border:1px solid var(--line);background:#fff;border-radius:16px;width:300px;max-width:88vw;padding:14px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 14px 40px #00000024}.date-pop-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.date-pop-head strong{font-size:15px;font-weight:800}.date-pop-head button{border:1px solid var(--line);color:#333;background:#fff;border-radius:9px;place-items:center;width:32px;height:32px;display:grid}.date-pop-weekdays{text-align:center;color:#9a9aa2;grid-template-columns:repeat(7,1fr);margin-bottom:4px;font-size:12px;display:grid}.date-pop-weekdays span:first-child{color:#e24b4a}.date-pop-weekdays span:last-child{color:#378add}.date-pop-grid{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.date-pop-grid button{aspect-ratio:1;color:#222;background:#fff;border:0;border-radius:9px;font-size:13px;font-weight:600}.date-pop-grid button:disabled{color:#d4d4d8;cursor:default;background:0 0}.date-pop-grid button:not(:disabled):hover{background:#f2f2f4}.date-pop-grid button.selected{color:#fff;background:#111}.leave-days-grid button.has-mine:not(.selected){background:#e6f0fb;box-shadow:inset 0 0 0 1.5px #378add}.leave-days-grid button.has-mine:not(.selected) strong{color:#185fa5}.my-att-block{margin-top:30px}.leave-days-grid button.has-event:not(.att-missing):not(.selected){background:#e6f5ee}.leave-days-grid button.att-missing:not(.selected){background:#fdeaea;box-shadow:inset 0 0 0 1.5px #e24b4a}.leave-days-grid button.att-missing:not(.selected) strong{color:#c0392b}.event-dots i.att-dot-ok{background:#1d9e75}.event-dots i.att-dot-missing{background:#e24b4a}.event-dots i.att-dot-leave{background:var(--blue)}.leave-days-grid button.att-leave:not(.has-event):not(.selected){background:#e7eefc}.leave-days-grid button.att-leave:not(.has-event):not(.selected) strong{color:var(--blue)}.att-leave-banner{color:var(--blue);background:#e7eefc;border-radius:999px;align-items:center;gap:6px;margin-bottom:10px;padding:7px 12px;font-size:13px;font-weight:700;display:inline-flex}.att-day-detail{flex-direction:column;gap:2px;display:flex}.att-time-row{border-bottom:1px solid #f0f0f2;justify-content:space-between;align-items:center;padding:12px 2px;font-size:15px;display:flex}.att-time-row span{color:#6f6f78}.att-time-row strong{color:#111;font-weight:700}.att-adjust{margin-top:14px}.att-adjust-label{color:#6f6f78;margin:0 0 8px;font-size:13px;font-weight:700}.att-adjust-row{gap:8px;display:flex}.att-adjust-row .date-field-text{border:1px solid var(--line);color:#111;appearance:none;background:#fff;border-radius:10px;flex:1;min-height:46px;padding:10px 14px;font-size:15px}.att-adjust-row .date-field-text:disabled{color:#b5b5bd;background:#f4f4f6}.att-adjust-row+.att-adjust-row{margin-top:8px}.att-adjust-tag{color:#555;background:#f2f2f2;border-radius:8px;justify-content:center;align-items:center;min-width:44px;padding:0 6px;font-size:13px;font-weight:700;display:inline-flex}.att-adjust-hint{color:#8a8a93;margin:8px 0 0;font-size:12px}.att-adjust-hint.warn{color:#c0392b}.att-adjust-save{width:auto;min-height:0;padding:0 22px}.att-adjust-save.full{width:100%;min-height:48px;margin-top:12px}.att-reason{border:1px solid var(--line);width:100%;font:inherit;resize:none;border-radius:10px;outline:0;margin-top:10px;padding:12px}.leave-policy-grid{grid-template-columns:1fr 1fr;gap:9px;display:grid}.leave-policy-grid button{border:1px solid var(--line);text-align:left;background:#fff;border-radius:12px;min-height:76px;padding:13px}.leave-policy-grid button.selected{border-color:#111;box-shadow:inset 0 0 0 1px #111}.leave-policy-grid strong{font-size:14px;display:block}.leave-policy-grid small{color:#888;margin-top:5px;font-size:11px;display:block}.leave-request-summary{border:1px solid var(--line);background:#fafafa;border-radius:12px;padding:15px}.leave-request-summary span{color:#777;font-size:12px;font-weight:900}.leave-request-summary strong{margin-top:5px;font-size:22px;display:block}.leave-request-summary p{color:#777;margin-top:8px;font-size:12px;line-height:1.45}.form-message{color:#666;background:#f7f7f8;border-radius:10px;padding:12px;font-size:13px;line-height:1.4}.black-action.full{border-radius:12px;justify-content:center;width:100%;min-height:50px}.black-action:disabled{color:#fff;cursor:not-allowed;background:#aaa;border-color:#aaa}.month-head h1{margin-top:8px}.month-head button{border:1px solid var(--line);background:#fff;border-radius:8px;width:34px;height:34px}.calendar-grid{grid-template-columns:repeat(7,1fr);display:grid}.weekday{color:#8d8d96;text-align:center;margin-top:24px;font-size:12px;font-weight:800}.weekday span:first-child,.days .day:nth-child(7n+1) strong{color:#c94b40}.weekday span:last-child,.days .day:nth-child(7n) strong{color:#315ca8}.days{gap:8px 0;margin-top:16px}.day{border-radius:8px;place-items:start center;min-height:50px;padding-top:4px;font-size:13px;display:grid}.day.active{background:#f0f0f1}.day span{background:#f1f1f2;border-radius:4px;margin-top:4px;padding:2px 7px;font-size:10px;font-weight:800}.day span.red{color:#c94437;background:#fde4e2}.today-leaves{border-top:1px solid var(--line);margin-top:46px;padding-top:18px}.today-leaves>p{color:#777;margin-bottom:12px;font-size:13px}.person-card,.profile-card{border:1px solid var(--line);border-radius:12px;align-items:center;gap:14px;margin-top:10px;padding:12px;display:flex}.avatar,.profile-avatar{color:#111;object-fit:cover;background:#eeeef0;border-radius:50%;flex:none;place-items:center;width:36px;height:36px;font-weight:900;display:inline-grid;overflow:hidden}.avatar.large{width:58px;height:58px;font-size:26px}.profile-avatar.home{width:64px;height:64px;font-size:28px}.profile-avatar.large{width:58px;height:58px;font-size:26px}.person-card p,.profile-card p{color:#888;font-size:13px;line-height:1.35}.person-card .mini-pill{margin-left:auto}.profile-list{margin-top:16px}.menu-list{border:1px solid var(--line);border-radius:12px;margin-top:16px;overflow:hidden}.menu-list button,.menu-list .menu-link{border:0;border-bottom:1px solid var(--line);color:#111;background:#fff;justify-content:space-between;align-items:center;width:100%;min-height:48px;padding:0 16px;font-weight:800;display:flex}.menu-list button:last-child{border-bottom:0}.overtime-record-card{border:1px solid var(--line);background:#fff;border-radius:12px;padding:14px 16px}.overtime-record-card strong{font-size:15px}.overtime-record-card p{color:#666;margin-top:6px;font-size:13px;line-height:1.5}.menu-list .logout{color:var(--red)}.profile-modal-backdrop{z-index:30;background:#00000047;align-items:end;padding:18px;display:grid;position:absolute;inset:0}.profile-modal{background:#fff;border-radius:22px;max-height:calc(100% - 40px);padding:22px;overflow:auto;box-shadow:0 -14px 36px #00000024}.modal-close-button{border:1px solid var(--line);color:#555;background:#fff;border-radius:999px;min-height:36px;padding:0 14px;font-size:13px;font-weight:900}.modal-close-button:hover{color:#111;border-color:#111}.profile-info-head{align-items:center;gap:14px;margin-top:18px;display:flex}.profile-info-head p{color:#888;margin-top:4px;font-size:13px}.profile-info-section{color:#999;letter-spacing:.4px;margin:20px 0 8px;font-size:12px;font-weight:900}.profile-info-list{border:1px solid var(--line);border-radius:12px;margin-top:10px;overflow:hidden}.profile-info-list div{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;min-height:54px;padding:0 16px;display:flex}.profile-info-list div:last-child{border-bottom:0}.profile-info-list dt{color:#777;font-size:14px}.profile-info-list dd{text-align:right;overflow-wrap:anywhere;font-weight:800}.payroll-notice{color:#9a9a9f;margin:8px 0 22px;font-size:12px;line-height:1.5}.payroll-back{color:#555;background:0 0;border:none;align-items:center;gap:3px;margin:22px 0 -6px;padding:0;font-size:13px;font-weight:700;display:inline-flex}.payroll-year-item strong{font-size:18px}.payroll-year-item svg{color:#bbb;flex:none}.payroll-list-card{gap:10px;margin-top:24px;display:grid}.payroll-item{border:1px solid var(--line);text-align:left;background:#fff;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;width:100%;min-height:76px;padding:14px 16px;display:flex}.payroll-item strong{font-size:16px;display:block}.payroll-item span{color:#888;margin-top:5px;font-size:12px;line-height:1.35;display:block}.payroll-item em{color:#555;background:#f3f3f4;border-radius:999px;flex:none;padding:6px 9px;font-size:12px;font-style:normal;font-weight:900}.payroll-modal .section-eyebrow{margin-top:0}.payroll-detail-date{color:#111;letter-spacing:0;margin-top:6px;font-size:15px;font-weight:900}.payroll-download-button{color:#fff;background:#111;border:1px solid #111;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:46px;margin-top:16px;font-size:14px;font-weight:900;display:inline-flex}.payroll-download-button:disabled{cursor:wait;background:#8f8f95;border-color:#8f8f95}.payroll-receipt{border:1px solid var(--line);background:#fff;border-radius:16px;margin-top:18px;padding:18px}.payroll-receipt-paid-at{justify-content:space-between;align-items:center;gap:16px;display:flex}.payroll-receipt-paid-at span{color:#777;font-size:13px;font-weight:800}.payroll-receipt-paid-at strong{letter-spacing:0;font-size:18px}.payroll-receipt-divider{border-top:1px dashed #d5d5da;margin:14px 0}.payroll-receipt-rows{gap:8px;display:grid}.payroll-receipt-row{justify-content:space-between;align-items:baseline;gap:16px;min-height:24px;display:flex}.payroll-receipt-row dt{color:#777;font-size:13px}.payroll-receipt-row dd{color:#151519;text-align:right;overflow-wrap:anywhere;font-size:14px;font-weight:850}.payroll-receipt-row.blue dd,.payroll-receipt-row.total dd{color:var(--blue)}.payroll-receipt-row.total{align-items:baseline;min-height:28px}.payroll-receipt-row.total dt,.payroll-receipt-row.total dd{font-size:14px;font-weight:950}.admin-canvas{background-image:linear-gradient(#e8e1d6 1px,#0000 1px),linear-gradient(90deg,#e8e1d6 1px,#0000 1px);background-size:96px 96px;min-height:100vh;padding:48px}.browser-shell{background:#fff;border:1px solid #d7d7dc;border-radius:8px;min-height:calc(100vh - 96px);overflow:hidden;box-shadow:0 12px 28px #0000001a}.browser-bar{border-bottom:1px solid var(--line);background:#fbfbfc;align-items:center;gap:8px;height:48px;padding:0 18px;display:flex;position:relative}.dot{border-radius:50%;width:12px;height:12px}.dot.red{background:#ff5d57}.dot.yellow{background:#ffbd2f}.dot.green{background:#28c840}.browser-title,.url-pill{border:1px solid var(--line);color:#4c4c54;background:#fff;border-radius:7px;padding:5px 12px;font-size:13px}.url-pill{position:absolute;left:50%;transform:translate(-50%)}.admin-layout{grid-template-columns:280px 1fr;min-height:calc(100vh - 145px);display:grid}.admin-sidebar{border-right:1px solid var(--line);flex-direction:column;padding:34px 20px;display:flex}.sidebar-head{justify-content:space-between;align-items:center;display:flex}.sidebar-head span{border:1px solid var(--line);border-radius:999px;padding:5px 12px;font-size:12px;font-weight:800}.search-box{border:1px solid var(--line);color:#a0a0a8;border-radius:8px;align-items:center;gap:10px;height:44px;margin-top:32px;padding:0 12px;display:flex}.search-box input{border:0;outline:0;width:100%}.sidebar-label{color:#a0a0a8;letter-spacing:.5px;margin:28px 0 10px;font-size:12px;font-weight:900}.admin-nav{gap:4px;display:grid}.admin-nav a{border-radius:7px;align-items:center;gap:12px;min-height:40px;padding:0 12px;font-weight:800;display:flex}.admin-nav a.active{background:#ececef}.nav-count{color:#fff;background:#000;border-radius:999px;place-items:center;min-width:22px;height:20px;margin-left:auto;font-size:12px;display:grid}.admin-session-card{border:1px solid var(--line);border-radius:10px;margin-top:auto;padding:12px}.admin-profile{border:1px solid var(--line);border-radius:10px;align-items:center;gap:10px;margin-top:10px;padding:12px;display:flex}.admin-profile p,.person p,.admin-table p{color:#777;font-size:12px}.admin-content{padding:36px;overflow:auto}.admin-header{justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px;display:flex}.admin-header p{color:#767680;letter-spacing:.3px;font-weight:900}.admin-header h1{letter-spacing:-1px;margin-top:6px;font-size:34px}.admin-header>div:first-child>span{color:#777;margin-top:8px;display:block}.admin-header-right{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.header-actions{gap:8px;display:flex}.header-actions button,.card-head button,.actions button,.black-action{border:1px solid var(--line);background:#fff;border-radius:8px;align-items:center;gap:8px;min-height:38px;padding:0 16px;font-weight:800;display:inline-flex}.header-actions .black,.actions .black,.black-action{color:#fff;background:#000;border-color:#000}.stat-grid{grid-template-columns:repeat(6,minmax(120px,1fr));gap:14px;display:grid}.stat-card,.admin-card,.request-card{border:1px solid var(--line);background:#fff;border-radius:12px}.stat-card{min-height:112px;padding:18px}.stat-card span{color:#777;font-weight:800}.stat-card i{background:var(--orange);border-radius:50%;width:9px;height:9px;margin-right:6px;display:inline-block}.stat-card strong{margin-top:10px;font-size:36px;display:block}.stat-card p{color:#777}.admin-grid{grid-template-columns:1.25fr .8fr;gap:22px;margin-top:24px;display:grid}.admin-card{padding:22px}.admin-card.wide{grid-row:span 2}.card-head,.queue-head{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.card-head div{gap:8px;display:flex}.admin-table{border-collapse:collapse;width:100%}.admin-table th{color:#777;text-align:left;border-bottom:1px solid var(--line);padding:13px 12px;font-size:13px}.admin-table td{border-bottom:1px solid var(--line);vertical-align:middle;padding:16px 12px}.admin-table tr:last-child td{border-bottom:0}.admin-table .memo-cell{color:#777;overflow-wrap:anywhere;max-width:320px;line-height:1.45}.person{align-items:center;gap:10px;display:flex}.warn-text{color:var(--orange)}.queue-head span{min-width:24px;height:24px;color:var(--orange);background:#fff2df;border-radius:50%;place-items:center;font-weight:900;display:grid}.queue-item{border-top:1px solid var(--line);padding:14px 0}.queue-item p{color:#777;margin:8px 0}blockquote{color:#555;background:#f7f7f8;border-radius:8px;margin:8px 0 0;padding:12px}.actions{justify-content:flex-end;gap:8px;display:flex}.filter-tabs{gap:8px;margin-bottom:22px;display:flex}.request-stack{gap:16px;display:grid}.request-card{grid-template-columns:40px 1fr auto;align-items:start;gap:16px;padding:22px;display:grid}.request-card p{color:#555;background:#fafafa;border-radius:8px;margin-top:12px;padding:12px}.admin-message{color:#555;background:#f7f7f8;border-radius:8px;margin:-10px 0 18px;padding:12px 14px;font-weight:800}.admin-action-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.admin-action-grid .admin-card{align-content:start;gap:16px;display:grid}.admin-muted-card{grid-column:1/-1}.admin-card-copy{color:#777;line-height:1.55}.admin-inline-form{align-items:center;gap:10px;display:flex}.admin-inline-form input{border:1px solid var(--line);border-radius:8px;flex:1;min-width:0;height:42px;padding:0 12px}.admin-form-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:14px;margin-top:20px;display:grid}.admin-form-grid label{color:#777;gap:8px;font-size:13px;font-weight:900;display:grid}.admin-form-grid input,.admin-form-grid select{border:1px solid var(--line);width:100%;height:42px;font:inherit;background:#fff;border-radius:8px;padding:0 12px}.admin-form-grid .wide{grid-column:span 2}.in-progress-card{align-content:center;justify-items:start;gap:16px;min-height:260px;display:grid}.in-progress-card h2{letter-spacing:-.6px;font-size:26px}.in-progress-card p{color:#777;max-width:560px;line-height:1.6}.admin-modal-backdrop{z-index:40;background:#00000047;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.admin-modal{border:1px solid var(--line);background:#fff;border-radius:12px;gap:14px;width:min(100%,520px);max-height:calc(100vh - 48px);padding:22px;display:grid;overflow:auto;box-shadow:0 18px 48px #00000029}.modal-head{justify-content:space-between;align-items:center;gap:16px;display:flex}.modal-head h2{letter-spacing:-.5px;font-size:25px}.admin-modal label{color:#777;gap:8px;font-size:13px;font-weight:900;display:grid}.admin-modal input,.admin-modal select{border:1px solid var(--line);color:#111;background:#fff;border-radius:8px;height:44px;padding:0 12px}@media (max-width:900px){.admin-canvas{padding:0}.browser-shell{border:0;border-radius:0;min-height:100vh}.browser-bar{display:none}.admin-layout{grid-template-columns:1fr}.admin-sidebar{display:none}.admin-content{padding:22px}.admin-header{align-items:flex-start}.admin-header-right{justify-content:flex-start}.stat-grid,.admin-grid,.admin-action-grid,.admin-form-grid{grid-template-columns:1fr}.admin-form-grid .wide{grid-column:auto}.admin-inline-form{display:grid}.admin-table{min-width:720px}.admin-card{overflow-x:auto}.admin-modal-backdrop{align-items:end;padding:16px}.admin-modal{width:100%;max-height:calc(100dvh - 32px)}}@media (max-width:520px){.mobile-canvas{background:#fff;min-height:100dvh;padding:0;display:block}.phone-frame{width:100vw;max-width:none;height:100dvh;min-height:0;box-shadow:none;border:0;border-radius:0}.employee-screen,.subpage{height:100%;padding-top:max(34px, calc(18px + env(safe-area-inset-top)));padding-left:18px;padding-right:18px;padding-bottom:max(128px, calc(108px + env(safe-area-inset-bottom)))}.employee-nav{height:max(78px, calc(72px + env(safe-area-inset-bottom)));padding-bottom:env(safe-area-inset-bottom)}.login-screen{height:100%;padding:max(38px, calc(20px + env(safe-area-inset-top))) 22px max(44px, calc(34px + env(safe-area-inset-bottom)));grid-template-rows:auto auto minmax(24px,1fr) auto auto;gap:14px}.login-symbol{letter-spacing:5px;font-size:24px}.login-symbol-image{width:52px}.system-pill{min-width:112px;height:28px;font-size:12px;font-weight:700}.login-hero{margin-top:clamp(34px,11dvh,72px)}.login-hero .brand{letter-spacing:-3px;font-size:clamp(62px,20vw,86px)}.login-brand-image{width:min(100%,240px)}.login-tagline-image{width:min(100%,205px);margin-top:18px}.login-hero span{margin-top:20px;font-size:16px}.input-with-icon.rounded{height:62px;padding:0 20px}.app-header .brand{letter-spacing:-1.2px;font-size:24px}.app-brand-image{width:54px}.app-header-actions{gap:7px}.session-status.compact{gap:6px}.session-status.compact span{font-size:10px}.session-status.compact button{min-height:28px;padding:0 9px;font-size:11px}.login-swipe-button{height:64px}.login-swipe-knob{width:54px;height:54px}.password-modal-backdrop{padding:18px}}@media (max-width:360px){.login-screen{padding-left:18px;padding-right:18px}.app-header{align-items:flex-start;gap:10px;height:auto}.app-header-actions{flex-wrap:wrap}.session-status.compact{justify-content:flex-end}.system-pill{min-width:104px;font-size:11px}.login-symbol-image{width:46px}.login-hero .brand{letter-spacing:-2.5px;font-size:58px}.login-brand-image{width:min(100%,216px)}.login-tagline-image{width:min(100%,188px)}.input-with-icon.rounded input{font-size:16px}}@media (min-width:920px){.mobile-canvas{align-items:start}}.login-form label.login-save-id{color:#555;cursor:pointer;flex-flow:row;grid-template-columns:none;justify-self:start;align-items:center;gap:7px;margin:10px 2px 16px;font-size:13px;font-weight:700;display:inline-flex}.login-save-id input{accent-color:#111;border-radius:4px;flex:none;width:16px;height:16px;padding:0}.admin-primary{color:#fff;background:#111;border-radius:10px;height:44px;margin-top:12px;padding:0 18px;font-size:14px;font-weight:800}.admin-primary:disabled{opacity:.5}.attendance-halfday-banner{color:#5b4bd0;background:#f1ecff;border:1px solid #d9d5f2;border-radius:10px;margin:0 0 12px;padding:10px 12px;font-size:13px;line-height:1.5}.attendance-halfday-banner strong{color:#4a37c9}.approval-badge{color:#fff;vertical-align:middle;background:#ef4444;border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;margin-left:6px;padding:0 6px;font-size:12px;font-weight:800;display:inline-flex}.approval-list{flex-direction:column;gap:10px;margin:12px 0 0;padding:0;list-style:none;display:flex}.approval-item{border:1px solid var(--line);border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.approval-item strong{font-weight:800}.approval-date{color:#8a8a93;margin-top:2px;font-size:12px;display:block}.approval-reason{color:#555;margin:6px 0 0;font-size:13px;line-height:1.4}.approval-actions{flex-shrink:0;gap:8px;display:flex}.approval-actions button{border-radius:8px;height:36px;padding:0 14px;font-size:13px;font-weight:800}.approval-actions button:disabled{opacity:.5}.approval-approve{color:#fff;background:#111}.approval-reject{color:#ef4444;background:#fff;border:1px solid #f2c4c4}.ptr-root{z-index:60;pointer-events:none;height:0;position:fixed;top:0;left:0;right:0}.ptr-indicator{will-change:transform;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:opacity .15s;display:flex;position:absolute;top:-46px;left:50%;box-shadow:0 4px 14px #00000024}.ptr-indicator.is-refreshing{transition:transform .2s,opacity .15s}.ptr-spinner{border:2.5px solid #0000001f;border-top-color:#947bfb;border-radius:50%;width:18px;height:18px;transition:transform .1s linear}.ptr-spinner.ready{border-top-color:#947bfb;animation:.7s linear infinite wt-spin}.ptr-indicator.is-refreshing .ptr-spinner{animation:.7s linear infinite wt-spin}