@import"https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@700;900&family=Lavishly+Yours&display=swap";:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#1a241f;background:#f4f6f3;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #17211c;--muted: #6c7771;--green-950: #10251e;--green-900: #173329;--green-800: #214639;--green-100: #e7f0eb;--gold: #b99654;--gold-soft: #f2eadc;--line: #e2e7e3;--white: #ffffff;--danger: #9b2c2c;--danger-bg: #fff0f0;--success: #1f6b46;--success-bg: #e9f7ef;--warning: #75561e;--warning-bg: #fff7e6}.long-leave-section{width:100%;max-width:100%;min-width:0;display:grid;gap:18px;margin-top:0}.long-leave-heading-row{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:5px 2px 0}.long-leave-heading-row h2{margin:7px 0 4px;color:var(--green-950);font-family:Georgia,serif;font-size:25px}.long-leave-heading-row p{max-width:760px;margin:0;color:var(--muted);font-size:12px;line-height:1.5}.long-leave-heading-row .secondary-button{flex:0 0 auto}.long-leave-notice{width:100%;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;padding:11px 12px;border:1px solid;border-radius:12px;font-size:12px}.long-leave-notice.success{color:var(--success);border-color:#c5e3d1;background:var(--success-bg)}.long-leave-notice.error{color:var(--danger);border-color:#efc7c7;background:var(--danger-bg)}.long-leave-notice span{overflow-wrap:anywhere}.long-leave-notice button{width:27px;height:27px;display:grid;place-items:center;border:0;border-radius:8px;padding:0;color:currentColor;background:#ffffff9e;font-size:19px;line-height:1}.long-leave-form-panel,.approved-leave-panel{width:100%;max-width:100%;min-width:0;overflow:hidden}.long-leave-type-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-bottom:12px;padding:5px;border-radius:13px;background:#f0f4f1}.long-leave-type-tabs button{min-width:0;border:0;border-radius:10px;padding:10px 12px;color:#536159;background:transparent;font-size:11px;font-weight:900}.long-leave-type-tabs button.active{color:#fff;background:var(--green-800);box-shadow:0 6px 14px #21463929}.long-leave-gate{margin:0 0 11px}.long-leave-form{width:100%;max-width:100%;min-width:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(170px,.55fr) minmax(170px,.55fr);gap:10px}.long-leave-form label{min-width:0;display:grid;align-content:start;gap:5px;color:#4b5b53;font-size:11px;font-weight:800}.long-leave-form label>span{min-width:0}.long-leave-employee-field{grid-column:1}.long-leave-date-field{grid-column:auto}.long-leave-wide-field{grid-column:1 / -1}.long-leave-form input,.long-leave-form textarea{min-width:0}.long-leave-employee-field input[readonly]{color:#315143;background:#f1f6f3;font-weight:800}.long-leave-date-control{width:100%;min-width:0;min-height:43px;position:relative;display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid #dce4df;border-radius:11px;padding:10px 12px;color:var(--ink);background:#fcfdfc}.long-leave-date-control:focus-within{border-color:#8bad9a;box-shadow:0 0 0 3px #4f78621a;background:#fff}.long-leave-date-control input{position:absolute;inset:0;width:100%;height:100%;border:0;padding:0;opacity:0;cursor:pointer}.long-leave-form-note{grid-column:1 / -1;padding:9px 11px;border-radius:10px;color:#725824;background:#fff8e8;font-size:11px;line-height:1.4}.long-leave-submit{grid-column:1 / -1;width:100%}.approved-count-chip{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;color:#315d47;background:#edf5f0;font-size:11px;font-weight:900}.approved-leave-desktop{width:100%;max-width:100%}.approved-leave-desktop table{table-layout:auto}.approved-leave-desktop td{vertical-align:top}.approved-leave-desktop .detail-cell{max-width:300px;white-space:pre-wrap;overflow-wrap:anywhere}.request-type-chip{display:inline-flex;align-items:center;width:fit-content;border-radius:999px;padding:5px 8px;color:#6f4c17;background:#fff2d6;font-size:10px;font-weight:900;white-space:nowrap}.request-type-chip.long{color:#315d47;background:#e8f2ec}.approved-leave-mobile-list{display:none}@media(max-width:820px){.long-leave-section{gap:12px;margin-top:0}.long-leave-heading-row{align-items:flex-end;gap:8px;padding:2px 3px 0}.long-leave-heading-row .eyebrow{font-size:8px}.long-leave-heading-row h2{margin-top:4px;font-size:20px;line-height:1.08}.long-leave-heading-row p{font-size:9px;line-height:1.35}.long-leave-heading-row .secondary-button{padding:8px 7px;font-size:9px;white-space:nowrap}.long-leave-notice{grid-template-columns:auto minmax(0,1fr) auto;padding:9px;font-size:9px;line-height:1.35}.long-leave-form-panel,.approved-leave-panel{padding:13px 10px}.long-leave-type-tabs{grid-template-columns:minmax(0,1fr);gap:5px;padding:4px}.long-leave-type-tabs button{width:100%;padding:9px 5px;font-size:9px;white-space:normal}.long-leave-gate{padding:9px;font-size:9px;line-height:1.35}.long-leave-form{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}.long-leave-employee-field,.long-leave-wide-field,.long-leave-form-note,.long-leave-submit{grid-column:1 / -1}.long-leave-date-field{grid-column:auto}.long-leave-form label{min-width:0;font-size:9px}.long-leave-form input,.long-leave-form textarea{min-width:0;width:100%;padding:9px;font-size:12px}.long-leave-form textarea{min-height:82px}.long-leave-date-control{min-width:0;min-height:40px;padding:8px;font-size:11px}.long-leave-form-note{padding:8px;font-size:9px}.long-leave-submit{padding:10px 7px;font-size:11px}.approved-leave-panel .panel-title-row{align-items:flex-start}.approved-leave-panel .panel-title-row h2{font-size:15px;line-height:1.18}.approved-leave-panel .panel-title-row p{font-size:9px}.approved-count-chip{padding:5px 7px;font-size:9px}.approved-leave-desktop{display:none}.approved-leave-mobile-list{display:grid;gap:8px}.approved-leave-mobile-card{min-width:0;padding:10px;border:1px solid var(--line);border-radius:12px;background:#fbfcfb}.approved-leave-mobile-head{min-width:0;display:flex;align-items:flex-start;justify-content:space-between;gap:7px}.approved-leave-mobile-head>div{min-width:0}.approved-leave-mobile-head strong,.approved-leave-mobile-head small{display:block;min-width:0}.approved-leave-mobile-head strong{color:var(--green-950);font-size:12px}.approved-leave-mobile-head small{margin-top:2px;color:var(--muted);font-size:8px;overflow-wrap:anywhere}.approved-leave-mobile-head .request-type-chip{flex:0 0 auto;padding:4px 6px;font-size:8px;white-space:normal;text-align:center}.approved-leave-mobile-period{display:grid;grid-template-columns:1fr 1fr .65fr;gap:5px;margin-top:8px;padding:7px;border-radius:9px;background:#f0f4f1}.approved-leave-mobile-period span,.approved-leave-mobile-period small,.approved-leave-mobile-period strong{min-width:0;display:block}.approved-leave-mobile-period small{color:var(--muted);font-size:7px;text-transform:uppercase;letter-spacing:.04em}.approved-leave-mobile-period strong{margin-top:2px;color:var(--green-950);font-size:9px;white-space:nowrap}.approved-leave-mobile-card p{margin:7px 0 0;color:#56635c;font-size:9px;line-height:1.35;overflow-wrap:anywhere;white-space:pre-wrap}}*{box-sizing:border-box}html,body,#root{width:100%;max-width:100%}body{margin:0;min-width:320px;min-height:100vh;overflow-x:clip}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}.boot-screen{min-height:100vh;display:grid;place-items:center;background:var(--green-950);color:#fff;font-weight:700}.page-loading{min-height:220px;display:grid;place-items:center;color:var(--green-800);font-weight:800}.app-shell{width:100%;max-width:100%;min-height:100vh;display:grid;grid-template-columns:272px minmax(0,1fr)}.sidebar{background:linear-gradient(180deg,#10251e,#16362a);color:#fff;min-height:100vh;position:sticky;top:0;height:100vh;padding:22px 18px;display:flex;flex-direction:column;z-index:30;box-shadow:12px 0 40px #10251e14}.brand-block{display:flex;align-items:center;gap:12px;padding:2px 4px 24px;border-bottom:1px solid rgba(255,255,255,.09)}.brand-mark{width:88px;height:40px;flex:0 0 88px;border-radius:14px;display:grid;place-items:center;padding:0 9px;background:linear-gradient(145deg,#cfb378,#9c7839);color:#13251f;font-family:Cinzel Decorative,Georgia,serif;font-weight:900;font-size:17px;letter-spacing:-.055em;white-space:nowrap;box-shadow:inset 0 1px #ffffff73}.brand-mark.large{width:150px;height:62px;flex-basis:150px;border-radius:17px;padding:0 14px;font-size:30px}.brand-name{font-family:Georgia,serif;letter-spacing:.1em;font-size:16px;font-weight:700}.brand-name.large-text{font-size:60px;line-height:1}.brand-subtitle{color:#ffffff94;font-size:12px;margin-top:3px}.menu-caption{margin:24px 10px 9px;color:#ffffff6b;letter-spacing:.18em;font-size:10px;font-weight:800}.nav-list{min-height:0;display:grid;gap:6px;overflow-y:auto;scrollbar-width:thin}.nav-item{width:100%;border:0;background:transparent;color:#ffffffc7;border-radius:13px;padding:11px 12px;display:grid;grid-template-columns:23px 1fr auto;align-items:center;gap:9px;text-align:left;transition:.18s ease}.nav-item:hover:not(.disabled){background:#ffffff12;color:#fff}.nav-item.active{background:linear-gradient(90deg,#cfb37838,#ffffff12);color:#f8e9c9;box-shadow:inset 2px 0 #cfb378}.nav-item.disabled{opacity:.48;cursor:default}.soon-pill{font-size:10px;padding:3px 7px;border-radius:999px;background:#ffffff14}.sidebar-footer{margin-top:auto;border-top:1px solid rgba(255,255,255,.09);padding-top:16px}.user-card{display:flex;align-items:center;gap:10px;padding:8px}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#cfb3782e;color:#ebd4a7;font-weight:800}.user-copy{min-width:0;display:grid;gap:2px}.user-copy strong{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-copy span{font-size:10px;color:#ffffff80}.signout-button{margin-top:8px;width:100%;border:0;background:#ffffff0f;color:#fffc;border-radius:12px;padding:10px 12px;display:flex;gap:8px;justify-content:center;align-items:center}.mobile-close,.mobile-menu{display:none!important}.main-area{width:100%;max-width:100%;min-width:0}.topbar{height:74px;background:#ffffffe0;backdrop-filter:blur(14px);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:14px;padding:0 32px;position:sticky;top:0;z-index:20}.topbar-kicker{color:var(--gold);font-weight:800;font-size:10px;letter-spacing:.16em}.topbar-title{font-weight:800;margin-top:2px}.topbar-refresh-button{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid #d8e5dc;border-radius:999px;padding:7px 11px;color:#315d47;background:#edf5f0;font-size:11px;font-weight:800;white-space:nowrap}.topbar-refresh-button:hover{background:#e1eee6}.page-wrap{width:100%;padding:34px;max-width:1500px;margin:0 auto}.page-heading-row{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px}.eyebrow{color:#8c6b30;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.12em;display:inline-flex;align-items:center;gap:6px}.page-title{margin:7px 0 5px;font-family:Georgia,serif;font-size:clamp(30px,4vw,45px);line-height:1;color:var(--green-950)}.page-subtitle{margin:0;color:var(--muted);max-width:680px}.feature-page{width:100%;max-width:100%;min-width:0;display:grid;gap:18px}.page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.page-heading h1{margin:7px 0 5px;color:var(--green-950);font-family:Georgia,serif;font-size:clamp(30px,4vw,45px);line-height:1}.page-heading p{max-width:760px;margin:0;color:var(--muted);font-size:13px;line-height:1.5}.success-box{display:flex;align-items:center;gap:7px}.profile-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.profile-form label{min-width:0;display:grid;gap:6px;color:#4b5b53;font-size:11px;font-weight:800}.profile-form input,.profile-form select{width:100%;min-width:0}.profile-form .wide-field{grid-column:1 / -1}.profile-password-box{padding:15px;border:1px solid var(--line);border-radius:14px;background:#f6f9f7}.profile-password-box h3{margin:0;color:var(--green-950);font-size:14px}.profile-password-box p{margin:4px 0 11px}.profile-password-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.android-push-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:15px}.android-push-panel h2{margin-top:7px}.android-push-panel .warning-box{grid-column:1 / -1}.permission-target-panel{display:grid;grid-template-columns:auto minmax(200px,1fr) minmax(200px,.8fr);align-items:end;gap:12px}.permission-target-panel label{min-width:0;display:grid;gap:6px;color:#4b5b53;font-size:11px;font-weight:800}.permission-scope-tabs{display:flex;gap:5px;padding:4px;border-radius:12px;background:#eef3f0}.permission-scope-tabs button{border:0;border-radius:9px;padding:10px 13px;color:#42534a;background:transparent;font-weight:800;white-space:nowrap}.permission-scope-tabs button.active{color:#fff;background:var(--green-800)}.inherit-toggle{grid-column:1 / -1;display:flex!important;grid-auto-flow:column;justify-content:start;align-items:center}.inherit-toggle input{width:18px;height:18px;padding:0;accent-color:var(--green-800)}.permission-search{position:relative}.permission-search svg{position:absolute;left:12px;bottom:12px;color:#7a867f}.permission-search input{padding-left:37px}.permission-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.permission-group-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.permission-group-head span{border-radius:999px;padding:5px 8px;color:#315d47;background:#edf5f0;font-size:10px;font-weight:900}.permission-check-grid{display:grid;gap:7px}.permission-check-grid>label{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:9px;padding:9px;border:1px solid var(--line);border-radius:10px;background:#fbfcfb}.permission-check-grid>label.checked{border-color:#b9d3c4;background:#eff7f2}.permission-check-grid input{width:17px;height:17px;padding:0;accent-color:var(--green-800)}.permission-check-grid strong,.permission-check-grid small{display:block;overflow-wrap:anywhere}.permission-check-grid strong{color:#34473d;font-size:11px}.permission-check-grid small{margin-top:2px;color:#849088;font-size:8px}.sticky-save-bar{position:sticky;bottom:12px;z-index:8;display:flex;justify-content:flex-end;padding:10px;border:1px solid rgba(220,228,223,.85);border-radius:14px;background:#ffffffe6;backdrop-filter:blur(10px);box-shadow:0 8px 30px #142d231a}.data-toolbar{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap}.data-toolbar label{min-width:185px;display:grid;gap:5px;color:#4b5b53;font-size:10px;font-weight:800}.data-toolbar label:has(svg){grid-template-columns:auto 1fr;align-items:center}.data-toolbar label:has(svg) input{grid-column:1 / -1}.storage-range-panel{display:grid;gap:14px}.storage-presets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.storage-presets button{border:1px solid #d9e4de;border-radius:12px;padding:11px;background:#f4f8f6;color:#263d33;font-weight:800}.storage-presets button.active{background:#1f513f;border-color:#1f513f;color:#fff}.storage-dates{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.storage-dates label,.storage-action-card label{display:grid;gap:6px;color:#4b5b53;font-size:11px;font-weight:800}.storage-actions-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.storage-action-card{min-width:0;display:grid;align-content:start;gap:12px;border:1px solid #dfe8e3;border-radius:16px;padding:18px}.storage-action-card h2{margin:0;font-size:16px}.storage-action-card p{margin:0;color:#68776f;line-height:1.55}.storage-action-card.danger-zone{background:snow;border-color:#f1cece}.search-field{position:relative}.search-field svg{position:absolute;left:11px;bottom:12px;color:#7b8981}.search-field input{padding-left:36px}.metric-grid.small{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-grid.small .metric-card{display:block}.responsive-data-table{width:100%;max-width:100%;overflow-x:auto}.responsive-data-table td small{display:block;margin-top:3px;color:var(--muted);font-size:9px}.audit-total{margin-left:auto;color:var(--green-800);font-weight:900}.audit-list{padding:0 18px}.audit-list article{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px 2px;border-bottom:1px solid var(--line)}.audit-list article:last-child{border-bottom:0}.audit-list p{margin:2px 0 0;overflow-wrap:anywhere}.audit-list time{color:var(--muted);font-size:10px}.audit-operation{border-radius:999px;padding:5px 7px;color:#315d47;background:#edf5f0;font-size:8px;font-weight:900;text-transform:uppercase}.audit-operation.delete{color:var(--danger);background:var(--danger-bg)}.first-login-warning{margin-bottom:18px;font-weight:800}.birthday-notice{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:10px;margin-bottom:18px;padding:13px 14px;border:1px solid #e4ca8f;border-radius:14px;color:#6e501b;background:#fff8df;box-shadow:0 8px 24px #684a1114}.birthday-notice div{min-width:0}.birthday-notice strong,.birthday-notice span{display:block}.birthday-notice span{margin-top:3px;font-size:11px;line-height:1.45}.birthday-notice button{border:1px solid #ddc47e;border-radius:9px;padding:7px 10px;color:#624714;background:#fff;font-weight:800}.birthday-notice .birthday-dismiss{width:31px;height:31px;padding:0;font-size:18px}.birthday-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.birthday-card{display:flex;align-items:center;gap:13px;padding:16px}.birthday-card.today{border-color:#d2b262;background:#fff9e7}.birthday-day{width:48px;height:48px;flex:0 0 48px;display:grid;place-items:center;border-radius:15px;color:#fff;background:var(--green-800);font-family:Georgia,serif;font-size:22px;font-weight:800}.birthday-card strong,.birthday-card span,.birthday-card em{display:block}.birthday-card span{margin-top:3px;color:var(--muted);font-size:10px}.birthday-card em{margin-top:5px;color:#8c651f;font-size:10px;font-style:normal;font-weight:900;text-transform:uppercase}.tour-table-panel{width:100%;max-width:100%;min-width:0;overflow:hidden}.tour-table{width:100%;max-width:100%;max-height:none;min-width:0;overflow-x:auto;overflow-y:visible;overscroll-behavior-x:contain;scrollbar-gutter:stable;-webkit-overflow-scrolling:touch}.tour-table:focus-visible{outline:3px solid rgba(33,70,57,.22);outline-offset:-3px}.tour-table table{width:max-content;min-width:100%}.tour-table td{white-space:nowrap}.tour-table th{position:sticky;top:0;z-index:4;color:#000;background:#a1948c;box-shadow:0 2px #231f1d2e;font-weight:800;text-align:center;white-space:normal}.tour-table .tour-col-status{width:72px;min-width:72px;max-width:72px;text-align:center;white-space:normal;overflow-wrap:anywhere}.tour-table .tour-col-remaining{width:58px;min-width:58px;max-width:58px;text-align:center;white-space:normal;overflow-wrap:anywhere}.tour-table .tour-col-room,.tour-table .tour-col-request{width:54px;min-width:54px;max-width:54px;text-align:center;white-space:normal;overflow-wrap:anywhere}.tour-table .tour-col-appointment{width:88px;min-width:88px;max-width:88px;white-space:normal;overflow-wrap:anywhere}.tour-table tr.tour-row-green td{color:#000;background:#92d050;font-weight:700}.tour-table tr.tour-row-yellow td{color:#000;background:#ffd966;font-weight:700}.tour-table tr.tour-row-red td{color:#000;background:#f66;font-weight:700}.tour-table tr.tour-row-break td{color:#000;background:#f4b183;font-weight:800}.tour-table tr.tour-row-idle td{color:#000;background:#d9ead3;font-weight:800}.tour-table tr.tour-row-leave td{color:#a6a6a6;background:#fff}.tour-table tr.tour-row-work td,.tour-table tr.tour-row-default td{color:#000;background:#fff}.tour-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-bottom:0}.metric-grid.small .metric-card.tour-metric-card{width:100%;min-height:44px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;border-radius:11px;padding:6px 10px;text-align:left;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.metric-grid.small .metric-card.tour-metric-card:hover{border-color:#a9c7b6;box-shadow:0 5px 16px #19322814}.metric-grid.small .metric-card.tour-metric-card:focus-visible{outline:3px solid rgba(33,70,57,.22);outline-offset:2px}.metric-grid.small .metric-card.tour-metric-card.active{border-color:#3e845f;box-shadow:inset 3px 0 #3e845f,0 5px 16px #19322814;background:#edf7f1}.metric-grid.small .metric-card.tour-metric-card span{min-width:0;font-size:11px;font-weight:800;line-height:1.1}.metric-grid.small .metric-card.tour-metric-card strong{margin:0;font-size:23px;line-height:1}.tour-metrics .tour-available-metric{border-color:#75b63e;background:#eaf7df}.tour-metrics .tour-break-metric{border-color:#e2a36c;background:#fff1e5}.tour-legend{margin:0}.tour-legend-grid{display:flex;flex-wrap:wrap;gap:8px}.tour-legend-grid span{border:1px solid rgba(0,0,0,.09);border-radius:999px;padding:7px 10px;color:#1e2c25;font-size:10px;font-weight:800}.tour-legend-grid .green{background:#92d050}.tour-legend-grid .yellow{background:#ffd966}.tour-legend-grid .red{background:#ff8b8b}.tour-legend-grid .blank{background:#fff}.tour-legend-grid .break{background:#f4b183}.tour-legend-grid .idle{background:#d9ead3}.tour-legend-grid .leave{color:#8a8a8a;background:#fff}.tour-countdown-note{margin-top:12px}.payroll-config-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.payroll-config-grid label,.payroll-obligation-form label,.payroll-refund-form label{display:grid;gap:6px;color:#4b5b53;font-size:11px;font-weight:800}.payroll-refund-form{display:grid;grid-template-columns:1.2fr .8fr .9fr 1.4fr auto;align-items:end;gap:10px}.payroll-setting-table{margin-top:12px}.payroll-file small{max-width:260px;overflow:hidden;color:var(--muted);font-size:9px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.payroll-draft-file-input{display:none}.payroll-draft-toolbar{margin-top:14px;padding:13px;border:1px solid var(--line);border-radius:13px;background:#f5f8f6;display:flex;align-items:center;justify-content:space-between;gap:12px}.payroll-draft-toolbar>div:first-child{min-width:0;display:grid;gap:3px}.payroll-draft-toolbar>div:first-child>strong{color:var(--green-950);font-size:12px}.payroll-draft-toolbar>div:first-child>small{color:var(--muted);font-size:10px;overflow-wrap:anywhere}.payroll-select-all{width:fit-content;display:flex;align-items:center;gap:8px;margin:-3px 0 10px;color:#44564c;font-size:11px;font-weight:800}.payroll-select-all input{width:18px;height:18px;padding:0;accent-color:var(--green-800)}.payroll-editor table{min-width:1800px}.payroll-editor td{vertical-align:top}.payroll-editor td small{display:block}.payroll-money-input{min-width:125px;padding:8px;text-align:right}.payroll-mobile-list{display:none}.department-payroll-page{order:880}.department-payroll-toolbar{display:flex;align-items:end;gap:10px;flex-wrap:wrap;margin:14px 0}.department-payroll-toolbar>label{min-width:180px}.department-payroll-tabs{display:flex;gap:8px;flex-wrap:wrap}.department-payroll-settings{margin:18px 0;padding:16px;border:1px solid #dce5e0;border-radius:14px;background:#f8fbf9}.department-payroll-settings-standalone{margin-bottom:0}.department-payroll-settings h3{margin:16px 0 10px}.payroll-calculation-mode{display:grid;gap:4px;padding:12px 14px;border-left:4px solid #1f684e;border-radius:8px;background:#edf7f2;color:#4e6259}.payroll-calculation-mode strong{color:#173d31}.department-rule-title{margin-top:18px}.department-email-grid{display:grid;grid-template-columns:minmax(280px,1fr) minmax(280px,1fr);gap:14px}.department-email-grid label{display:grid;gap:6px;margin-bottom:10px}.department-email-grid textarea{resize:vertical}.department-email-preview{padding:14px;border:1px solid #dfddd8;border-radius:12px;background:#fff}.department-email-preview pre{white-space:pre-wrap;font:13px/1.5 inherit;color:#48574f}.department-payroll-summary{display:grid;grid-template-columns:repeat(3,minmax(140px,1fr));gap:10px;margin:14px 0}.department-payroll-summary span{display:grid;gap:4px;padding:12px;border:1px solid #dce5e0;border-radius:12px;background:#f8fbf9;color:#64736b}.department-payroll-summary strong{font-size:18px;color:#183d31}.department-payroll-table{max-height:70vh}.department-payroll-table table{min-width:2450px}.department-payroll-table td>small{display:block;margin-top:3px}.department-payroll-table input:not([type=checkbox]){min-width:115px}.department-payroll-actions{position:sticky;bottom:8px;margin-top:14px;padding:10px;border:1px solid #dce5e0;border-radius:12px;background:#fffffff5;box-shadow:0 8px 22px #193d3114}@media(max-width:820px){.department-email-grid,.department-payroll-summary{grid-template-columns:1fr}.department-payroll-toolbar>*{flex:1 1 100%}.department-payroll-tabs button{flex:1}.department-payroll-settings{padding:10px}.department-payroll-actions{position:static}.department-payroll-page{padding-inline:0}}.payroll-obligation-form{display:grid;grid-template-columns:1fr .8fr .8fr 1.5fr auto;align-items:end;gap:10px;margin-bottom:14px}.payroll-obligation-groups{display:grid;gap:14px;margin-bottom:18px}.payroll-obligation-group{overflow:hidden;border:1px solid var(--line);border-radius:14px;background:#fafcfb}.payroll-obligation-group h3{margin:0;padding:10px 12px;color:#21372d;background:#e7ebee;font-size:14px}.payroll-obligation-group>.responsive-data-table,.payroll-obligation-details>.responsive-data-table{padding:10px}.payroll-obligation-details{margin:8px;border:1px solid #d7dfdb;border-radius:11px;background:#fff}.payroll-obligation-details summary{cursor:pointer;padding:10px 12px;color:#243a30;font-size:11px;font-weight:900}.payroll-history-metrics{margin-top:16px}.panel-title-row h2:has(svg){display:inline-flex;align-items:center;gap:7px}.date-toolbar{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap;background:#fff;padding:12px;border:1px solid var(--line);border-radius:15px;box-shadow:0 8px 24px #1e372c0a;margin-bottom:18px}.date-toolbar button{border:0;padding:9px 13px;border-radius:10px;background:#f2f5f3;color:#32433a;font-weight:700}.date-toolbar button:hover{background:#e7efe9}.range-toolbar{justify-content:space-between}.viewed-date-toolbar{justify-content:flex-start}.statistics-filter-toolbar{margin:0 0 12px}.statistics-title-actions{min-width:fit-content}.statistics-employee-search{display:flex;align-items:end;gap:8px;flex-wrap:wrap}.statistics-employee-search-field{flex:1 1 280px}.statistics-search-actions{display:flex;gap:7px;flex-wrap:wrap}.range-filter-buttons{display:flex;gap:7px;flex-wrap:wrap;align-items:center}.date-toolbar .range-filter-buttons button.active{background:var(--green-800);color:#fff;box-shadow:0 6px 14px #21463929}.date-toolbar .watch-current-date-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;border:1px solid #d9e4dd;background:#f5f8f6}.date-toolbar .watch-current-date-button.active{color:#704d13;border-color:#e2c786;background:#fff6dd}.date-toolbar .push-toggle-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;border:1px solid #d9e4dd;background:#f5f8f6}.date-toolbar .push-toggle-button.active{color:#fff;border-color:#214639;background:#214639}.push-support-note{flex:1 0 100%;color:#8a5e17;font-size:11px;line-height:1.4}.push-status-box{margin:-7px 0 18px}.custom-range{display:flex;gap:8px;flex-wrap:wrap}.date-input-group{display:grid;gap:5px;min-width:178px}.date-input-label{color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.date-picker-control{min-width:178px;min-height:40px;position:relative;border:1px solid var(--line);border-radius:10px;padding:8px 11px;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--ink);cursor:pointer}.date-picker-control:focus-within{border-color:#8bad9a;box-shadow:0 0 0 3px #4f78621a}.date-picker-native{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;opacity:0;cursor:pointer}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.metric-card{background:#fff;border:1px solid var(--line);border-radius:17px;padding:18px;display:flex;gap:13px;align-items:center;box-shadow:0 9px 28px #1932280b}.metric-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:var(--green-100);color:var(--green-800)}.metric-card span{display:block;color:var(--muted);font-size:12px}.metric-card strong{display:block;font-family:Georgia,serif;color:var(--green-950);font-size:28px;line-height:1.1;margin-top:3px}.content-grid{width:100%;max-width:100%;min-width:0;display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"registration" "statistics" "list";gap:18px;align-items:start}.panel{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:0 10px 30px #142d230b}.registration-panel{grid-area:registration;width:100%;max-width:100%;min-width:0;overflow:hidden}.daily-summary-panel{grid-area:statistics;width:100%;max-width:100%;min-width:0;margin-bottom:0;overflow:hidden}.leave-list-panel{grid-area:list;width:100%;max-width:100%;min-width:0;overflow:hidden}.panel-title-row{display:flex;gap:12px;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.panel h2{margin:0;color:var(--green-950);font-size:18px}.panel p{margin:5px 0 0;color:var(--muted);font-size:12px}.penalty-chip{white-space:nowrap;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:800;color:#7f5626;background:var(--gold-soft)}.leave-form{width:100%;max-width:100%;min-width:0;display:grid;gap:8px}.leave-form>*{max-width:100%;min-width:0}.leave-form label,.login-card label{color:#4b5b53;font-size:12px;font-weight:800;margin-top:5px}input,select,textarea{width:100%;border:1px solid #dce4df;border-radius:11px;padding:11px 12px;background:#fcfdfc;color:var(--ink);outline:none;transition:.15s ease}input:focus,select:focus,textarea:focus{border-color:#8bad9a;box-shadow:0 0 0 3px #4f78621a;background:#fff}textarea{resize:vertical}.primary-button,.secondary-button{border:0;border-radius:11px;padding:11px 15px;display:inline-flex;justify-content:center;align-items:center;gap:7px;font-weight:800}.primary-button{color:#fff;background:linear-gradient(180deg,#244f3f,#173c30);box-shadow:0 7px 16px #173c3026}.secondary-button{color:#28463a;background:#fff;border:1px solid var(--line)}.danger-button{border:1px solid #efc6c6;border-radius:11px;padding:11px 15px;display:inline-flex;justify-content:center;align-items:center;gap:7px;color:#922727;background:#fff5f5;font-weight:800}.compact{padding:7px 10px;font-size:11px}.list-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.list-action-notice{width:100%;display:flex;align-items:flex-start;gap:10px;margin:-4px 0 12px;padding:11px 12px;border:1px solid;border-radius:12px}.list-action-notice.success{color:var(--success);border-color:#c5e3d1;background:var(--success-bg)}.list-action-notice.error{color:var(--danger);border-color:#efc7c7;background:var(--danger-bg)}.list-action-notice.delete.success{color:#765018;border-color:#ead5aa;background:#fff8e9}.list-action-notice-icon{width:30px;height:30px;flex:0 0 30px;display:grid;place-items:center;border-radius:9px;background:#ffffffb8}.list-action-notice-copy{min-width:0;display:grid;gap:2px;line-height:1.35}.list-action-notice-copy strong{font-size:11px;letter-spacing:.035em}.list-action-notice-copy span{font-size:11px;overflow-wrap:anywhere}.list-action-notice-close{width:28px;height:28px;flex:0 0 28px;margin-left:auto;display:grid;place-items:center;border:0;border-radius:8px;padding:0;color:currentColor;background:transparent}.list-action-notice-close:hover{background:#ffffffb8}.list-filter-toolbar{display:grid;gap:9px;margin-bottom:12px;padding:10px;border:1px solid var(--line);border-radius:13px;background:#f7f9f8}.list-range-buttons{display:flex;gap:6px;flex-wrap:wrap}.list-range-buttons button{border:0;padding:8px 11px;border-radius:9px;color:#33463c;background:#edf2ef;font-size:11px;font-weight:800}.list-range-buttons button.active{color:#fff;background:var(--green-800);box-shadow:0 5px 12px #21463924}.list-custom-range{justify-content:flex-start}.employee-search-field{width:min(380px,100%);display:grid;gap:5px}.employee-search-field>span{display:inline-flex;align-items:center;gap:6px;color:#4b5b53;font-size:11px;font-weight:800}.employee-search-field input{background:#fff}.select-column{width:58px;min-width:58px;text-align:center}.select-column input{width:18px;height:18px;padding:0;accent-color:var(--green-800)}.reason-edit-cell{min-width:240px}.reason-edit-cell select{min-width:220px;padding:8px 9px}.leave-list-wrap{max-width:100%}.leave-file-input{display:none}.leave-records-table .weekday-cell{white-space:nowrap}.full{width:100%}.text-button{border:0;background:transparent;color:#466b59;font-weight:700}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;color:#758179;font-size:10px;text-transform:uppercase;letter-spacing:.08em;padding:10px;border-bottom:1px solid var(--line)}td{padding:13px 10px;border-bottom:1px solid #eef1ef}tr:last-child td{border-bottom:0}.right{text-align:right}.center{text-align:center}.detail-cell{min-width:150px;color:#526159}.daily-summary-wrap{width:100%;max-width:100%;overflow-x:clip}.daily-summary-table{width:100%;min-width:0;table-layout:fixed}.daily-summary-table.with-penalty .daily-col-date{width:17%}.daily-summary-table.with-penalty .daily-col-weekday{width:11%}.daily-summary-table.with-penalty .daily-col-total{width:12%}.daily-summary-table.with-penalty .daily-col-paid,.daily-summary-table.with-penalty .daily-col-generated{width:13%}.daily-summary-table.with-penalty .daily-col-unpaid{width:14%}.daily-summary-table.with-penalty .daily-col-penalty{width:20%}.daily-summary-table.without-penalty .daily-col-date{width:22%}.daily-summary-table.without-penalty .daily-col-weekday{width:16%}.daily-summary-table.without-penalty .daily-col-total{width:15%}.daily-summary-table.without-penalty .daily-col-paid{width:16%}.daily-summary-table.without-penalty .daily-col-generated{width:15%}.daily-summary-table.without-penalty .daily-col-unpaid{width:16%}.daily-summary-table th{padding:8px 6px}.daily-summary-table td{padding:8px 6px;line-height:1.2;overflow-wrap:anywhere}.daily-summary-table tr.selected-day-row td{background:#fbfdfb}.daily-summary-table .money-cell{min-width:0;white-space:normal}.compact-column-label{display:none}.date-link{border:0;padding:0;color:#203c31;background:transparent;font-weight:800;text-decoration:underline;text-decoration-color:#b9cabf;text-underline-offset:3px}.date-link:hover{color:#0c6b43}.daily-summary-table .date-link{text-decoration:none}.daily-date-actions{display:flex;align-items:center;gap:5px;min-width:0}.watch-date-icon{width:25px;height:25px;flex:0 0 25px;border:0;border-radius:999px;display:inline-grid;place-items:center;color:#6d7d74;background:#f0f4f1}.watch-date-icon.active{color:#8b6015;background:#fff1c7}.watch-date-icon.ringing svg,.watch-current-date-button.ringing svg,.watch-ringing-icon{animation:watch-bell-shake .72s ease-in-out infinite;transform-origin:50% 12%}.watch-date-icon:disabled,.watch-current-date-button:disabled{opacity:.55;cursor:wait}.watch-notification-panel{display:grid;gap:10px;margin:-3px 0 18px;padding:14px;border:1px solid #ead49b;border-radius:15px;color:#604715;background:#fff9e8;box-shadow:0 8px 22px #63460f0f}.watch-notification-panel.ringing{animation:watch-alert-pulse 1.8s ease-in-out infinite}.watch-notification-heading{display:flex;align-items:flex-start;gap:9px}.watch-notification-heading strong,.watch-notification-heading span{display:block}.watch-notification-heading span{margin-top:2px;color:#846d3c;font-size:11px}.watch-ringing-button{width:34px;height:34px;flex:0 0 34px;display:inline-grid;place-items:center;border:1px solid #ddc47e;border-radius:999px;padding:0;color:#8b6015;background:#fff}.watch-sound-hint{color:#a23025!important;font-weight:800}.watch-notification-list{display:grid;gap:7px}.watch-notification-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 10px;border-radius:10px;background:#ffffffbf;font-size:12px}.watch-notification-item button{flex:0 0 auto;border:1px solid #ddc47e;border-radius:9px;padding:7px 10px;color:#624714;background:#fff;font-weight:800}.watch-error-box{margin:-4px 0 18px}.daily-stat-value{font-weight:500}.paid-stat.paid-limit-full{color:#c51f1f;font-size:1.3em;font-weight:900}.money-cell{min-width:130px;white-space:nowrap}.empty-cell{text-align:center;color:var(--muted);padding:30px}.error-box,.success-box,.warning-box,.setup-note{border-radius:11px;padding:10px 12px;font-size:12px}.error-box{background:var(--danger-bg);color:var(--danger);border:1px solid #f0cccc}.success-box{background:var(--success-bg);color:var(--success);border:1px solid #cbe8d7}.warning-box{margin-bottom:16px;background:var(--warning-bg);color:var(--warning);border:1px solid #f0dfb6}.setup-note{background:#f4f6f5;color:var(--muted)}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes watch-bell-shake{0%,to{transform:rotate(0) scale(1)}15%{transform:rotate(18deg) scale(1.08)}30%{transform:rotate(-16deg) scale(1.08)}45%{transform:rotate(12deg) scale(1.05)}60%{transform:rotate(-9deg) scale(1.03)}75%{transform:rotate(5deg) scale(1.01)}}@keyframes watch-alert-pulse{0%,to{box-shadow:0 8px 22px #63460f0f}50%{box-shadow:0 8px 26px #be80143d}}.login-screen{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(420px,.9fr);background:#fff}.login-visual{min-height:100vh;position:relative;overflow:hidden;color:#fff;background:radial-gradient(circle at 20% 15%,rgba(207,179,120,.22),transparent 28%),linear-gradient(145deg,#0d211a,#173d2f 62%,#244c3b);padding:clamp(35px,6vw,80px);display:flex;flex-direction:column}.login-brand-row{display:flex;align-items:center;gap:14px;position:relative;z-index:2}.login-pitch{margin:auto 0;max-width:680px;position:relative;z-index:2}.login-pitch .eyebrow{color:#e7cca0}.login-pitch h1{font-family:Lavishly Yours,cursive;font-size:clamp(58px,6vw,86px);font-weight:700;line-height:.92;margin:15px 0 20px;letter-spacing:0}.login-pitch h1 span{display:block}.login-pitch p{color:#ffffffa8;font-size:16px;line-height:1.7;max-width:610px}.login-contact{display:grid;gap:8px;margin-top:30px}.login-contact p{margin:0;display:flex;align-items:center;gap:9px;color:#ffffffd1}.map-button{width:fit-content;margin-top:8px;padding:11px 17px;border:1px solid rgba(255,255,255,.14);border-radius:11px;display:inline-flex;align-items:center;justify-content:center;gap:8px;color:#fff;background:#2a4b3c;text-decoration:none;font-weight:800;box-shadow:0 9px 20px #05191138;transition:.18s ease}.map-button:hover{background:#1f382c;transform:translateY(-1px)}.visual-glow{position:absolute;border-radius:50%;filter:blur(4px)}.visual-glow.one{width:360px;height:360px;right:-120px;top:12%;background:#c49e581f}.visual-glow.two{width:260px;height:260px;left:12%;bottom:-90px;background:#ffffff0f}.login-panel{display:grid;place-items:center;padding:32px;background:#f7f8f6}.login-card{width:min(420px,100%);background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:0 24px 80px #1432261c;padding:30px;display:grid;gap:9px}.login-card h2{margin:5px 0 0;font-family:Georgia,serif;color:var(--green-950);font-size:30px}.login-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:var(--green-100);color:var(--green-800)}.muted{color:var(--muted);margin:0 0 9px}.icon-button{border:0;background:transparent;display:grid;place-items:center}.sidebar-backdrop{display:none}.staff-page{width:100%;max-width:100%;min-width:0;display:grid;gap:18px}.staff-page .page-heading-row,.staff-page .metric-grid{margin-bottom:0}.staff-notice{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px 14px;border:1px solid;border-radius:13px;font-size:12px}.staff-notice.success{color:var(--success);border-color:#c5e3d1;background:var(--success-bg)}.staff-notice.error{color:var(--danger);border-color:#efc7c7;background:var(--danger-bg)}.staff-notice strong{font-size:10px;letter-spacing:.06em}.staff-notice button{width:28px;height:28px;border:0;border-radius:8px;color:currentColor;background:#ffffff8c;font-size:20px;line-height:1}.staff-control-panel{display:grid;gap:12px;padding:14px}.staff-toolbar{display:grid;grid-template-columns:minmax(240px,1fr) repeat(3,minmax(150px,210px));gap:9px}.staff-search{min-width:0;position:relative}.staff-search svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);z-index:1;color:#718078;pointer-events:none}.staff-search input{padding-left:38px}.staff-actionbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.staff-actionbar .danger-button{margin-left:auto}.staff-file-input{display:none}.staff-form-panel h2,.staff-list-panel h2{letter-spacing:.025em}.staff-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.staff-form-grid label{min-width:0;display:grid;gap:6px;color:#4b5b53;font-size:11px;font-weight:800}.staff-form-grid .span-2{grid-column:1 / -1}.staff-form-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:3px}.staff-list-panel{width:100%;max-width:100%;min-width:0;overflow:hidden}.staff-desktop-table{width:100%;max-width:100%;overflow:hidden;border:1px solid var(--line);border-radius:13px}.staff-table{width:100%;min-width:0;table-layout:fixed;font-size:10px}.staff-table .staff-col-select{width:4%}.staff-table .staff-col-employee{width:12%}.staff-table .staff-col-role{width:8%}.staff-table .staff-col-status{width:11%}.staff-table .staff-col-shift{width:20%}.staff-table .staff-col-date{width:11%}.staff-table .staff-col-cycle{width:15%}.staff-table .staff-col-lock{width:5%}.staff-table .staff-col-profile,.staff-table .staff-col-admin{width:7%}.staff-table th{min-width:0;padding:7px 4px;background:#f1f5f2;font-size:9px;line-height:1.15;white-space:normal;overflow-wrap:anywhere}.staff-table td{min-width:0;padding:7px 4px;vertical-align:middle;overflow:hidden}.staff-table td>strong,.staff-table td>small{display:block}.staff-table td>strong{color:var(--green-950);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.staff-table td>small{max-width:100%;margin-top:2px;color:var(--muted);font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.staff-table select,.staff-table input[type=date]{width:100%;max-width:100%;min-width:0;padding:6px 4px;border-radius:7px;font-size:10px;text-overflow:ellipsis}.staff-table td:nth-child(3) select{padding-inline:3px;font-size:9px}.staff-table input[type=checkbox]{width:17px;height:17px;padding:0;accent-color:var(--green-800)}.staff-table .staff-edit-button,.staff-table .danger-button{width:100%;min-width:0;display:inline-flex;align-items:center;justify-content:center;gap:3px;padding:6px 3px;font-size:9px;white-space:nowrap}.staff-table .staff-edit-button svg,.staff-table .danger-button svg{width:12px;height:12px;flex:0 0 12px}.staff-left-row td{background:#fff7f7}.staff-incomplete-row td{background:#fff7d9}.staff-incomplete-row td:first-child{box-shadow:inset 4px 0 #d49a22}.staff-left-row.staff-incomplete-row td{background:#fff1dd}.staff-incomplete-badge{width:fit-content;max-width:100%;display:inline-flex;margin-top:4px;border-radius:999px;padding:2px 5px;color:#795514;background:#ffe7a6;font-size:8px;font-weight:900;line-height:1.2;white-space:nowrap}.staff-mobile-list{display:none}.empty-cell svg{display:inline-block;vertical-align:middle;margin-right:6px}@media(min-width:821px)and (max-width:1280px){.staff-desktop-table{display:none}.staff-mobile-list{display:grid;gap:9px}.staff-mobile-card{min-width:0;padding:11px;border:1px solid var(--line);border-radius:13px;background:#fbfcfb}.staff-mobile-card.left{border-color:#efd6d6;background:#fff8f8}.staff-mobile-card.incomplete{border-color:#e3bd67;background:#fff8df;box-shadow:inset 4px 0 #d49a22}.staff-mobile-card.left.incomplete{background:#fff1dd}.staff-mobile-head{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:8px;padding-bottom:9px;border-bottom:1px solid var(--line)}.staff-mobile-head>label{min-width:0;display:flex;align-items:center;gap:8px}.staff-mobile-head input{width:18px;height:18px;flex:0 0 18px;padding:0;accent-color:var(--green-800)}.staff-mobile-head span,.staff-mobile-head strong,.staff-mobile-head small{min-width:0;display:block}.staff-mobile-head strong{color:var(--green-950);font-size:13px}.staff-mobile-head small{max-width:320px;margin-top:2px;color:var(--muted);font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.staff-mobile-head .list-actions{max-width:100%;display:flex;justify-content:flex-end;gap:5px;flex-wrap:wrap}.staff-mobile-head button{display:inline-flex;align-items:center;gap:4px;padding:5px;font-size:10px;white-space:nowrap}.staff-mobile-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7px;padding-top:9px}.staff-mobile-fields label{min-width:0;display:grid;gap:4px;color:#68746d;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.staff-mobile-fields .span-2{grid-column:1 / -1}.staff-mobile-fields select,.staff-mobile-fields input[type=date]{min-width:0;width:100%;padding:8px 6px;border-radius:8px;font-size:10px;text-transform:none;letter-spacing:0}.staff-mobile-fields .staff-lock-field{grid-column:1 / -1;display:flex;flex-direction:row;align-items:center;gap:7px;padding-top:3px}}.rules-page{width:100%;max-width:100%;min-width:0;display:grid;gap:18px}.rules-page .page-heading-row,.rules-page .metric-grid{margin-bottom:0}.rules-notice{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px 14px;border:1px solid;border-radius:13px;font-size:12px}.rules-notice.success{color:var(--success);border-color:#c5e3d1;background:var(--success-bg)}.rules-notice.error{color:var(--danger);border-color:#efc7c7;background:var(--danger-bg)}.rules-notice strong{font-size:10px;letter-spacing:.06em}.rules-notice button{width:28px;height:28px;border:0;border-radius:8px;color:currentColor;background:#ffffff8c;font-size:20px;line-height:1}.rules-metrics .metric-small-value{max-width:190px;font-family:inherit;font-size:13px;line-height:1.25}.daily-quota-panel{min-width:0;display:grid;gap:13px;overflow:hidden}.daily-quota-panel h2{letter-spacing:.025em}.daily-quota-table-wrap{width:100%;min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:13px}.daily-quota-table{width:100%;table-layout:fixed}.daily-quota-table th,.daily-quota-table td{width:33.333%;padding:9px 12px;text-align:center}.daily-quota-table th:first-child,.daily-quota-table td:first-child{text-align:left}.daily-quota-table input{width:86px;max-width:100%;padding:7px 8px;text-align:center;border-radius:8px;font-weight:800}.daily-quota-footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.daily-quota-footer>span{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:10px}.rules-control-panel{display:grid;gap:12px;padding:14px}.rules-toolbar{display:grid;grid-template-columns:minmax(260px,1fr) minmax(300px,.85fr) minmax(350px,1fr);gap:9px}.rules-search{min-width:0;position:relative}.rules-search svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);z-index:1;color:#718078;pointer-events:none}.rules-search input{padding-left:38px}.rules-add-column,.rules-delete-column{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px}.rules-add-column button,.rules-delete-column button{white-space:nowrap}.rules-actionbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.rules-actionbar .rules-delete-rows{margin-left:auto}.rules-file-input{display:none}.rules-view-note{display:flex;align-items:center;gap:7px;padding:9px 11px;border-radius:10px;color:#5f694f;background:#f3f6ee;font-size:11px}.rules-grid-panel{min-width:0;overflow:hidden}.rules-grid-panel h2{letter-spacing:.025em}.rules-unsaved-chip{flex:0 0 auto;padding:6px 10px;border-radius:999px;color:#78551d;background:#fff3d8;font-size:10px;font-weight:900}.rules-desktop-table{max-width:100%;max-height:min(68vh,780px);border:1px solid var(--line);border-radius:13px;overflow:auto}.rules-table{width:max-content;min-width:100%}.rules-table th{position:sticky;top:0;z-index:2;min-width:130px;padding:8px;background:#eef3f0;white-space:normal}.rules-table th.required:after{content:" *";color:#b33131}.rules-table td{min-width:130px;max-width:330px;padding:5px;vertical-align:top}.rules-table th:nth-child(2),.rules-table td:nth-child(2){min-width:65px}.rules-table th:nth-child(3),.rules-table td:nth-child(3){min-width:230px}.rules-table th:nth-child(4),.rules-table td:nth-child(4){min-width:135px}.rules-table input{min-width:120px;padding:7px 8px;border-radius:8px;font-size:11px}.rules-table td>span{display:block;max-height:110px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}.rules-table .rules-select-column{min-width:54px;width:54px;text-align:center}.rules-table input[type=checkbox]{min-width:0;width:17px;height:17px;padding:0;accent-color:var(--green-800)}.rules-mobile-list{display:none}@media(max-width:1050px){.metric-grid{grid-template-columns:repeat(2,1fr)}.content-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"registration" "statistics" "list"}}@media(max-width:820px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;left:0;top:0;width:min(86vw,310px);transform:translate(-102%);transition:transform .22s ease}.sidebar.open{transform:translate(0)}.sidebar-backdrop{display:block;position:fixed;inset:0;z-index:25;border:0;background:#0a140f73}.mobile-close{display:grid!important;color:#fff;margin-left:auto}.mobile-menu{display:grid!important;width:40px;height:40px;border-radius:11px;background:#eef3ef;color:#24493a}.topbar{min-height:66px;height:auto;padding:8px 14px;gap:10px}.topbar>div{min-width:0}.topbar-kicker{font-size:9px;letter-spacing:.12em}.topbar-title{font-size:14px;line-height:1.2}.topbar-refresh-button{padding:6px 9px;font-size:10px}.page-wrap{padding:18px 12px 30px}.login-screen{grid-template-columns:1fr}.login-visual{min-height:330px;padding:28px 24px}.brand-mark.large{width:116px;height:52px;flex-basis:116px;padding:0 10px;font-size:23px}.login-brand-row .brand-name.large-text{font-size:42px}.login-pitch h1{font-size:clamp(41px,10.5vw,60px)}.login-pitch p{font-size:14px}.login-panel{padding:20px 14px 30px}}@media(max-width:820px){.mobile-menu{width:36px;height:36px;flex:0 0 36px}.topbar{padding-inline:10px}.topbar-title{font-size:12px}.topbar-refresh-button{padding:6px 8px;font-size:9px}.page-wrap{padding:14px 8px 24px}.page-heading-row{display:flex;align-items:center;gap:10px;margin-bottom:13px}.page-title{margin:0;font-size:33px}.page-heading-row .secondary-button{width:auto;margin-left:auto;padding:9px 11px;white-space:nowrap}.metric-grid{grid-template-columns:1fr 1fr;gap:7px;margin-bottom:12px}.metric-card{min-width:0;padding:10px 9px;gap:8px;border-radius:14px}.metric-icon{width:32px;height:32px;flex:0 0 32px;border-radius:10px}.metric-card span{font-size:10px;line-height:1.15}.metric-card strong{font-size:21px;margin-top:1px}.date-toolbar{gap:7px;padding:8px;margin-bottom:12px;border-radius:13px}.range-filter-buttons{display:grid;grid-template-columns:1fr 1fr;gap:5px;width:100%}.date-toolbar button{padding:8px 6px;font-size:12px}.range-filter-buttons button:last-child{grid-column:1 / -1}.custom-range,.date-input-group,.date-picker-control{width:100%}.date-input-group{min-width:0}.date-input-group{gap:4px}.date-picker-control{min-width:0;min-height:38px;padding:7px 9px;font-size:13px}.date-toolbar .watch-current-date-button,.date-toolbar .push-toggle-button{width:100%;min-height:38px}.push-support-note{font-size:9px}.push-status-box{margin:-5px 0 12px}.watch-notification-panel{margin-bottom:12px;padding:10px;border-radius:13px}.watch-notification-heading strong{font-size:12px}.watch-notification-heading span{font-size:9px;line-height:1.35}.watch-notification-item{align-items:flex-start;padding:8px;font-size:10px;line-height:1.35}.watch-notification-item button{padding:6px 8px;font-size:9px}.content-grid{gap:12px}.panel{min-width:0;padding:14px 11px;border-radius:15px}.panel-title-row{margin-bottom:11px}.panel h2{font-size:17px}.panel p{font-size:10px;line-height:1.4}.registration-panel .leave-form{gap:6px}.registration-panel .leave-form label{font-size:11px;margin-top:3px}.registration-panel input,.registration-panel select,.registration-panel textarea{padding:9px 10px;border-radius:9px;font-size:14px}.registration-panel textarea{min-height:72px}.registration-panel .primary-button{padding:10px 12px}.daily-summary-panel{padding:12px 6px}.daily-summary-panel .panel-title-row{margin:0 4px 9px}.daily-summary-panel .panel-title-row h2{font-size:15px}.daily-summary-panel .panel-title-row p{font-size:9px;line-height:1.3}.daily-summary-panel .statistics-title-actions{display:grid;grid-template-columns:1fr;width:auto;min-width:112px;gap:5px}.daily-summary-panel .statistics-title-actions .penalty-chip{padding:6px 7px;font-size:8px;text-align:center;white-space:normal}.daily-summary-panel .statistics-title-actions button{width:100%;padding:7px 6px;font-size:9px}.statistics-employee-search{display:grid;grid-template-columns:minmax(0,1fr);width:100%}.statistics-search-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.statistics-search-actions button{width:100%}.daily-summary-table{font-size:clamp(7px,2.25vw,9px);line-height:1.1}.daily-summary-table th{padding:5px 1px;font-size:clamp(6.5px,2vw,8px);letter-spacing:0;text-transform:none;overflow-wrap:anywhere}.daily-summary-table td{padding:5px 1px}.daily-summary-table .date-link{font-size:.88em;font-weight:700;letter-spacing:-.04em;white-space:nowrap}.daily-date-actions{justify-content:center;gap:1px}.watch-date-icon{width:16px;height:16px;flex-basis:16px;padding:0}.watch-date-icon svg{width:9px;height:9px}.daily-summary-table .money-cell{font-size:.82em;letter-spacing:-.04em}.daily-summary-table .paid-stat.paid-limit-full{font-size:1.28em}.full-column-label{display:none}.compact-column-label{display:inline}.leave-list-panel .panel-title-row{display:flex;align-items:flex-start;gap:8px}.leave-list-panel .panel-title-row>div{min-width:0;flex:1}.leave-list-panel .panel-title-row>button{flex:0 0 auto;padding:8px 10px;white-space:nowrap}.leave-list-panel .list-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;width:100%;margin-top:9px}.leave-list-panel .list-actions button{width:100%;min-width:0;padding:8px 5px;font-size:9px;white-space:nowrap}.leave-list-panel .penalty-chip{grid-column:1 / -1;text-align:center}.list-action-notice{gap:8px;margin-top:-2px;padding:9px}.list-action-notice-icon{width:27px;height:27px;flex-basis:27px}.list-action-notice-copy strong,.list-action-notice-copy span{font-size:9px}.list-filter-toolbar{gap:7px;padding:8px;margin-bottom:9px}.list-range-buttons{display:grid;grid-template-columns:1fr 1fr;gap:5px;width:100%}.list-range-buttons button{width:100%;padding:8px 4px;font-size:9px}.list-range-buttons button:last-child{grid-column:1 / -1}.list-custom-range{display:grid;grid-template-columns:1fr 1fr;width:100%}.list-custom-range .date-input-group,.list-custom-range .date-picker-control{min-width:0;width:100%}.employee-search-field{width:100%}.employee-search-field input{padding:8px 9px;font-size:12px}.leave-list-wrap{width:100%;overflow-x:clip}.leave-records-table{width:100%;min-width:0;table-layout:fixed;font-size:10px}.leave-records-table.without-penalty .leave-col-select{width:8%}.leave-records-table.without-penalty .leave-col-date{width:13%}.leave-records-table.without-penalty .leave-col-weekday{width:9%}.leave-records-table.without-penalty .leave-col-employee{width:15%}.leave-records-table.without-penalty .leave-col-reason{width:30%}.leave-records-table.without-penalty .leave-col-detail{width:25%}.leave-records-table.with-penalty .leave-col-select{width:7%}.leave-records-table.with-penalty .leave-col-date{width:11%}.leave-records-table.with-penalty .leave-col-weekday{width:8%}.leave-records-table.with-penalty .leave-col-employee{width:13%}.leave-records-table.with-penalty .leave-col-reason{width:24%}.leave-records-table.with-penalty .leave-col-detail{width:23%}.leave-records-table.with-penalty .leave-col-penalty{width:14%}.leave-records-table th{padding:5px 2px;font-size:7px;letter-spacing:.03em;overflow-wrap:anywhere}.leave-records-table td{padding:7px 2px;vertical-align:middle;overflow-wrap:anywhere}.leave-records-table .select-column{width:auto;min-width:0}.leave-records-table .select-column input{width:16px;height:16px}.leave-records-table .reason-edit-cell,.leave-records-table .detail-cell{min-width:0}.leave-records-table .reason-edit-cell select{min-width:0;padding:7px 3px;border-radius:8px;font-size:10px}.leave-records-table .list-date-link{font-size:7px;font-weight:700;letter-spacing:-.05em;white-space:nowrap}.leave-records-table .weekday-cell{font-size:7px;letter-spacing:-.04em;white-space:normal}.leave-records-table .detail-cell{font-size:9px;line-height:1.25}.leave-records-table .money-cell,.leave-records-table td.right{min-width:0;font-size:7px;white-space:normal;letter-spacing:-.03em}.login-contact{margin-top:20px}.map-button{width:100%}.staff-page{gap:12px}.staff-heading{align-items:flex-end}.staff-heading .page-subtitle{display:none}.staff-heading .eyebrow{font-size:8px}.staff-heading .page-title{font-size:31px}.staff-heading .secondary-button{font-size:10px}.staff-metrics{grid-template-columns:1fr 1fr}.staff-control-panel{padding:10px;gap:9px}.staff-toolbar{grid-template-columns:1fr 1fr;gap:6px}.staff-search{grid-column:1 / -1}.staff-toolbar input,.staff-toolbar select{min-width:0;padding:9px 8px;font-size:11px}.staff-search input{padding-left:34px}.staff-actionbar{display:grid;grid-template-columns:1fr 1fr;gap:6px}.staff-actionbar button{width:100%;min-width:0;margin:0!important;padding:9px 5px;font-size:9px;white-space:nowrap}.staff-notice{grid-template-columns:minmax(0,1fr) auto;gap:3px 8px;padding:10px;font-size:10px}.staff-notice strong{grid-column:1;font-size:8px}.staff-notice span{grid-column:1;overflow-wrap:anywhere}.staff-notice button{grid-column:2;grid-row:1 / 3}.staff-form-grid{grid-template-columns:minmax(0,1fr);gap:9px}.staff-form-grid .span-2{grid-column:auto}.staff-form-actions{display:grid;grid-template-columns:1fr 1fr}.staff-form-panel{overflow:hidden}.staff-form-panel input,.staff-form-panel select{min-width:0;padding:9px 10px;font-size:13px}.staff-desktop-table{display:none}.staff-mobile-list{display:grid;gap:9px}.staff-mobile-card{min-width:0;padding:11px;border:1px solid var(--line);border-radius:13px;background:#fbfcfb}.staff-mobile-card.left{border-color:#efd6d6;background:#fff8f8}.staff-mobile-card.incomplete{border-color:#e3bd67;background:#fff8df;box-shadow:inset 4px 0 #d49a22}.staff-mobile-card.left.incomplete{background:#fff1dd}.staff-mobile-head{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:8px;padding-bottom:9px;border-bottom:1px solid var(--line);flex-wrap:wrap}.staff-mobile-head>label{min-width:0;display:flex;align-items:center;gap:8px}.staff-mobile-head input{width:18px;height:18px;flex:0 0 18px;padding:0;accent-color:var(--green-800)}.staff-mobile-head span,.staff-mobile-head strong,.staff-mobile-head small{min-width:0;display:block}.staff-mobile-head strong{color:var(--green-950);font-size:13px}.staff-mobile-head small{max-width:180px;margin-top:2px;color:var(--muted);font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.staff-mobile-head .list-actions{max-width:100%;display:flex;justify-content:flex-end;gap:4px;flex-wrap:wrap;margin-left:auto}.staff-mobile-head button{display:inline-flex;align-items:center;gap:4px;padding:5px;font-size:10px;white-space:nowrap}.staff-mobile-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7px;padding-top:9px}.staff-mobile-fields label{min-width:0;display:grid;gap:4px;color:#68746d;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.staff-mobile-fields .span-2{grid-column:1 / -1}.staff-mobile-fields select,.staff-mobile-fields input[type=date]{min-width:0;width:100%;padding:8px 6px;border-radius:8px;font-size:10px;text-transform:none;letter-spacing:0}.staff-mobile-fields .staff-lock-field{grid-column:1 / -1;display:flex;flex-direction:row;align-items:center;gap:7px;padding-top:3px}.staff-lock-field input{width:17px;height:17px;padding:0;accent-color:var(--green-800)}.rules-page{gap:12px}.rules-heading{align-items:flex-end}.rules-heading .page-subtitle{display:none}.rules-heading .eyebrow{font-size:8px}.rules-heading .page-title{font-size:31px}.rules-heading .secondary-button{font-size:10px}.rules-metrics{grid-template-columns:1fr 1fr}.rules-metrics .metric-small-value{max-width:108px;font-size:9px}.daily-quota-panel{padding:12px 10px;gap:9px}.daily-quota-panel .panel-title-row h2{font-size:15px}.daily-quota-panel .panel-title-row p{font-size:9px}.daily-quota-table th,.daily-quota-table td{padding:7px 4px;font-size:9px}.daily-quota-table input{width:54px;padding:6px 3px;font-size:10px}.daily-quota-footer{align-items:stretch;flex-direction:column}.daily-quota-footer>span{font-size:8px}.daily-quota-footer button{width:100%;font-size:10px}.rules-control-panel{padding:10px;gap:9px}.rules-toolbar{grid-template-columns:minmax(0,1fr);gap:7px}.rules-search input{padding-left:34px}.rules-add-column,.rules-delete-column{grid-template-columns:minmax(0,1fr) auto}.rules-toolbar input,.rules-toolbar select{min-width:0;padding:9px 8px;font-size:11px}.rules-toolbar button{padding:9px 7px;font-size:9px}.rules-actionbar{display:grid;grid-template-columns:1fr 1fr;gap:6px}.rules-actionbar button{width:100%;min-width:0;margin:0!important;padding:9px 5px;font-size:9px;white-space:nowrap}.rules-actionbar .rules-delete-rows{grid-column:1 / -1}.rules-view-note{font-size:9px;line-height:1.35}.rules-notice{grid-template-columns:minmax(0,1fr) auto;gap:3px 8px;padding:10px;font-size:10px}.rules-notice strong{grid-column:1;font-size:8px}.rules-notice span{grid-column:1;overflow-wrap:anywhere}.rules-notice button{grid-column:2;grid-row:1 / 3}.rules-grid-panel{padding:13px 10px}.rules-grid-panel .panel-title-row{align-items:flex-start}.rules-grid-panel .panel-title-row h2{font-size:15px}.rules-grid-panel .panel-title-row p{font-size:9px}.rules-desktop-table{display:none}.rules-mobile-list{display:grid;gap:9px}.rules-mobile-card{min-width:0;padding:11px;border:1px solid var(--line);border-radius:13px;background:#fbfcfb}.rules-mobile-head{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px}.rules-mobile-head>input{width:18px;height:18px;padding:0;accent-color:var(--green-800)}.rules-mobile-head div,.rules-mobile-head span,.rules-mobile-head strong,.rules-mobile-head small{min-width:0;display:block}.rules-mobile-head span{color:#8b6b33;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.rules-mobile-head strong{margin-top:2px;color:var(--green-950);font-size:12px;overflow-wrap:anywhere}.rules-mobile-head small{margin-top:2px;color:var(--muted);font-size:9px}.rules-mobile-head button{padding:5px;font-size:9px;white-space:nowrap}.rules-mobile-summary{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:9px;padding-top:9px;border-top:1px solid var(--line);color:var(--muted);font-size:9px}.rules-mobile-summary strong{color:var(--green-950)}.rules-mobile-fields{display:grid;grid-template-columns:minmax(0,1fr);gap:7px;margin-top:10px;padding-top:10px;border-top:1px solid var(--line)}.rules-mobile-fields label{min-width:0;display:grid;gap:4px;color:#68746d;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.rules-mobile-fields textarea{min-width:0;width:100%;resize:vertical;padding:8px;border-radius:8px;font-size:11px;line-height:1.35;text-transform:none;letter-spacing:0}.rules-mobile-fields label>span{display:block;padding:7px 8px;border-radius:8px;color:var(--ink);background:#f2f5f3;font-size:10px;line-height:1.35;text-transform:none;letter-spacing:0;overflow-wrap:anywhere}.feature-page{gap:12px}.page-heading{align-items:flex-end;gap:8px}.page-heading h1{font-size:29px}.page-heading p{display:none}.page-heading .secondary-button{padding:8px;font-size:9px;white-space:nowrap}.profile-panel,.android-push-panel,.permission-target-panel,.permission-group,.data-toolbar{min-width:0;padding:12px 10px;overflow:hidden}.profile-form,.profile-password-grid{grid-template-columns:minmax(0,1fr)}.profile-form .wide-field{grid-column:auto}.profile-form input,.profile-form select{min-width:0;padding:9px;font-size:12px}.android-push-panel{grid-template-columns:minmax(0,1fr)}.android-push-panel button{width:100%;font-size:10px}.permission-target-panel{grid-template-columns:minmax(0,1fr);align-items:stretch}.permission-scope-tabs{display:grid;grid-template-columns:1fr 1fr}.permission-scope-tabs button{min-width:0;padding:9px 5px;font-size:10px}.inherit-toggle{grid-column:auto}.permission-groups{grid-template-columns:minmax(0,1fr);gap:10px}.permission-group h2{font-size:14px}.sticky-save-bar button{width:100%}.data-toolbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;gap:7px}.data-toolbar label{min-width:0}.data-toolbar button{min-width:0;width:100%;padding:9px 5px;font-size:9px}.data-toolbar .search-field{grid-column:1 / -1}.storage-presets{grid-template-columns:repeat(2,minmax(0,1fr))}.storage-dates,.storage-actions-grid{grid-template-columns:minmax(0,1fr)}.storage-action-card{padding:13px 10px}.metric-grid.small{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}.metric-grid.small .metric-card{min-width:0;padding:11px}.metric-grid.small .metric-card span{font-size:9px}.metric-grid.small .metric-card strong{font-size:18px;overflow-wrap:anywhere}.responsive-data-table{overflow-x:auto}.responsive-data-table table{min-width:680px;font-size:10px}.responsive-data-table th{padding:7px 5px;font-size:7px}.responsive-data-table td{padding:8px 5px}.tour-table-panel{padding:10px 4px}.responsive-data-table.tour-table{overflow-x:hidden;scrollbar-gutter:auto}.responsive-data-table.tour-table table{width:100%;min-width:0;table-layout:fixed;font-size:clamp(6.5px,1.9vw,8px);line-height:1.15}.tour-table .tour-col-mobile-hidden{display:none}.responsive-data-table.tour-table th{padding:5px 1px;font-size:clamp(5.5px,1.65vw,7px);letter-spacing:-.02em;overflow-wrap:anywhere}.responsive-data-table.tour-table td{padding:6px 1px;white-space:normal;overflow-wrap:anywhere;word-break:break-word}.tour-table .tour-col-stt{width:6%;min-width:0;max-width:none}.tour-table .tour-col-employee{width:21%;min-width:0;max-width:none}.tour-table .tour-col-status{width:12%;min-width:0;max-width:none}.tour-table .tour-col-room{width:10%;min-width:0;max-width:none}.tour-table .tour-col-remaining{width:15%;min-width:0;max-width:none}.tour-table .tour-col-request{width:12%;min-width:0;max-width:none}.tour-table .tour-col-appointment{width:24%;min-width:0;max-width:none}.audit-list{padding:0 10px}.audit-list article{grid-template-columns:auto minmax(0,1fr);gap:7px}.audit-list time{grid-column:2}.birthday-notice{grid-template-columns:auto minmax(0,1fr) auto;padding:10px}.birthday-notice>button:first-of-type{display:none}.birthday-grid,.payroll-config-grid{grid-template-columns:minmax(0,1fr)}.payroll-obligation-form,.payroll-refund-form{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.payroll-obligation-form label:nth-of-type(4),.payroll-obligation-form button,.payroll-refund-form label:nth-of-type(4),.payroll-refund-form button{grid-column:1 / -1}.payroll-draft-panel .panel-title-row{display:grid}.payroll-draft-panel .list-actions{width:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.payroll-draft-panel .list-actions button{width:100%;min-width:0;padding-inline:7px;font-size:9px}.payroll-draft-panel .list-actions button:last-child:nth-child(odd){grid-column:1 / -1}.payroll-draft-toolbar{display:grid;padding:10px}.payroll-draft-toolbar .list-actions{width:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7px}.payroll-draft-toolbar .list-actions button{width:100%;min-width:0;padding:8px 5px;font-size:8px}.payroll-calculate-panel>.data-toolbar>.payroll-file,.payroll-calculate-panel>.data-toolbar>.primary-button{grid-column:1 / -1}.payroll-file small{max-width:calc(100vw - 54px)}.payroll-select-all{width:100%;margin:0 0 9px;padding:9px 10px;border:1px solid var(--line);border-radius:10px;background:#f5f8f6;font-size:10px}.payroll-desktop-table,.payroll-history-desktop{display:none}.payroll-mobile-list{display:grid;gap:9px}.payroll-mobile-card{min-width:0;padding:11px;border:1px solid var(--line);border-radius:13px;background:#fbfcfb}.payroll-mobile-head{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:9px;padding-bottom:9px;border-bottom:1px solid var(--line)}.payroll-mobile-head>div,.payroll-mobile-head>span,.payroll-mobile-person,.payroll-mobile-person>div{min-width:0}.payroll-mobile-person{display:flex;align-items:center;gap:8px}.payroll-mobile-person input{width:18px;height:18px;flex:0 0 18px;padding:0;accent-color:var(--green-800)}.payroll-mobile-head strong,.payroll-mobile-head small{display:block}.payroll-mobile-head>span{text-align:right}.payroll-mobile-head>span strong{margin-top:2px;color:var(--green-950);font-size:13px;white-space:nowrap}.payroll-mobile-head small{max-width:190px;margin-top:2px;overflow:hidden;color:var(--muted);font-size:8px;text-overflow:ellipsis;white-space:nowrap}.payroll-mobile-summary{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7px;padding:9px 0}.payroll-mobile-summary span{min-width:0;display:grid;gap:2px;color:var(--muted);font-size:8px}.payroll-mobile-summary strong{color:#293e34;font-size:11px;overflow-wrap:anywhere}.payroll-mobile-details{border-top:1px solid var(--line)}.payroll-mobile-details summary{cursor:pointer;padding-top:9px;color:var(--green-800);font-size:10px;font-weight:900}.payroll-mobile-edit-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7px;margin-top:9px}.payroll-mobile-edit-grid label{min-width:0;display:grid;gap:4px;color:#68776f;font-size:8px;font-weight:800}.payroll-mobile-edit-grid input{min-width:0;padding:8px 6px;border-radius:8px;font-size:11px;text-align:right}.payroll-history-mobile{margin-top:10px}.payroll-mobile-period{display:block;padding-top:9px;color:#6c5630;font-size:10px}.payroll-history-summary{grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding-bottom:0}}.revenue-page .page-heading .revenue-source,.revenue-page .revenue-tip-editor>small,.revenue-page>.revenue-formula,.revenue-page>.revenue-meta,.revenue-page .reconcile-head p,.revenue-page .reconcile-panel>.revenue-meta:has(strong),.attendance-page .page-heading p{display:none!important}