:root{font-family:Arial,Helvetica,sans-serif;color:#2e2936;background:#f4f5f8;--martins-font: Arial, Helvetica, sans-serif;--martins-bg: #f7f8fb;--martins-surface: #ffffff;--martins-surface-soft: #f8fafc;--martins-sidebar: #6B4AA0;--martins-sidebar-strong: #583b88;--martins-primary: #6B4AA0;--martins-primary-strong: #583b88;--martins-accent: #8f73bd;--martins-text: #18202a;--martins-muted: #64707d;--martins-border: #dce2e8;--martins-success: #20795a;--martins-danger: #b43b47;--martins-radius: 12px;--martins-shadow: 0 10px 26px rgba(24, 32, 42, .08);--bg: #f4f5f8;--panel: rgba(255, 255, 255, .62);--panel-strong: rgba(255, 255, 255, .84);--border: rgba(196, 169, 226, .42);--lilac: #bfa3df;--lilac-strong: #8d63bd;--lilac-soft: #eee6f8;--grey: #e8e9ee;--text: #2e2936;--muted: #766f80;--danger: #b4234f;--success: #147a55;--shadow: 0 22px 65px rgba(91, 65, 120, .16)}*{box-sizing:border-box}html{min-height:100%}body{margin:0;min-height:100vh;background:linear-gradient(135deg,#f5f6f8,#eee9f7 46%,#f7f7fa)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 10% 6%,rgba(191,163,223,.36),transparent 28%),radial-gradient(circle at 84% 16%,rgba(232,233,238,.82),transparent 26%),radial-gradient(circle at 72% 90%,rgba(191,163,223,.24),transparent 31%)}a{color:var(--lilac-strong)}h1,h2,h3,h4,p{margin-top:0}h1{font-size:clamp(1.8rem,2.4vw,2.8rem);letter-spacing:-.05em}h2{letter-spacing:-.03em}ul{padding-left:18px}li{margin:6px 0}.app-shell{min-height:100vh;display:grid;grid-template-columns:292px 1fr;gap:24px;padding:22px;position:relative}.page{min-width:0}.center-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:22px;position:relative}.glass-card,.card,.topbar,.form-card,.status-panel,.today-card,.approval-item,.decision-box,.map-card,.install-card,.hero-panel{background:var(--panel);border:1px solid rgba(255,255,255,.72);box-shadow:var(--shadow);backdrop-filter:blur(20px) saturate(145%);-webkit-backdrop-filter:blur(20px) saturate(145%);border-radius:30px}.sidebar{position:sticky;top:22px;height:calc(100vh - 44px);padding:18px;display:flex;flex-direction:column;gap:18px}.brand-block,.brand-mini,.topbar-title{display:flex;align-items:center;gap:14px}.brand-block img{width:92px;height:52px;object-fit:contain;border-radius:18px;background:#ffffff9e;padding:6px;box-shadow:0 12px 30px #8d63bd38}.brand-block strong{display:block;font-size:1.3rem}.brand-block span,.brand-mini span{display:block;color:var(--muted);font-size:.9rem}.topbar-title img{width:120px;height:62px;object-fit:contain;border-radius:18px;background:#fff9;padding:8px}.sidebar-tabs{display:grid;gap:10px;overflow:auto;padding-right:2px}.tab-button,button,.glass-button{padding:12px 16px;border:1px solid rgba(255,255,255,.76);border-radius:18px;background:linear-gradient(135deg,#ffffffc7,#ece7f29e);color:var(--text);box-shadow:0 12px 28px #5b41781a;cursor:pointer;font-weight:760;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease}.tab-button{width:100%;text-align:left;display:flex;align-items:center;gap:10px}.tab-icon{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;background:#bfa3df33}button:hover,.tab-button:hover,.glass-button:hover{transform:translateY(-1px);border-color:#8d63bd8f}.tab-button.active,button.secondary.active{background:linear-gradient(135deg,#bfa3dff5,#8d63bdd1);color:#fff;border-color:#8d63bd94;box-shadow:0 18px 40px #8d63bd40}.tab-button.active .tab-icon{background:#ffffff38}.sidebar-footer{margin-top:auto;display:grid;gap:12px}.user-chip{display:flex;gap:10px;align-items:center;padding:12px;border-radius:22px;background:#ffffff94;border:1px solid rgba(255,255,255,.72)}.user-chip>span{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--lilac);color:#fff;font-weight:900}.user-chip strong,.user-chip small{display:block}.user-chip small{color:var(--muted);font-size:.72rem}.logout-button{width:100%}.topbar{margin-bottom:22px;padding:20px 22px;display:flex;align-items:center;justify-content:space-between;gap:16px}.eyebrow{color:var(--lilac-strong);text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;font-weight:900;margin-bottom:6px}.muted{color:var(--muted)}.hero-panel{padding:26px;margin-bottom:22px;display:grid;grid-template-columns:1.4fr .9fr;align-items:center;gap:22px}.hero-panel h2{font-size:clamp(1.55rem,2.3vw,2.45rem);margin:0}.hero-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.hero-metrics div{padding:16px;border-radius:22px;background:#ffffff9e;text-align:center;border:1px solid rgba(255,255,255,.72)}.hero-metrics strong{display:block;font-size:1.45rem;color:var(--lilac-strong)}.hero-metrics span{color:var(--muted);font-size:.85rem}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.card,.form-card{padding:24px}.card h2,.form-card h2{margin-bottom:14px}.form-card{width:min(560px,100%)}.wide-form{width:min(960px,100%)}.login-card{display:grid;gap:18px}.login-logo{width:220px;max-width:100%;object-fit:contain;margin-bottom:4px}.button-row,.actions,.filters{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.span-2{grid-column:span 2}label{display:grid;gap:7px;color:#4b4356;font-weight:750;margin-bottom:14px}input,select,textarea{width:100%;padding:13px 14px;border-radius:16px;border:1px solid rgba(191,163,223,.46);background:#ffffffc7;color:var(--text);font:inherit;outline:none}input:focus,select:focus,textarea:focus{border-color:#8d63bdb8;box-shadow:0 0 0 4px #bfa3df2e}table{width:100%;border-collapse:collapse;overflow:hidden;border-radius:18px}th,td{padding:12px;text-align:left;border-bottom:1px solid rgba(191,163,223,.22)}th{color:var(--muted);font-size:.84rem}.error{color:var(--danger);font-weight:750}.success{color:var(--success);font-weight:750}.install-card{padding:18px;display:flex;gap:14px;align-items:center}.install-card img{width:58px;height:58px;object-fit:contain;border-radius:16px;background:#ffffffb3;padding:6px}@media (max-width: 980px){.app-shell{grid-template-columns:1fr;padding:14px}.sidebar{position:relative;top:auto;height:auto}.sidebar-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar,.hero-panel{grid-template-columns:1fr;display:grid}.grid{grid-template-columns:1fr}}@media (max-width: 640px){.center-page,.topbar-title{align-items:flex-start}.topbar-title img{width:94px;height:52px}.sidebar-tabs,.hero-metrics,.form-grid{grid-template-columns:1fr}.span-2{grid-column:span 1}.card,.form-card,.hero-panel,.topbar{padding:18px;border-radius:24px}}body{background:#f3f4f6!important}body:before{background:linear-gradient(180deg,#ffffffa8,#f3f4f6f0)!important}.center-page{min-height:100vh;background:#f3f4f6!important;align-items:center;justify-content:center;padding:24px}.login-card{width:min(520px,calc(100vw - 32px));gap:16px;justify-items:stretch}.login-card h2{text-align:center;margin-bottom:2px}.login-logo{display:block;width:min(330px,86%)!important;height:auto;max-height:145px;object-fit:contain;margin:0 auto 4px!important}.login-card .button-row{justify-content:center}.login-card form{width:100%}.login-card label{margin-bottom:16px}.login-card button[type=submit]{min-width:112px}@media (max-width: 640px){.center-page{padding:14px;align-items:center}.login-card{width:100%;border-radius:26px;padding:20px}.login-logo{width:min(285px,92%)!important;max-height:125px}}.app-shell{background:#f3f4f6;align-items:start}.page{display:flex;flex-direction:column;gap:20px}.card{overflow:hidden}.card>h3{font-size:1.45rem;margin-bottom:20px}.sidebar{overflow:hidden}.brand-block img{width:86px;height:50px}.topbar{margin-bottom:0}.history-toolbar{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;align-items:end;margin-bottom:18px}.history-toolbar.one-column{grid-template-columns:1fr}.history-toolbar button{justify-self:start;min-width:112px}.button-row{margin:12px 0 18px}.today-card{padding:18px;margin:16px 0;border-radius:24px;background:#ffffffb8;border:1px solid rgba(191,163,223,.2);box-shadow:0 14px 34px #5b417814}.today-card h4{margin-bottom:14px}.today-grid,.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.today-grid>div,.summary-grid>div{display:flex;flex-direction:column;gap:4px;padding:14px;border-radius:18px;background:#ffffffbf;border:1px solid rgba(191,163,223,.18)}.today-grid strong,.summary-grid strong{font-size:1.25rem;line-height:1.1;color:var(--lilac-strong)}.today-grid span,.summary-grid span{color:var(--muted);font-size:.9rem}.summary-grid{margin-bottom:18px}.table-wrap{width:100%;overflow-x:auto;border-radius:20px;background:#ffffff7a}.history-table,.table-wrap table{min-width:780px}.badge{display:inline-flex;align-items:center;padding:5px 10px;border-radius:999px;font-size:.78rem;font-weight:800;background:#766f801f}.badge.good{color:var(--success);background:#147a551a}.badge.warn{color:#936000;background:#f0b42829}.badge.bad{color:var(--danger);background:#b4234f1a}.small{font-size:.82rem}.staff-page{display:flex;flex-direction:column;gap:20px}.section-header{padding:22px 24px;border-radius:28px;background:var(--panel);border:1px solid rgba(255,255,255,.72);box-shadow:var(--shadow)}.section-header h2{font-size:clamp(1.55rem,2vw,2.2rem);margin:0 0 8px}.staff-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}.staff-card,.staff-list-card{width:100%}.staff-card form{display:grid;gap:4px}.optional-note{color:var(--muted);font-weight:650;font-size:.86rem}.primary-action{justify-self:start;margin-top:8px}@media (max-width: 980px){.staff-form-grid{grid-template-columns:1fr}.app-shell{gap:16px}}@media (max-width: 640px){.history-toolbar{grid-template-columns:1fr}.button-row button{flex:1 1 auto}.today-grid,.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.login-page-bg{background:#f3f4f6!important}.login-card-compact{width:min(560px,calc(100vw - 32px));padding:32px}.login-card-compact .login-logo{width:min(340px,88%)!important;margin:6px auto 16px!important}.login-form{margin-top:4px}.login-form-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:8px}.login-register-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid rgba(191,163,223,.22);padding-top:18px;margin-top:8px}.link-button,.action-links button{background:transparent;border:0;box-shadow:none;padding:6px 8px;color:var(--lilac-strong);border-radius:10px;font-weight:850}.link-button:hover,.action-links button:hover{background:#bfa3df24;transform:none}.danger-link{color:var(--danger)!important}.action-links{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.detail-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.detail-header h2{margin-bottom:0}.detail-panel{width:100%}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.detail-grid div{padding:12px;border-radius:16px;background:#ffffffad;border:1px solid rgba(191,163,223,.18)}.detail-grid span{display:block;color:var(--muted);text-transform:capitalize;font-size:.8rem;font-weight:800;margin-bottom:4px}.detail-grid strong{display:block;word-break:break-word}.checkbox-row{display:flex;grid-template-columns:auto 1fr;align-items:center;gap:10px}.checkbox-row input{width:auto}.inactive-row{opacity:.58}.signature-box{display:grid;gap:10px;margin:16px 0}.signature-canvas{width:100%;height:clamp(180px,32vh,320px);border:1px solid rgba(191,163,223,.38);border-radius:18px;background:#ffffffe6;touch-action:none;display:block}.button-row.compact{margin-top:6px}@media (max-width: 640px){.login-card-compact{padding:22px}.login-register-bottom{align-items:stretch;flex-direction:column}.login-form-actions button{flex:1 1 auto}.action-links{min-width:180px}}.user-display-cell{display:flex;flex-direction:column;gap:2px;min-width:150px;line-height:1.25}.user-display-cell strong{color:#2f2b3a;font-weight:800}.user-display-cell span{color:#7d7489;font-size:.86rem;font-weight:600}.history-table td,.history-table th{vertical-align:middle}.login-card-compact{width:min(620px,calc(100vw - 32px));padding:clamp(28px,4vw,46px);gap:22px}.login-card-compact>h3{display:none!important}.login-card-compact .login-logo{width:min(390px,82%)!important;max-height:190px;margin:0 auto 18px!important}.login-form{display:grid;gap:14px;margin-top:0}.login-form label{margin-bottom:0}.login-form-actions{margin-top:4px;align-items:center;gap:18px}.forgot-link{white-space:nowrap;font-size:1rem}.login-register-bottom{margin-top:18px;padding-top:22px}@media (max-width: 640px){.login-card-compact{padding:24px}.login-card-compact .login-logo{width:min(330px,90%)!important}.login-form-actions{align-items:stretch}.forgot-link{text-align:center}}.export-user-panel{margin:14px 0 18px;padding:16px;border:1px solid rgba(190,160,220,.22);border-radius:24px;background:#ffffff94}.export-user-panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.button-row.compact{margin:0;gap:8px}.button-row.compact button{padding:8px 14px;min-height:36px}.export-user-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.user-check{display:flex;flex-direction:row;align-items:center;gap:10px;padding:10px 12px;border:1px solid rgba(190,160,220,.24);border-radius:18px;background:#ffffffa3}.user-check input{width:auto;min-height:auto}.user-check span{display:flex;flex-direction:column;line-height:1.25}.user-check small{color:var(--muted);font-weight:600}.registration-install-only{margin:22px 0}.registration-install-only .install-card{max-width:100%}.topbar{justify-content:flex-start}.section-header{margin-bottom:18px}.overview-dashboard{display:flex;flex-direction:column;gap:18px}.dashboard-metrics{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.metric-card.warning strong{color:#9b6b00}.metric-card.danger strong{color:#b91c52}.metric-card small{display:block;margin-top:4px;color:var(--muted)}.dashboard-two-col{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;align-items:start}.dashboard-list-card{margin-top:0}.compact-table table th,.compact-table table td{padding:13px 14px;vertical-align:top}.status-pill{display:inline-flex;align-items:center;border-radius:999px;padding:6px 10px;background:#8e6cca1f;color:#7c56b8;font-weight:800;font-size:12px}.status-pill.late,.status-pill.not_signed_in,.status-pill.accuracy_too_low,.status-pill.no_allocation{background:#fff3cd;color:#946200}.status-pill.missing_sign_out,.status-pill.outside_area{background:#fce3ec;color:#b91c52}.suggestion-item,.notification-row{border:1px solid rgba(142,108,202,.12);border-radius:18px;padding:14px 16px;margin-top:12px;background:#ffffff94}.suggestion-item p,.notification-row p{margin:6px 0;color:var(--muted)}.suggestion-item.warning{border-color:#f59e0b40}.suggestion-item.danger{border-color:#b91c5240}.suggestion-item.success{border-color:#10826240}.notification-row{display:flex;justify-content:space-between;gap:14px}.notification-row.read{opacity:.62}.small-button{padding:10px 14px;min-height:auto}.sub-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 18px}.sub-tabs button{border:1px solid rgba(142,108,202,.15);border-radius:999px;padding:12px 18px;font-weight:800;color:var(--text);background:#ffffff9e;box-shadow:var(--shadow-soft);cursor:pointer}.sub-tabs button.active{background:linear-gradient(135deg,var(--lilac),var(--purple));color:#fff}.single-staff-form{max-width:980px}.staff-form-single{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px}.staff-form-single label:nth-last-child(-n+3){grid-column:span 2}@media (max-width: 900px){.dashboard-two-col,.staff-form-single{grid-template-columns:1fr}.staff-form-single label:nth-last-child(-n+3){grid-column:auto}}.signature-pad-upgraded{gap:12px}.signature-header-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.signature-preview{width:140px;max-height:46px;object-fit:contain;padding:6px 10px;border:1px solid rgba(191,163,223,.28);border-radius:14px;background:#ffffffb8}.signature-canvas-solid{border-style:solid!important;background:#fffffff5;touch-action:none;cursor:crosshair;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.signature-actions{align-items:center;flex-wrap:wrap}.signature-actions button:disabled{opacity:.45;cursor:not-allowed}@media (max-width: 760px){.signature-preview{width:110px;max-height:40px}.signature-canvas{height:240px}}.hours-grid{display:grid;grid-template-columns:repeat(2,minmax(160px,1fr));gap:16px}@media (max-width: 700px){.hours-grid{grid-template-columns:1fr}}.irp5-page .form-card{margin-bottom:24px}.irp5-page input[type=file]{padding:16px;background:#ffffffb8;border:1px solid rgba(177,145,224,.28);border-radius:18px}.no-top-gap,.compact-header{margin-top:0}.list-header{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.year-group{margin-top:18px}.pdf-preview{margin-top:22px;border:1px solid rgba(160,130,210,.2);border-radius:24px;padding:18px;background:#ffffff8c}.pdf-preview iframe{width:100%;height:70vh;border:0;border-radius:18px;background:#fff}.leave-grid{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(420px,1.2fr);gap:22px;align-items:start}.stat-grid.mini{display:grid;grid-template-columns:repeat(3,minmax(120px,1fr));gap:12px}.stat-card{border:1px solid rgba(170,140,220,.16);border-radius:18px;padding:16px;background:#ffffff94}.stat-card strong{display:block;color:#8f63c8;font-size:24px}.stat-card span,table small{display:block;color:#7d788c;margin-top:4px}.action-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.link-button.danger{color:#bd2558}.status-pill{display:inline-block;border-radius:999px;padding:6px 12px;font-weight:700;background:#8c63c81f;color:#8f63c8}.status-pill.approved{background:#0794651f;color:#087f5b}.status-pill.declined{background:#bd25581f;color:#bd2558}.status-pill.pending{background:#a068141f;color:#9a650c}@media (max-width: 900px){.leave-grid,.stat-grid.mini{grid-template-columns:1fr}.pdf-preview iframe{height:60vh}}.status-pill.approved_leave{background:#a78bfa2e;color:#6d4bc4}.compact-filter{display:flex;flex-direction:column;gap:6px;min-width:180px;font-weight:700;color:var(--text)}.compact-filter select{border:1px solid rgba(168,139,235,.28);border-radius:18px;padding:12px 14px;background:#ffffffc7;color:var(--text);font-weight:700}.payroll-page .staff-form-single,.leave-page .staff-form-single{align-items:end}.checkbox-line{display:flex;align-items:center;gap:10px;min-height:42px;padding-top:22px}.checkbox-line input{width:auto}.wrap-actions{flex-wrap:wrap;gap:12px;margin-top:14px}.payroll-totals{margin-top:18px}.leave-calendar-strip{display:grid;gap:10px;margin-top:10px}.leave-calendar-item{display:grid;grid-template-columns:minmax(150px,1fr) 2fr auto;gap:12px;align-items:center;padding:12px 14px;border-radius:16px;background:#ffffff8c;border:1px solid rgba(185,167,255,.25)}.leave-bar{min-height:12px;border-radius:999px;background:linear-gradient(90deg,#b9a7ffe6,#dcd8ffe6)}@media (max-width: 760px){.leave-calendar-item{grid-template-columns:1fr}.payroll-page .table-wrap table,.overview-dashboard .table-wrap table{min-width:760px}}:root{--space-xs: 6px;--space-sm: 10px;--space-md: 16px;--space-lg: 22px;--space-xl: 30px;--radius-lg: 26px}.page{gap:var(--space-lg)!important}.card,.form-card,.hero-panel,.status-panel,.today-card,.section-header,.topbar,.glass-card{padding:clamp(20px,2.1vw,30px)!important;overflow:hidden}.card>*:last-child,.form-card>*:last-child,.hero-panel>*:last-child,.section-header>*:last-child,.status-panel>*:last-child{margin-bottom:0!important}.section-header,.hero-panel,.topbar{display:grid;align-items:start;gap:8px}.section-header h1,.section-header h2,.hero-panel h1,.hero-panel h2,.topbar h1,.topbar h2,.card h1,.card h2,.card h3{line-height:1.08;margin:0 0 8px!important;max-width:100%}.section-header p,.hero-panel p,.topbar p,.card p,.form-card p{line-height:1.45;margin:0 0 12px;max-width:100%}label,.compact-filter{display:flex!important;flex-direction:column;gap:8px!important;margin:0 0 16px!important;line-height:1.25}input,select,textarea,button,.glass-button,.tab-button{min-height:48px;line-height:1.25}select{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.form-grid,.staff-form-single,.history-toolbar{align-items:end!important}.history-toolbar{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))!important;gap:16px!important}.history-toolbar>label,.history-toolbar>.compact-filter,.history-toolbar>div{min-width:0}.history-toolbar button,.filters button,.button-row button{align-self:end}.button-row,.actions,.filters,.wrap-actions,.login-form-actions{align-items:center!important;gap:12px!important}.dashboard-metrics,.today-grid,.summary-grid,.stat-grid,.stat-grid.mini,.hero-metrics{gap:14px!important}.dashboard-metrics>div,.today-grid>div,.summary-grid>div,.stat-grid>div,.stat-card,.hero-metrics>div,.metric-card{display:grid!important;gap:6px!important;align-content:start;padding:18px!important;min-height:86px;border-radius:20px;background:#ffffffa8;border:1px solid rgba(191,163,223,.18)}.dashboard-metrics strong,.today-grid strong,.summary-grid strong,.stat-card strong,.hero-metrics strong,.metric-card strong{display:block!important;line-height:1.05!important;margin:0!important;font-size:clamp(1.25rem,1.5vw,1.75rem);color:var(--lilac-strong)}.dashboard-metrics span,.today-grid span,.summary-grid span,.stat-card span,.hero-metrics span,.metric-card span,.metric-card small{display:block!important;line-height:1.25!important;margin:0!important;color:var(--muted)}.overview-dashboard>.hero-panel+div,.overview-dashboard .raw-metrics,.dashboard-raw-list{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px}.table-wrap{margin-top:14px;padding:0}table{table-layout:auto}th,td{padding:14px 16px!important;vertical-align:middle!important;line-height:1.35;white-space:normal}th{font-weight:850}.user-display-cell,.user-check span,.detail-grid strong,td,th{overflow-wrap:anywhere}.staff-page,.irp5-page,.leave-page,.payroll-page,.overview-dashboard{display:flex;flex-direction:column;gap:22px}.staff-form-single,.form-grid{gap:18px 20px!important}.staff-form-single label,.form-grid label{margin-bottom:0!important}.signature-box,.signature-pad-upgraded{margin-top:18px!important}.signature-canvas,.signature-canvas-solid{display:block;width:100%;max-width:100%}.tab-button{justify-content:space-between;min-width:0}.tab-button .tab-label,.tab-button span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis}.badge,.status-pill{white-space:nowrap}.topbar,.page>.glass-card:first-child,.page>.hero-panel:first-child{margin-top:0!important}@media (max-width: 900px){.history-toolbar,.form-grid,.staff-form-single,.dashboard-two-col,.leave-grid{grid-template-columns:1fr!important}.button-row,.actions,.filters,.wrap-actions{align-items:stretch!important}.button-row button,.actions button,.filters button,.wrap-actions button{width:100%}}@media (max-width: 640px){.app-shell{padding:12px!important;gap:14px!important}.card,.form-card,.hero-panel,.status-panel,.today-card,.section-header,.topbar,.glass-card{padding:18px!important;border-radius:24px!important}.today-grid,.summary-grid,.dashboard-metrics,.stat-grid,.stat-grid.mini,.hero-metrics{grid-template-columns:1fr!important}th,td{padding:12px!important}}.overview-notification-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.notification-card{background:#ffffffad;border:1px solid rgba(191,163,223,.22);border-radius:24px;padding:18px;box-shadow:var(--shadow-soft);min-height:150px}.notification-card.warning{border-color:#f59e0b47}.notification-card.danger{border-color:#b91c523d}.notification-card.info{border-color:#8e6cca42}.notification-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}.notification-card-head strong{display:block;font-size:1rem;line-height:1.2}.notification-card-head small{display:block;color:var(--muted);margin-top:4px}.notification-count{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;border-radius:999px;font-weight:900;background:#8e6cca24;color:var(--lilac-strong)}.notification-count.warning{background:#fff3cd;color:#946200}.notification-count.danger{background:#fce3ec;color:#b91c52}.notification-count.info{background:#8e6cca24;color:var(--lilac-strong)}.notification-mini-list{display:grid;gap:10px}.notification-mini-row{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid rgba(142,108,202,.12)}.notification-mini-row:first-child{border-top:0}.notification-mini-row strong,.notification-mini-row small,.notification-mini-row span{display:block;line-height:1.25}.notification-mini-row small{color:var(--muted);margin-top:3px}.notification-mini-row span{color:var(--muted);text-align:right;max-width:48%}.compact-empty{margin:0}@media (max-width: 700px){.notification-mini-row{display:block}.notification-mini-row span{text-align:left;max-width:100%;margin-top:4px}}:root{font-size:10px}h1{font-size:clamp(2.4rem,2.8vw,3.6rem);line-height:1.05}h2{font-size:clamp(1.7rem,2vw,2.4rem);line-height:1.12}h3{font-size:1.4rem;line-height:1.2}.eyebrow{font-size:.85rem;letter-spacing:.16em}.sidebar-tab,.brand-block p,.muted,.small,.optional-note{font-size:1rem}button,.glass-button,.primary-action{font-size:1rem;min-height:38px;padding:10px 16px}input,select,textarea{font-size:1rem;min-height:38px;padding:10px 14px}.card,.form-card,.section-header{padding:18px}.history-toolbar{align-items:end}.table-wrap table{font-size:1rem}th,td{padding:9px 10px;vertical-align:top}.details-grid.franchise-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px 18px;align-items:start}.franchise-approval-card{padding:18px;border-radius:22px;background:#ffffffb8;border:1px solid rgba(191,163,223,.18);box-shadow:0 12px 32px #5b41780f}.franchise-approval-card .approval-header{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:12px}.franchise-approval-card h3{margin:0 0 4px}.franchise-details-grid>div{padding:9px 10px;border-radius:14px;background:#ffffff8c;min-height:38px;display:flex;gap:5px;align-items:baseline;flex-wrap:wrap}.franchise-details-grid strong{font-weight:850}.payroll-grid{grid-template-columns:minmax(320px,1fr) minmax(320px,.9fr)}.payroll-import-card{margin-top:18px}.payroll-import-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;align-items:end}.import-result{margin-top:14px}.status-pill{display:inline-flex;align-items:center;padding:4px 9px;border-radius:999px;font-size:.9rem;font-weight:800;background:#bfa3df29}.status-pill.approved{color:#147a55;background:#147a551f}.status-pill.pending{color:#936000;background:#f0b42829}@media (max-width: 900px){.payroll-grid{grid-template-columns:1fr}}:root{font-size:12px}body,input,select,textarea,button,table,p,li,label,td,th{font-size:1rem;line-height:1.45}h1{font-size:clamp(2.2rem,2.6vw,3.2rem)}h2{font-size:clamp(1.55rem,1.8vw,2.15rem)}h3{font-size:1.25rem}.section-header,.detail-header,.notification-card-head{align-items:flex-start}.table-wrap th,.table-wrap td{vertical-align:top}.dashboard-list-card h2,.suggestions-card h2,.notifications-card h2{margin-top:0}.notification-link-row{width:100%;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.notification-link-row:hover,.notification-link-row:focus-visible{transform:translateY(-1px);box-shadow:inset 0 0 0 1px #976ccb47;outline:none}.suggestion-link,.notification-main-button{border:0;background:transparent;color:inherit;cursor:pointer;display:block;text-align:left;width:100%}.notification-main-button p,.notification-main-button small{margin:.25rem 0 0}.notification-row.warning{border-left:3px solid #d97706}.notification-row.danger{border-left:3px solid #dc2626}.notification-row.info{border-left:3px solid #7c3aed}.global-filter-bar{display:flex;gap:10px;align-items:end;flex-wrap:wrap;margin-bottom:16px;padding:14px}.global-filter-bar strong{margin-right:8px}.global-filter-bar label{display:flex;flex-direction:column;gap:4px;min-width:130px;font-size:12px}.global-filter-bar select,.global-filter-bar input{min-height:34px}.leave-return-card{overflow:hidden}.leave-return-header{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.leave-return-legend{display:flex;gap:12px;align-items:center;flex-wrap:wrap;color:var(--muted);font-weight:700}.leave-return-legend span{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.leave-day-swatch,.return-day-swatch{width:18px;height:10px;border-radius:999px;display:inline-block}.leave-day-swatch{background:#dc2626}.return-day-swatch{background:#16a34a}.leave-timeline-shell{display:grid;gap:8px;overflow-x:auto;padding-bottom:6px}.leave-timeline-days,.leave-timeline-row{display:grid;grid-template-columns:minmax(180px,220px) repeat(31,minmax(16px,1fr));gap:4px;min-width:760px;align-items:center}.leave-timeline-days small{text-align:center;color:var(--muted);font-size:.75rem;line-height:1}.leave-timeline-row{padding:8px 0;border-top:1px solid rgba(142,108,202,.12)}.leave-timeline-name{display:grid;gap:2px;padding-right:8px}.leave-timeline-name strong,.leave-timeline-name small{display:block;line-height:1.2}.leave-timeline-name small{color:var(--muted)}.leave-timeline-blocks{display:contents}.leave-day-cell{min-height:18px;border-radius:6px;background:#8e6cca12;border:1px solid rgba(142,108,202,.08)}.leave-day-cell.on-leave{background:#dc2626;border-color:#b91c1c;box-shadow:0 4px 10px #dc262629}.leave-day-cell.returns{background:#16a34a;border-color:#15803d;box-shadow:0 4px 10px #16a34a2e}.leave-day-cell.on-leave.returns{background:linear-gradient(90deg,#dc2626 0,#dc2626 48%,#16a34a 52%,#16a34a)}@media (max-width: 700px){.leave-return-header{display:grid}.leave-timeline-days,.leave-timeline-row{grid-template-columns:minmax(150px,180px) repeat(31,16px)}}.global-filter-bar{display:none!important}.content-panel>.form-card:first-child,.content-panel>.glass-card:first-child{margin-top:0}.history-toolbar,.approval-toolbar,.list-header,.staff-list-card .list-header{align-items:end}.history-toolbar label,.approval-toolbar label,.list-header label{font-size:12px}.qr-scan-card{border:1px solid rgba(150,102,210,.22);border-radius:24px;padding:16px;margin:18px 0;background:#ffffffb8;box-shadow:0 18px 42px #46326414}.qr-scan-card h3{margin:0 0 4px;font-size:14px}.qr-scan-card code{font-size:11px;word-break:break-all}.secondary-action{margin-top:10px}.id-photo-template{display:grid;grid-template-columns:92px 1fr;gap:12px;align-items:center;padding:10px;border:1px dashed rgba(111,66,193,.35);border-radius:12px;background:#fbfaff}.id-photo-placeholder{width:78px;height:96px;border:2px solid #c9b4ea;border-radius:8px;background:#f2edf9;display:flex;align-items:center;justify-content:center;overflow:hidden;font-size:11px;font-weight:700;color:#6f42c1}.id-photo-placeholder img{width:100%;height:100%;object-fit:cover}.id-photo-fields label{margin-bottom:4px}.id-card-form-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.drag-upload-field{display:flex;flex-direction:column;gap:8px}.drag-upload-label{font-weight:800;color:#3b3447}.required-dot{color:#c2185b}.drag-upload-box{width:100%;min-height:112px;border:2px dashed #d9c7f4;border-radius:22px;background:#ffffffb8;box-shadow:inset 0 0 0 1px #ffffffb3,0 18px 40px #64488c14;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#2f2a3a;cursor:pointer;text-align:center;padding:14px;transition:.18s ease}.drag-upload-box:hover,.drag-upload-box.dragging{border-color:#9b6ad6;background:#fbf8ff;transform:translateY(-1px)}.drag-upload-icon{width:30px;height:30px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#9b6ad6;color:#fff;font-size:22px;line-height:1;font-weight:900}.drag-upload-box small{color:#706a7d;font-weight:600}.drag-upload-preview{margin-top:6px;width:88px;height:108px;border-radius:14px;object-fit:cover;border:1px solid #d9c7f4;background:#fff}.hidden-file-input{display:none}.id-photo-drag-card{grid-column:span 1}.id-photo-placeholder.movable-photo{position:relative;cursor:grab;-webkit-user-select:none;user-select:none}.id-photo-placeholder.movable-photo:active{cursor:grabbing}.id-photo-placeholder.movable-photo.dragging{border-color:#8e55d6;box-shadow:0 0 0 4px #8e55d61f}.id-photo-placeholder.movable-photo img{width:100%;height:100%;object-fit:cover;pointer-events:none;transition:transform .03s linear}.id-photo-placeholder.movable-photo em{position:absolute;left:4px;right:4px;bottom:4px;padding:2px 4px;border-radius:999px;background:#1e142dad;color:#fff;font-size:8px;font-style:normal;text-align:center}.id-photo-placeholder.readonly-photo{width:96px;height:118px;flex-shrink:0}.staff-detail-with-photo{display:grid;grid-template-columns:110px 1fr;gap:16px;align-items:start}@media (max-width: 720px){.staff-detail-with-photo{grid-template-columns:1fr}}.overview-dashboard-pro{gap:18px}.overview-hero-panel{display:grid;grid-template-columns:minmax(260px,.75fr) minmax(420px,1.25fr);gap:18px;align-items:stretch;padding:22px;border-radius:30px;background:linear-gradient(135deg,#ffffffe0,#f7f3fcb8);border:1px solid rgba(191,163,223,.22);box-shadow:var(--shadow-soft)}.overview-hero-copy{display:grid;align-content:center;gap:6px}.overview-hero-copy h2{margin:0;font-size:clamp(2rem,2.6vw,3rem)}.overview-hero-copy p{margin:0}.overview-metric-rail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.overview-metric-row-break{display:block;grid-column:1 / -1;height:0;min-height:0}.overview-metric-rail .metric-card{min-height:96px;background:#ffffffbd}.metric-card.success strong{color:#15803d}.overview-notification-grid{grid-template-columns:repeat(3,minmax(220px,1fr))}.overview-dashboard-pro .notification-card{min-height:132px;padding:16px;box-shadow:0 10px 28px #5b417814}.overview-action-row{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-card-title{display:flex;justify-content:space-between;gap:12px;align-items:start;margin-bottom:14px}.overview-card-title h2,.overview-card-title p{margin:0}.overview-card-title.split{align-items:center}.suggestion-stack,.notification-stack{display:grid;gap:10px}.overview-dashboard-pro .suggestion-item,.overview-dashboard-pro .notification-row{border-radius:18px;background:#ffffff9e;border:1px solid rgba(142,108,202,.12);padding:12px 14px}.overview-dashboard-pro .suggestion-item p,.overview-dashboard-pro .suggestion-item small,.overview-dashboard-pro .notification-row p,.overview-dashboard-pro .notification-row small{margin:4px 0 0}.overview-detail-grid{display:grid;grid-template-columns:1fr;gap:18px}.overview-detail-grid .dashboard-list-card{box-shadow:0 10px 28px #5b41780f}@media (max-width: 1100px){.overview-hero-panel,.overview-action-row{grid-template-columns:1fr}.overview-notification-grid{grid-template-columns:repeat(2,minmax(220px,1fr))}}@media (max-width: 700px){.overview-metric-rail,.overview-notification-grid{grid-template-columns:1fr}.overview-metric-row-break{display:none}.overview-hero-panel{padding:18px;border-radius:24px}}.overview-detail-grid{display:grid!important;grid-template-columns:1fr!important;gap:22px!important;width:100%!important}.overview-detail-grid>*{width:100%!important;max-width:none!important}.leave-return-card{width:100%!important;max-width:none!important}:root{--staff-id-purple:#6d28d9;--staff-id-text:#000000;--staff-id-muted:#060606;--staff-id-line:#ffffff;--staff-id-safe:22px}.staff-id-card{width:min(318px,100%)!important;aspect-ratio:84/54!important;height:auto!important;min-height:unset!important;box-sizing:border-box!important;overflow:hidden!important;border:2px solid var(--staff-id-purple)!important;border-radius:12px!important;background:#fff!important;padding:var(--staff-id-safe)!important;display:grid!important;grid-template-rows:70px minmax(0,1fr) 58px 34px!important;gap:0!important;box-shadow:0 18px 45px #1f16302e!important;color:var(--staff-id-text)!important}.staff-id-header{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:18px!important;min-width:0}.staff-id-title h2{margin:0!important;color:var(--staff-id-purple)!important;font-size:clamp(24px,5vw,36px)!important;line-height:.95!important;font-weight:00!important;letter-spacing:.02em!important}.staff-id-title p{margin:8px 0 0!important;color:var(--staff-id-purple)!important;font-size:14px!important;line-height:1.1!important;font-weight:500!important}.staff-id-logo{width:auto!important;height:80px!important;max-width:auto!important;object-fit:contain!important;object-position:right top!important;flex:0 0 auto!important}.staff-id-main{display:grid!important;grid-template-columns:100px minmax(0,1fr) 13px!important;gap:40px!important;align-items:anchor-center!important;min-width:75}.staff-id-photo{width:132px!important;height:auto!important;overflow:hidden!important;background:#f2edf9!important;display:flex!important;align-items:center!important;justify-content:center!important;color:var(--staff-id-purple)!important;font-weight:900!important}.staff-id-photo img{width:100%!important;height:100%!important;object-fit:cover!important}.staff-id-person{min-width:0!important;align-self:start!important;padding-top:4px!important;display:flex!important;flex-direction:column!important;gap:7px!important}.staff-id-person strong{margin-top:10px!important;display:grid!important;color:var(--staff-id-text)!important;font-size:clamp(24px,4.2vw,34px)!important;line-height:38px!important;font-weight:900!important;overflow-wrap:normal!important}.staff-id-role{margin-top:8px!important;width:fit-content!important;max-width:100%!important;padding:8px 100px!important;background:var(--staff-id-purple)!important;color:#fff!important;border-radius:4px!important;font-size:16px!important;line-height:1!important;font-weight:700!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:normal!important}.staff-id-franchise{display:block!important;color:var(--staff-id-muted)!important;font-size:15px!important;line-height:1.15!important;font-weight:700!important;overflow-wrap:anywhere!important}.staff-id-qr{align-self:end!important;justify-self:end!important;width:132px!important;height:132px!important;border:2px solid var(--staff-id-purple)!important;border-radius:4px!important;background:#fff!important;padding:0!important;display:flex!important;align-items:space-evenly!important;justify-content:center!important;color:var(--staff-id-purple)!important;font-weight:900!important}.staff-id-qr img{width:115%!important;height:auto!important;object-fit:contain!important;image-rendering:pixelated!important}.staff-id-meta{border-top:1px solid var(--staff-id-line)!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;align-items:center!important;text-align:center!important;color:var(--staff-id-muted)!important}.staff-id-meta small,.staff-id-meta b{display:block!important;line-height:1.05!important;overflow-wrap:anywhere!important}.staff-id-meta small{font-size:14px!important;font-weight:900!important}.staff-id-meta b{margin-top:4px!important;font-size:14px!important;font-weight:500!important}.staff-id-active{color:#15803d!important}.staff-id-footer{margin:0 calc(var(--staff-id-safe)*-1) calc(var(--staff-id-safe)*-1)!important;background:var(--staff-id-purple)!important;color:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;padding:0 14px!important;font-size:18px!important;line-height:1.05!important;font-weight:500!important;overflow:hidden!important;white-space:nowrap!important;text-overflow:ellipsis!important}.office-attendance-qr{display:block;width:132px;height:132px;object-fit:contain;padding:4px;border:1px solid #d9c8f4;border-radius:8px;background:#fff}.profile-sub-tabs{margin-bottom:18px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.profile-sub-tabs button{width:100%;min-width:0;white-space:normal}.profile-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}.profile-detail-grid>div{display:flex;flex-direction:column;gap:5px;padding:14px;border:1px solid rgba(109,40,217,.16);border-radius:10px;background:#faf8ff}.profile-detail-grid small{color:#6b6475}.staff-id-main{grid-template-columns:132px minmax(0,1fr) 132px!important;gap:12px!important;align-items:center!important;min-width:0!important}.staff-id-photo{width:132px!important;height:190px!important}.staff-id-person{overflow:hidden!important}.staff-id-name{display:grid!important;gap:2px!important;min-width:0!important;max-width:100%!important}.staff-id-person strong{margin-top:0!important;display:block!important;max-width:100%!important;font-size:clamp(20px,3.2vw,30px)!important;line-height:1.08!important;overflow-wrap:anywhere!important;word-break:normal!important}.staff-id-name.long strong{font-size:22px!important;line-height:1.04!important}.staff-id-name.very-long strong{font-size:18px!important;line-height:1.02!important}.staff-id-role{width:100%!important;padding:8px 10px!important;box-sizing:border-box!important}.staff-id-qr{width:132px!important;height:132px!important}.staff-id-qr img{width:100%!important;height:100%!important}.staff-id-card,.detail-panel .staff-id-card{width:min(620px,100%)!important}.office-qr-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px;margin-top:18px}.office-qr-item{display:flex;flex-direction:column;align-items:center;gap:12px;padding:18px;border:1px solid rgba(109,40,217,.16);border-radius:16px;background:#faf8ff;text-align:center}.office-qr-item h3,.office-qr-item p{margin:0}.office-qr-item .office-attendance-qr{width:190px;height:190px}@media (max-width:640px){.profile-sub-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.staff-id-card{--staff-id-safe:12px;grid-template-rows:40px minmax(0,1fr) 42px 28px!important}.staff-id-title h2{font-size:21px!important}.staff-id-title p{font-size:9px!important;margin-top:4px!important}.staff-id-logo{width:96px!important;height:38px!important}.staff-id-main{grid-template-columns:76px minmax(0,1fr) 76px!important;gap:8px!important}.staff-id-photo,.staff-id-qr{width:76px!important;height:82px!important}.staff-id-person strong{font-size:16px!important}.staff-id-name.long strong{font-size:14px!important}.staff-id-name.very-long strong{font-size:12px!important}.staff-id-role{font-size:10px!important;padding:5px 8px!important}.staff-id-franchise{font-size:9px!important}.staff-id-meta small,.staff-id-meta b{font-size:8px!important}.staff-id-footer{font-size:10px!important}}@media print{.staff-id-card{width:84mm!important;height:54mm!important;box-shadow:none!important;--staff-id-safe:5mm}}.actions-cell{min-width:150px;white-space:nowrap}.actions-dropdown{width:145px;max-width:100%;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;border:1px solid rgba(191,163,223,.35);border-radius:14px;background:#ffffffe6;color:var(--lilac-strong);font-weight:850;padding:8px 10px;box-shadow:0 10px 24px #43315b14}.actions-dropdown:focus{outline:none;border-color:var(--lilac-strong);box-shadow:0 0 0 3px #bfa3df2e}.danger-button{border-color:#991b1b!important;background:#b91c1c!important;color:#fff!important}.danger-button:hover{border-color:#7f1d1d!important;background:#991b1b!important;color:#fff!important}.mobile-qr-header{display:flex;gap:12px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap}.mobile-qr-header button{flex:0 0 auto}.qr-camera-panel{display:none;position:relative;margin:12px 0;border-radius:18px;overflow:hidden;background:#151020;border:1px solid rgba(150,102,210,.22)}.qr-camera-panel.open{display:block}.qr-camera-preview{display:block;width:100%;height:auto;min-height:0;max-height:min(58vh,460px);object-fit:contain;transform:none;background:#151020}.qr-camera-frame{position:absolute;left:50%;top:45%;width:min(62vw,260px);height:min(62vw,260px);transform:translate(-50%,-50%);border:3px solid rgba(255,255,255,.86);border-radius:20px;box-shadow:0 0 0 999px #0000003d;pointer-events:none}.qr-camera-panel .secondary-action{position:absolute;left:12px;bottom:12px;margin:0;background:#ffffffeb}.leave-grid.single{grid-template-columns:1fr}@media (max-width: 720px){html,body,#root{width:100%;max-width:100%;overflow-x:hidden}.app-shell,.content-panel,.card,.form-card,.section-header,.qr-scan-card,.status-panel{max-width:100%;box-sizing:border-box}.content-panel{padding:12px}.card,.form-card,.section-header{padding:14px;border-radius:22px}.status-panel{display:grid;grid-template-columns:1fr;gap:8px;padding:12px}.history-toolbar.one-column{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}.history-toolbar label,.qr-scan-card label{width:100%;min-width:0}input,select,textarea,button{max-width:100%;box-sizing:border-box}.qr-scan-card{padding:14px;margin:14px 0}.mobile-qr-header{display:grid;grid-template-columns:1fr}.mobile-qr-header button,.secondary-action,.mobile-actions button{width:100%;min-height:44px}.mobile-actions{display:grid;grid-template-columns:1fr;gap:10px}.signature-pad,.signature-canvas-wrap,canvas{max-width:100%}}@media (max-width: 390px){.content-panel{padding:8px}.card,.form-card,.section-header,.qr-scan-card{padding:12px;border-radius:18px}h1{font-size:1.9rem}h2{font-size:1.45rem}}@media (max-width: 760px){.mobile-staff-menu-shell{min-height:100dvh;display:flex!important;align-items:flex-start;justify-content:center;padding:18px;background:#f3f4f6}.mobile-staff-menu-shell .sidebar{position:relative;top:auto;width:min(100%,430px);min-height:auto;height:auto;padding:22px;border-radius:30px;gap:18px}.mobile-staff-menu-shell .mobile-card-menu{box-shadow:none;border:0;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}.mobile-staff-menu-shell .brand-block{margin-bottom:6px}.mobile-staff-menu-shell .brand-block img{width:112px;height:62px;border-radius:22px}.mobile-staff-menu-shell .brand-block strong{font-size:1.35rem}.mobile-staff-menu-shell .sidebar-tabs,.mobile-card-menu-grid{display:grid;grid-template-columns:1fr;gap:13px;overflow:visible;padding:0}.mobile-staff-menu-shell .tab-button,.mobile-staff-menu-shell .logout-button{min-height:64px;border-radius:22px;padding:16px 18px;font-size:1rem}.mobile-staff-menu-shell .tab-button{align-items:center;justify-content:space-between;text-align:left;background:#ffffffe6;border:1px solid rgba(140,108,190,.16);box-shadow:0 12px 28px #372c4a14}.mobile-staff-menu-shell .tab-button span{min-width:0;font-weight:850}.mobile-staff-menu-shell .tab-button small{flex:0 0 auto;color:var(--lilac-strong);font-weight:900}.mobile-staff-menu-shell .logout-button{margin-top:12px;text-align:center;justify-content:center}.mobile-staff-content-shell{display:block!important;min-height:100dvh;padding:12px;background:#f3f4f6}.mobile-staff-content-shell .content-panel{width:100%;padding:0;display:flex;flex-direction:column;gap:12px}.mobile-page-header{position:sticky;top:8px;z-index:20;padding:12px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-radius:22px}.mobile-page-header .glass-button{width:auto;min-height:44px;padding:10px 14px;border-radius:16px}.mobile-staff-content-shell .card,.mobile-staff-content-shell .form-card,.mobile-staff-content-shell .section-header,.mobile-staff-content-shell .topbar,.mobile-staff-content-shell .glass-card{border-radius:24px}.mobile-staff-content-shell .form-grid,.mobile-staff-content-shell .staff-form-single,.mobile-staff-content-shell .history-toolbar,.mobile-staff-content-shell .payroll-import-form,.mobile-staff-content-shell .office-map-search-row,.mobile-staff-content-shell .overview-action-row,.mobile-staff-content-shell .dashboard-two-col,.mobile-staff-content-shell .leave-grid{grid-template-columns:minmax(0,1fr)!important;gap:16px!important;align-items:stretch!important}.mobile-staff-content-shell .detail-header,.mobile-staff-content-shell .button-row,.mobile-staff-content-shell .actions,.mobile-staff-content-shell .filters,.login-form-actions{align-items:stretch!important}}button,.glass-button,.primary-action,.link-button,.tab-button,.logout-button{line-height:1.25!important;min-height:44px;white-space:normal;word-break:normal;overflow-wrap:break-word}.table-wrap th,.table-wrap td{line-height:1.35!important;overflow-wrap:anywhere}@media (max-width: 760px){body,input,select,textarea,button,table,p,li,label,td,th{font-size:clamp(14px,3.7vw,16px)!important;line-height:1.35!important}h1{font-size:clamp(1.55rem,7vw,2.05rem)!important;line-height:1.12!important}h2{font-size:clamp(1.35rem,6vw,1.8rem)!important;line-height:1.15!important}h3{font-size:clamp(1.05rem,4.8vw,1.35rem)!important;line-height:1.2!important}.mobile-staff-menu-shell .tab-button,.mobile-staff-menu-shell .logout-button,.mobile-staff-content-shell .glass-button,.action-row button,.action-row .glass-button,.action-row .link-button{min-height:48px!important;padding:12px 16px!important;line-height:1.2!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important}.action-row{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;align-items:stretch!important}.action-row button,.action-row .glass-button,.action-row .link-button{width:100%!important}.table-wrap{overflow-x:auto!important;-webkit-overflow-scrolling:touch}}:root{font-size:clamp(11px,.72vw + 7.5px,12px);--font-body: clamp(12px, .16vw + 11.2px, 13px);--font-small: clamp(10.5px, .12vw + 10px, 12px);--font-button: clamp(12px, .18vw + 11px, 13.5px);--font-h1: clamp(24px, 1.7vw + 14px, 42px);--font-h2: clamp(20px, 1.25vw + 12px, 32px);--font-h3: clamp(17px, .9vw + 11px, 24px);--font-h4: clamp(15px, .55vw + 10px, 20px)}html,body,#root{font-size:var(--font-body);-webkit-text-size-adjust:100%;text-size-adjust:100%}body,button,input,select,textarea,table,th,td,label,p,a,span,div{font-size:var(--font-body);line-height:1.45}h1{font-size:var(--font-h1)!important;line-height:1.08;letter-spacing:-.045em}h2{font-size:var(--font-h2)!important;line-height:1.12;letter-spacing:-.035em}h3,.card>h3{font-size:var(--font-h3)!important;line-height:1.18}h4{font-size:var(--font-h4)!important;line-height:1.22}small,.small,.muted,.optional-note,.eyebrow,th,.badge,.user-chip small,.brand-block span,.brand-mini span,.hero-metrics span,.today-grid span,.summary-grid span,.detail-grid span{font-size:var(--font-small)!important;line-height:1.35}button,.tab-button,.glass-button,.link-button,input,select,textarea{font-size:var(--font-button)!important;line-height:1.25}.tab-button,button,.glass-button{min-height:44px;white-space:normal;overflow-wrap:anywhere}.brand-block strong,.topbar-title strong{font-size:clamp(15px,.6vw + 12px,22px)!important;line-height:1.15}label,strong,th{line-height:1.25}td,th{overflow-wrap:anywhere;word-break:normal}.card,.form-card,.hero-panel,.topbar,.section-header,.glass-card{overflow:visible}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}@media (max-width: 640px){:root{font-size:12px;--font-body: 12px;--font-small: 11px;--font-button: 12px;--font-h1: clamp(22px, 6vw, 30px);--font-h2: clamp(19px, 5vw, 26px);--font-h3: clamp(16px, 4vw, 21px);--font-h4: clamp(14px, 3.5vw, 18px)}.app-shell{padding:12px;gap:14px}.sidebar{padding:16px;gap:14px}.sidebar-tabs{gap:9px}.tab-button,button,.glass-button{padding:11px 14px;min-height:46px}.brand-block{gap:12px}.brand-block img{width:78px;height:46px}.card,.form-card,.hero-panel,.topbar,.section-header{padding:16px}input,select,textarea{padding:12px 13px}}@media (min-width: 1200px){:root{--font-body: clamp(12px, .18vw + 10px, 14px);--font-button: clamp(12px, .2vw + 10px, 14px)}}input[type=date],.calendar-date-input{min-height:42px;width:100%;min-width:0;box-sizing:border-box;font-size:clamp(12px,1.7vw,14px);line-height:1.4;padding:.65rem .75rem}input[type=date]::-webkit-date-and-time-value,.calendar-date-input::-webkit-date-and-time-value{min-height:1.4em;text-align:left}@media (max-width: 520px){input[type=date],.calendar-date-input{min-height:46px;font-size:12px;padding:.7rem .65rem}}.business-information-page{display:grid;gap:20px}.business-info-hero{display:flex;justify-content:space-between;align-items:center;gap:20px}.business-info-hero h1{margin:2px 0 8px}.business-info-form{padding:26px}.two-column-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.two-column-grid label{display:grid;gap:7px;font-weight:700}.full-width-field{grid-column:1 / -1}.business-map-card{display:grid;grid-template-columns:minmax(260px,.7fr) minmax(320px,1.3fr);gap:20px;align-items:stretch}.business-map-card iframe{width:100%;min-height:340px;border:0;border-radius:20px}.success-message{color:#15803d;font-weight:700}.overview-dashboard-pro .suggestions-card,.overview-dashboard-pro .notifications-card{min-height:100%;padding:22px;border-radius:30px;box-shadow:var(--shadow-soft)}.overview-dashboard-pro>.form-card,.overview-dashboard-pro>.notification-card,.overview-dashboard-pro>.dashboard-list-card,.overview-dashboard-pro .suggestions-card,.overview-dashboard-pro .notifications-card,.overview-dashboard-pro .leave-return-card{width:100%;max-width:none;box-sizing:border-box}.overview-action-row.enterprise-action-stack{align-items:stretch}.overview-action-row.enterprise-action-stack>.form-card{height:100%}.metric-card.metric-link{cursor:pointer;text-align:left;width:100%;font:inherit;color:inherit}.metric-card.metric-link:hover{transform:translateY(-2px);box-shadow:0 14px 32px #5b417821}.overview-dashboard-pro .metric-card strong,.overview-dashboard-pro .metric-card span,.overview-dashboard-pro .metric-card small,.overview-drill-card span,.overview-drill-card small,.page-card-button,.main-page-tab-bar .logout-button{font-weight:500!important}.overview-dashboard-pro .metric-card strong{font-size:1.18rem}.overview-back-button{width:fit-content;margin-bottom:14px;font-weight:500!important}.main-site-page-shell{grid-template-columns:1fr}.main-site-page-shell>.sidebar{display:none}.main-site-page-shell .content-panel{width:min(1440px,100%);margin:0 auto}.main-page-tab-bar{position:sticky;top:12px;z-index:40;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;margin-bottom:18px;padding:12px}.main-page-tab-bar .brand-block{margin:0}.main-page-tab-buttons,.page-card-button-grid{display:flex;flex-wrap:wrap;gap:8px;align-items:stretch}.main-page-tab-buttons{justify-content:center}.page-card-button-grid{margin-bottom:18px}.page-card-button{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 12px;border-radius:13px;border:1px solid rgba(140,108,190,.18);background:#ffffffd1;color:var(--text);box-shadow:0 10px 24px #372c4a12;font-size:.92rem;font-weight:600;line-height:1.15;text-align:center}.page-card-button.active{color:#fff;border-color:#8d63bd94;background:linear-gradient(135deg,#bfa3dff5,#8d63bdd1);box-shadow:0 16px 32px #8d63bd38}.page-card-button span{min-width:0}.main-page-tab-bar .logout-button{min-height:40px;padding:8px 12px;border-radius:13px;font-size:.92rem;font-weight:600}.main-page-tab-bar .brand-block strong{font-size:1.05rem;font-weight:650}.main-page-tab-bar .brand-block span{font-size:.82rem}.main-page-tab-bar .brand-block img{width:76px;height:44px;border-radius:16px}.overview-card-menu-page{width:100%;display:grid;gap:16px;padding:22px;border-radius:30px;background:#ffffffb8;border:1px solid rgba(191,163,223,.18);box-shadow:var(--shadow-soft)}.overview-card-menu-header p{margin:0}.overview-card-menu-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.overview-drill-card{width:100%;min-height:104px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:12px;padding:18px;border-radius:22px;border:1px solid rgba(140,108,190,.16);background:#ffffffdb;box-shadow:0 12px 28px #372c4a14;text-align:left;font-weight:600}.overview-drill-card span{font-size:1rem;font-weight:600}.overview-drill-card small{color:var(--muted);font-weight:500}.overview-drill-card.warning{border-color:#f59e0b38}.overview-drill-card.danger{border-color:#b91c5238}.overview-drill-card.info{border-color:#8e6cca33}@media (max-width:980px){.main-page-tab-bar{grid-template-columns:1fr}.main-page-tab-buttons{justify-content:flex-start}.main-page-tab-bar .logout-button{width:100%}}@media (max-width: 760px){.business-info-hero{align-items:flex-start;flex-direction:column}.two-column-grid,.business-map-card{grid-template-columns:1fr}}.business-information-page>.form-card,.business-information-page>.card{width:100%;max-width:none;box-sizing:border-box}.business-info-form{padding:24px}.business-map-card{display:grid;gap:18px}.business-map-card iframe{width:100%;min-height:360px;border:0;border-radius:20px}.office-location-map-shell{display:grid;gap:12px;margin-top:14px}.office-map-search-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end}.office-map-search-row label{margin:0}.office-map-search-row button{min-height:44px}@media (max-width: 720px){.office-map-search-row{grid-template-columns:1fr}}.business-qr-card,.business-map-card,.business-info-form,.business-info-hero{width:100%;box-sizing:border-box}.business-qr-actions{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-top:18px}.business-qr-actions p{flex-basis:100%;margin:0}.business-qr-settings{margin-top:18px;align-items:end}.business-qr-status{display:flex;min-height:70px;flex-direction:column;justify-content:center;padding:14px 16px;border:1px solid rgba(108,76,166,.14);border-radius:18px;background:#ffffff8c}.overview-action-row.enterprise-action-stack{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.overview-action-row.enterprise-action-stack>.form-card{min-height:320px;border-radius:24px;padding:24px;box-shadow:var(--shadow-soft)}.overview-dashboard-pro .suggestions-card,.overview-dashboard-pro .notifications-card{background:var(--card-bg, rgba(255,255,255,.86));border:1px solid rgba(108,76,166,.12)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#1812267a;display:grid;place-items:center;padding:20px;z-index:9999}.office-delete-modal{width:min(680px,100%);max-height:88vh;overflow:auto}.linked-staff-list{display:grid;gap:10px;margin:16px 0}.linked-staff-row{display:flex;justify-content:space-between;gap:16px;padding:12px 14px;border:1px solid rgba(108,76,166,.14);border-radius:14px;background:#ffffff9e}.danger-button{background:#b91c1c;color:#fff}@media (max-width:760px){.overview-action-row.enterprise-action-stack{grid-template-columns:1fr}.linked-staff-row{flex-direction:column}}.commission-review-workspace{border:1px solid rgba(108,76,166,.16);border-radius:24px;padding:24px;background:#ffffffe0;box-shadow:var(--shadow-soft)}.commission-review-pdf{padding:0;overflow:hidden;background:#fff}.commission-review-pdf iframe{height:72vh;min-height:620px;border-radius:0}.commission-review-decision{display:grid;gap:16px;margin-top:20px;padding:20px;border-radius:18px;background:#f6f2fceb}.commission-review-decision label{display:grid;gap:8px;font-weight:750}.commission-review-decision textarea{min-height:90px}.commission-hierarchy-list{display:grid;gap:18px}.commission-manager-group{display:grid;gap:10px;padding:14px;border:1px solid rgba(108,76,166,.14);border-radius:18px;background:#ffffff7a}.commission-manager-heading{display:grid;gap:7px}.commission-manager-heading>span{color:var(--muted, #7d788c);font-size:.86rem;font-weight:700;padding-left:12px}.commission-linked-employees{display:grid;gap:8px;padding-left:28px;border-left:3px solid rgba(143,99,200,.18)}.commission-employee-row.nested{background:#f7f4fcd1}@media (max-width:760px){.commission-review-workspace{padding:14px}.commission-review-pdf iframe{height:62vh;min-height:480px}}@media (max-width:760px){.commission-linked-employees{padding-left:10px}}.attendance-evidence-note{margin:18px 0;padding:16px;border:1px solid rgba(108,76,166,.16);border-radius:18px;background:#f7f4fcc2}.attendance-evidence-note p{margin:6px 0 0}.attendance-photo-preview{display:block;width:min(220px,100%);max-height:220px;object-fit:cover;margin-top:12px;border-radius:16px;border:1px solid rgba(108,76,166,.18)}.newly-created-id-page,.employee-card-page{width:100%;max-width:none}.created-id-card-stage,.employee-card-mobile-stage{width:100%;display:flex;justify-content:center;align-items:center;padding:24px 0;overflow:hidden}.created-staff-id-card,.employee-self-id-card{width:min(620px,100%)!important}.registered-addresses-card{width:100%;max-width:none}@media (max-width: 640px){.employee-card-page{padding:8px!important;min-height:calc(100dvh - 72px);display:flex;flex-direction:column}.employee-card-heading{margin-bottom:4px}.employee-card-heading .muted{display:none}.employee-card-mobile-stage{flex:1;min-height:0;padding:4px 0;align-items:center}.employee-self-id-card{width:calc(100vw - 24px)!important;max-width:none!important;transform:none!important}}@media print{body *{visibility:hidden}.newly-created-id-page,.newly-created-id-page *{visibility:visible}.newly-created-id-page{position:absolute;top:0;right:0;bottom:0;left:0;padding:0!important;box-shadow:none!important;border:0!important}.newly-created-id-page .detail-header,.newly-created-id-page .button-row{display:none!important}.created-id-card-stage{padding:0}}.commission-employee-search{min-width:min(100%,320px)}.commission-employee-search input{width:100%;margin-top:6px}.commission-employee-list{display:grid;gap:10px}.commission-employee-row{width:100%;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 18px;border:1px solid rgba(20,44,38,.14);border-radius:14px;background:#ffffffb8;text-align:left;color:inherit;cursor:pointer;box-shadow:0 5px 16px #1b362d0f;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.commission-employee-row:hover{transform:translateY(-1px);box-shadow:0 9px 22px #1b362d1c;border-color:#23634e61}.commission-employee-row>div{display:grid;gap:3px;min-width:0}.commission-employee-row strong{font-size:1rem}.commission-employee-row span,.commission-employee-row small{color:var(--muted, #66736f)}.commission-open-label{white-space:nowrap;font-weight:700;color:var(--primary, #23634e)!important}@media (max-width: 640px){.commission-employee-row{align-items:flex-start}.commission-open-label{white-space:normal;text-align:right}}.password-input-row{display:flex;gap:.5rem;align-items:center}.password-input-row input{flex:1;min-width:0}.password-toggle{white-space:nowrap;padding:.65rem .9rem}@media (max-width:760px){input,select,textarea{font-size:16px!important;line-height:1.35!important}.password-input-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:stretch}.password-input-row input,.password-input-row .password-toggle{min-height:48px}}@media (max-width:380px){.password-input-row{grid-template-columns:1fr}.password-input-row .password-toggle{width:100%}}.employee-row-actions{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:7px}.employee-row-actions button{white-space:nowrap}.staff-work-hub{display:grid;gap:20px;width:100%;max-width:none;min-width:0}.staff-work-hub>.detail-header{margin-bottom:0}.staff-work-hub>.detail-header>div:first-child{min-width:0}.staff-work-hub>.detail-header .button-row{justify-content:flex-end;margin:0}.staff-work-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0}.staff-work-summary .stat-card{min-width:0}.staff-work-section{display:grid;gap:12px;padding:18px;border:1px solid rgba(108,76,166,.14);border-radius:18px;background:#ffffff9e}.staff-work-section .table-wrap{min-width:0}.staff-attendance-table{width:100%;min-width:760px;table-layout:fixed}.staff-attendance-table col:nth-child(1){width:16%}.staff-attendance-table col:nth-child(2){width:25%}.staff-attendance-table col:nth-child(3){width:41%}.staff-attendance-table col:nth-child(4){width:18%}.staff-attendance-table th,.staff-attendance-table td{overflow-wrap:anywhere}.staff-commission-table{width:100%}.employee-approval-list{display:grid;gap:10px}.employee-approval-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px;border:1px solid rgba(108,76,166,.14);border-radius:14px;background:#fff}.employee-approval-row>div:first-child{display:grid;gap:4px}.employee-approval-row span{color:var(--muted, #66736f);font-size:.9rem}.employee-notification-row{display:grid;gap:4px;padding:12px 14px;border-left:4px solid rgba(108,76,166,.38);background:#f7f4fcd1;border-radius:10px}.employee-notification-row span,.employee-notification-row small{color:var(--muted, #66736f)}.attendance-step{display:grid;gap:10px;margin-top:16px}@media (max-width:760px){.staff-work-hub>.detail-header{align-items:stretch;flex-direction:column}.staff-work-hub>.detail-header .button-row{justify-content:flex-start}.staff-work-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.employee-approval-row{align-items:flex-start;flex-direction:column}.employee-approval-row .button-row{width:100%}.employee-approval-row .button-row button{flex:1}.staff-work-section{padding:13px}}@media (max-width:440px){.staff-work-summary{grid-template-columns:1fr}}.attendance-flow-progress{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:18px 0}.attendance-flow-progress span{padding:10px 8px;border-radius:14px;background:#766f801a;color:var(--muted);text-align:center;font-size:.84rem;font-weight:800}.attendance-flow-progress span.active{color:#fff;background:linear-gradient(135deg,var(--lilac),var(--lilac-strong))}.attendance-flow-step{display:grid;gap:16px;padding:18px;border:1px solid rgba(108,76,166,.16);border-radius:22px;background:#ffffffad}.attendance-action-choice{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.live-qr-scanner{position:relative;display:grid;place-items:center;overflow:visible;border-radius:22px;background:#16131b;color:#fff}.live-qr-scanner video{display:block;width:100%;height:auto;min-height:0;max-height:70dvh;object-fit:contain;transform:none;background:#16131b}.live-qr-scanner>strong{position:absolute;left:16px;right:16px;bottom:14px;padding:10px 12px;border-radius:12px;background:#000000ad;text-align:center}.qr-frame-guide{display:none}.manual-qr-save-panel{display:grid;grid-template-columns:1fr;gap:14px;padding:16px;border-radius:18px;border:1px solid rgba(108,76,166,.16);background:#ffffffb8}.manual-qr-save-panel p,.manual-qr-save-panel label{margin:0!important}.manual-qr-save-panel input{text-align:center;font-size:22px!important;letter-spacing:.18em;font-weight:700}.manual-qr-save-panel .primary-action{width:100%;min-height:50px}.manual-qr-open-button{width:100%;min-height:50px;justify-content:center;position:sticky;bottom:12px;z-index:8}.manual-qr-open-button-top{position:static;bottom:auto;order:0}.qr-scan-error{font-size:.95rem;line-height:1.35}.attendance-evidence-status{display:flex;flex-wrap:wrap;gap:10px}.attendance-evidence-status span{padding:8px 12px;border-radius:999px;font-size:.85rem;font-weight:800}.attendance-evidence-status .ready{color:#11643f;background:#147a551f}.attendance-evidence-status .waiting{color:#936000;background:#f0b42829}.attendance-complete-button{width:100%;min-height:52px}.attendance-complete-state{text-align:center}.attendance-alert-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:12000;display:grid;place-items:center;padding:18px;background:#18122694}.attendance-alert-popup{width:min(620px,100%);max-height:88vh;overflow:auto;padding:26px;border:2px solid rgba(180,35,79,.42);border-radius:28px;background:#fff;box-shadow:0 30px 90px #3c192857}.attendance-alert-popup h2{color:var(--danger)}.attendance-alert-popup>p:not(.eyebrow){white-space:pre-line;line-height:1.55}.attendance-alert-popup>small{color:var(--muted)}@media (max-width:520px){.attendance-flow-step{padding:13px}.attendance-flow-step .detail-header{grid-template-columns:minmax(0,1fr) auto;align-items:start}.attendance-flow-step .detail-header .glass-button{width:auto;min-width:86px;white-space:nowrap;padding:10px 12px}.attendance-action-choice{grid-template-columns:1fr}.live-qr-scanner,.live-qr-scanner video{min-height:0}.live-qr-scanner>strong{left:10px;right:10px;bottom:10px;font-size:.9rem}.manual-qr-open-button{bottom:76px}.manual-qr-open-button-top{position:static;bottom:auto}.qr-camera-preview,.live-qr-scanner video{object-fit:contain!important;transform:none!important}button:hover,.glass-button:hover,.tab-button:hover,.metric-card.metric-link:hover,.commission-employee-row:hover{transform:none!important}.attendance-alert-popup{padding:20px;border-radius:22px}}:root{--bg: var(--martins-bg);--panel: var(--martins-surface);--panel-strong: var(--martins-surface);--panel-2: var(--martins-surface-soft);--text: var(--martins-text);--muted: var(--martins-muted);--line: var(--martins-border);--border: var(--martins-border);--primary: var(--martins-primary);--primary-strong: var(--martins-primary-strong);--lilac: var(--martins-primary);--lilac-strong: var(--martins-primary-strong);--shadow: var(--martins-shadow)}html,body{font-family:var(--martins-font)!important;background:var(--martins-bg)!important;color:var(--martins-text);letter-spacing:0}h1,h2,h3,h4{color:var(--martins-text);letter-spacing:0!important;font-weight:800}a{color:var(--martins-primary-strong)}.app-shell{background:var(--martins-bg)!important}.sidebar{background:var(--martins-sidebar)!important;color:#fff!important;border-radius:0!important;box-shadow:4px 0 18px #18202a29!important}.sidebar a,.tab-button{border-radius:var(--martins-radius)!important}.tab-button.active,.tab-button:hover{background:#ffffff24!important;color:#fff!important;transform:none!important}.glass-card,.card,.topbar,.form-card,.status-panel,.today-card,.approval-item,.decision-box,.map-card,.install-card,.hero-panel,.section-header,.staff-card,.staff-list-card{background:var(--martins-surface)!important;border:1px solid var(--martins-border)!important;border-radius:var(--martins-radius)!important;box-shadow:var(--martins-shadow)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}button,.glass-button,.tab-button,input[type=submit]{border-radius:var(--martins-radius)!important;font-weight:800;box-shadow:none!important}button,.glass-button,button[type=submit],input[type=submit]{background:var(--martins-primary)!important;border-color:var(--martins-primary)!important;color:#fff!important}button:hover,.glass-button:hover{background:var(--martins-primary-strong)!important;border-color:var(--martins-primary-strong)!important;transform:none!important}input,select,textarea{border:1px solid var(--martins-border)!important;border-radius:var(--martins-radius)!important;background:#fff!important;color:var(--martins-text)!important}input:focus,select:focus,textarea:focus{border-color:var(--martins-primary)!important;box-shadow:0 0 0 3px #6b4aa02e!important;outline:none!important}th{background:var(--martins-surface-soft)!important;color:var(--martins-muted)!important}.brand-block,.brand-mini,.login-brand-copy{display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;gap:8px!important}.brand-block img,.brand-mini img,.login-logo{width:118px!important;height:64px!important;max-height:64px!important;object-fit:contain!important}.brand-block strong,.brand-mini strong,.login-brand-copy strong{display:block!important;width:100%;font-size:18px!important;line-height:1.15!important;font-weight:900!important}.brand-block span,.brand-mini span,.login-brand-copy span{display:block!important;color:var(--martins-muted)!important;font-size:12px!important;line-height:1.2!important;text-transform:none!important}.sidebar .brand-block span,.sidebar .brand-block strong{color:#fff!important}body.bg-light,body.auth-body,.login-page-bg,.main--auth,.app-shell--auth{background:#f7f8fb!important}.martins-login-card,.auth-wrap>.auth-card,.center-page .login-card,.main--auth .content>.card,.container .card.shadow{width:min(1140px,calc(100vw - 32px))!important;max-width:1140px!important;margin:56px auto!important;border:1px solid #dde3ea!important;border-radius:12px!important;background:#fff!important;box-shadow:0 14px 34px #10182824!important;overflow:hidden!important}.martins-login-header,.card-header.martins-login-header{min-height:58px!important;padding:14px 20px!important;background:#6b4aa0!important;color:#fff!important;border:0!important;border-radius:0!important;align-items:flex-start!important;text-align:left!important}.martins-login-header img{display:none!important}.martins-login-header strong{font-size:18px!important;color:#fff!important}.martins-login-header span{color:#ffffffc7!important}.martins-auth-brand{display:grid!important;place-items:center!important;gap:8px!important;padding:34px 24px 10px!important;text-align:center!important}.martins-auth-brand img,.login-logo,.auth-branding__logo{width:220px!important;height:100px!important;max-height:100px!important;object-fit:contain!important;margin:0 auto!important}.martins-auth-brand strong,.login-brand-copy strong,.auth-branding__copy h1{font-size:24px!important;line-height:1.15!important;color:#101828!important;font-weight:800!important;margin:0!important}.martins-auth-brand span,.login-brand-copy span,.auth-branding__copy p{font-size:14px!important;color:#667085!important;margin:0!important}.martins-login-body,.card-body,.auth-panel,.login-card form,.main--auth .card form{padding:28px 32px!important}.martins-login-grid{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:32px!important}.martins-login-grid>*+*{border-left:1px solid #dde3ea!important;padding-left:32px!important}.martins-login-card label,.auth-panel label,.login-card label,.main--auth .card label,.card-body label{display:block!important;font-size:14px!important;font-weight:700!important;color:#101828!important;margin-bottom:6px!important}.martins-login-card input,.auth-panel input,.login-card input,.main--auth .card input,.card-body input{min-height:42px!important;border:1px solid #dde3ea!important;border-radius:6px!important;box-shadow:none!important}.martins-login-card .btn,.martins-login-card button,.auth-panel button,.login-card button[type=submit],.main--auth .card button[type=submit],.card-body button{min-height:44px!important;border-radius:6px!important;background:#6b4aa0!important;border-color:#6b4aa0!important;color:#fff!important;font-weight:700!important}.martins-login-card .btn-outline-primary,.card-body .btn-outline-primary{background:#fff!important;color:#6b4aa0!important;border-color:#6b4aa0!important}@media (max-width: 820px){.martins-login-grid{grid-template-columns:1fr!important}.martins-login-grid>*+*{border-left:0!important;border-top:1px solid #dde3ea!important;padding-left:0!important;padding-top:24px!important}.martins-login-card,.auth-wrap>.auth-card,.center-page .login-card,.main--auth .content>.card,.container .card.shadow{margin:18px auto!important}}@media (min-width: 981px){.main-site-page-shell{grid-template-columns:290px minmax(0,1fr)!important;gap:0!important;padding:0!important;align-items:stretch!important}.main-site-page-shell>.sidebar{display:flex!important;position:sticky!important;top:0!important;width:290px!important;height:100vh!important;padding:18px 14px 30px!important;border:0!important;border-radius:0!important;overflow-y:auto!important}.main-site-page-shell .content-panel{width:100%!important;max-width:none!important;margin:0!important;padding:0 30px 36px!important}.main-site-page-shell .sidebar .brand-block{min-height:128px!important;margin:0 2px 16px!important;padding:14px 12px!important;flex-direction:column!important;justify-content:center!important;text-align:center!important;background:#ffffff1a!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:14px!important}.main-site-page-shell .sidebar .brand-block img{width:150px!important;height:66px!important;object-fit:contain!important}.main-site-page-shell .sidebar-tabs{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}.main-site-page-shell .sidebar .tab-button{min-height:52px!important;justify-content:flex-start!important;padding:11px 14px!important;background:#ffffff14!important;color:#fff!important;border-radius:12px!important}}.martins-app-topbar{min-height:84px;margin:0 -30px 28px;padding:12px 30px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fff;border-bottom:1px solid #dce2e8;box-shadow:0 4px 18px #18202a0d}.martins-app-topbar-brand,.martins-app-topbar-account{display:flex;align-items:center;gap:12px}.martins-app-topbar-brand{color:#18202a;text-decoration:none;font-size:22px}.martins-app-topbar-brand img{width:112px;height:52px;object-fit:contain}.martins-app-topbar-account{color:#64707d}.martins-app-topbar-account>strong{color:#18202a}.martins-app-topbar-account>small{padding:4px 9px;color:#6b4aa0;background:#f1ecf7;border-radius:999px;font-weight:700}@media (max-width: 980px){.martins-app-topbar{display:none}}.sidebar,.app-sidebar,.executive-sidebar{background:#6b4aa0!important;color:#fff!important}.sidebar *,.app-sidebar *,.executive-sidebar *{color:inherit}.sidebar a,.sidebar button,.sidebar .nav-link,.sidebar .tab-button,.app-sidebar a,.app-sidebar button,.side-link,.side-toggle{background:transparent!important;color:#fff!important;border-color:transparent!important}.sidebar a:hover,.sidebar button:hover,.sidebar .nav-link:hover,.sidebar .nav-link.is-active,.sidebar .tab-button:hover,.sidebar .tab-button.active,.app-sidebar a:hover,.app-sidebar button:hover,.side-link:hover,.side-link.active,.side-toggle:hover,.side-group[open]>.side-toggle{background:#ffffff2e!important;color:#fff!important}.side-submenu,.sidebar-subnav{background:#fff!important;color:#101828!important}.side-submenu a,.sidebar-subnav a{color:#101828!important}.side-submenu a:hover,.sidebar-subnav a:hover{background:#f0eafa!important;color:#6b4aa0!important}html,body,input,select,textarea,button{font-family:Arial,Helvetica,sans-serif!important}body,p,td,input,select,textarea,.muted,.small{font-weight:400!important}h1,h2,h3,h4,h5,h6,strong,label,th,button,.btn,.sidebar-brand,.side-link,.side-toggle,.nav-link,.tab-button,.martins-login-header strong,.martins-auth-brand strong{font-family:Arial,Helvetica,sans-serif!important;font-weight:700!important}.flash-stack.auth-flash-stack,.main--auth .flashwrap,.app-shell--auth .flashwrap,.main--auth .messages,.app-shell--auth .messages,.auth-shell .flashwrap,.auth-shell .messages,.martins-login-card .alert:not(.alert-danger):not(.danger),.martins-login-card .flash:not(.danger){display:none!important}.auth-shell,.center-page,.main--auth,.app-shell--auth,body.bg-light{min-height:100vh!important;display:grid!important;align-items:start!important;justify-items:center!important;padding:0!important;background:#f7f8fb!important}.martins-login-card,.auth-wrap>.auth-card,.center-page .login-card,.main--auth .content>.card,.container .card.shadow{width:min(1400px,calc(100vw - 32px))!important;max-width:1400px!important;min-height:0!important;margin:76px auto!important;padding:0!important;border:1px solid #dde3ea!important;border-radius:12px!important;background:#fff!important;box-shadow:0 14px 34px #10182824!important;overflow:hidden!important}.martins-login-header,.card-header.martins-login-header{width:100%!important;min-height:74px!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:flex-start!important;gap:3px!important;padding:16px 24px!important;margin:0!important;background:#6b4aa0!important;color:#fff!important;border:0!important;border-radius:0!important;text-align:left!important}.martins-login-header strong{display:block!important;color:#fff!important;font-size:20px!important;line-height:1.15!important;margin:0!important}.martins-login-header span{display:block!important;color:#ffffffc7!important;font-size:14px!important;line-height:1.2!important;margin:0!important}.martins-auth-brand{width:100%!important;display:grid!important;place-items:center!important;gap:8px!important;padding:44px 24px 32px!important;text-align:center!important}.martins-auth-brand img,.login-logo,.auth-branding__logo{width:220px!important;height:100px!important;max-width:220px!important;max-height:100px!important;object-fit:contain!important;margin:0 auto!important}.martins-login-body,.card-body,.auth-panel,.login-card form,.main--auth .card form,.auth-body{width:100%!important;box-sizing:border-box!important;padding:34px 40px 44px!important}.martins-login-body h1,.auth-body h1,.main--auth .card h1{margin:0 0 24px!important;font-size:30px!important}.martins-login-card input,.auth-panel input,.login-card input,.main--auth .card input,.card-body input,.auth-body input{width:100%!important;min-height:52px!important}.martins-login-card button,.martins-login-card .btn,.auth-panel button,.login-card button,.main--auth .card button,.auth-body .btn{min-height:52px!important}body.martins-auth-page,body.bg-light,.auth-shell,.center-page,.main--auth,.app-shell--auth{min-height:100vh!important;display:flex!important;justify-content:center!important;align-items:flex-start!important;padding:72px 16px 32px!important;background:#f7f8fb!important}.martins-auth-shell,body.bg-light>.container,.auth-wrap,.center-page,.main--auth .content{width:min(1120px,100%)!important;max-width:1120px!important;margin:0 auto!important;padding:0!important}.martins-login-card,.auth-wrap>.auth-card,.center-page .login-card,.main--auth .content>.card,.container .card.shadow{width:100%!important;max-width:1120px!important;margin:0 auto!important}.martins-auth-brand{min-height:260px!important;padding:44px 24px 34px!important}.martins-login-body,.card-body.martins-login-body,.auth-panel,.login-card form,.main--auth .card form,.auth-body{padding:36px 40px 44px!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important}.martins-login-body form,.auth-panel form,.login-card form,.main--auth .card form{max-width:none!important}.martins-login-body .muted:first-child,.martins-login-body>p:first-child{display:none!important}body.app-body>.nav{display:none!important}@media (max-width: 820px){body.martins-auth-page,body.bg-light,.auth-shell,.center-page,.main--auth,.app-shell--auth{padding:16px!important}.martins-auth-brand{min-height:220px!important}.martins-login-body,.card-body.martins-login-body,.auth-panel,.login-card form,.main--auth .card form,.auth-body{padding:28px 24px 34px!important}}:root{font-family:Arial,Helvetica,sans-serif!important;color:#18202a!important;background:#f7f8fb!important;--martins-bg: #f7f8fb;--martins-primary: #6B4AA0;--martins-primary-strong: #583b88;--martins-accent: #8f73bd;--martins-text: #18202a;--martins-muted: #64707d;--martins-border: #dce2e8;--martins-radius: 12px;--martins-shadow: 0 12px 28px rgba(24, 32, 42, .08)}body,p,td,input,select,textarea,.muted,.small{font-family:Arial,Helvetica,sans-serif!important;font-weight:400!important}h1,h2,h3,h4,h5,h6,label,th,button,.btn,.sidebar-brand,.side-link,.side-toggle,.nav-link,.tab-button,.page-card-button,.martins-login-header strong,.martins-login-header span,.martins-auth-brand strong,.martins-auth-brand span,.brand-block strong,.brand-block span,.brand-mini strong,.brand-mini span,.sub-tabs button{font-family:Arial,Helvetica,sans-serif!important;font-weight:700!important}input,select,textarea{border-color:#dce2e8!important;border-radius:6px!important}input:focus,select:focus,textarea:focus{border-color:#6b4aa0!important;box-shadow:0 0 0 3px #6b4aa02e!important;outline:none!important}.martins-login-card,.auth-wrap>.auth-card,.center-page .login-card,.main--auth .content>.card,.container .card.shadow{width:min(1120px,calc(100vw - 32px))!important;max-width:1120px!important;border-radius:12px!important;border-color:#dce2e8!important}.martins-login-header,.card-header.martins-login-header{align-items:center!important;text-align:center!important;background:#6b4aa0!important}.martins-login-header strong,.martins-login-header span{color:#fff!important}.martins-auth-brand img,.login-logo,.auth-branding__logo{width:220px!important;height:100px!important;max-width:220px!important;max-height:100px!important;object-fit:contain!important}button,.glass-button,.martins-login-card .btn,input[type=submit]{min-height:44px!important;border-radius:6px!important;background:#6b4aa0!important;border-color:#6b4aa0!important;color:#fff!important;font-weight:700!important}.sidebar .tab-button:hover,.sidebar .tab-button.active,.app-sidebar a:hover,.app-sidebar button:hover,.side-link:hover,.side-link.active,.side-toggle:hover,.side-group[open]>.side-toggle{background:#ffffff2e!important}@media (max-width: 820px){body.martins-auth-page,body.bg-light,.auth-shell,.center-page,.main--auth,.app-shell--auth{padding:16px!important}}:root{--ui-gap-xs: 6px;--ui-gap-sm: 10px;--ui-gap-md: 16px;--ui-gap-lg: 22px;--ui-gap-xl: 30px;--ui-card-pad: clamp(20px, 2vw, 30px);--ui-inner-pad: clamp(14px, 1.4vw, 20px);--ui-radius: 22px}.page,.staff-page,.irp5-page,.leave-page,.payroll-page,.overview-dashboard{gap:var(--ui-gap-lg)!important}.card,.form-card,.glass-card,.hero-panel,.status-panel,.today-card,.section-header,.dashboard-list-card,.map-card,.approval-item,.decision-box,.install-card,.export-user-panel,.pdf-preview,.detail-panel{padding:var(--ui-card-pad)!important;border-radius:28px!important;overflow:hidden!important}.metric-card,.stat-card,.today-grid>div,.summary-grid>div,.hero-metrics>div,.detail-grid>div,.suggestion-item,.notification-row,.notification-card,.notification-mini-row,.user-check,.leave-calendar-item,.export-user-list>*,.table-wrap,.signature-box,.signature-pad-upgraded,.staff-detail-card,.document-card,.timeline-card,.timeline-block,.leave-block,.red-block,.green-block{padding:var(--ui-inner-pad)!important;border-radius:var(--ui-radius)!important}.card h1,.card h2,.card h3,.card h4,.form-card h1,.form-card h2,.form-card h3,.section-header h1,.section-header h2,.hero-panel h1,.hero-panel h2{margin:0 0 var(--ui-gap-sm)!important;line-height:1.12!important;overflow-wrap:anywhere}.card p,.form-card p,.section-header p,.hero-panel p,.suggestion-item p,.notification-row p,.notification-card p,.detail-grid p,.leave-calendar-item p,td p{margin:0 0 var(--ui-gap-sm)!important;line-height:1.45!important;overflow-wrap:anywhere}.card p:last-child,.form-card p:last-child,.section-header p:last-child,.hero-panel p:last-child,.suggestion-item p:last-child,.notification-row p:last-child,.notification-card p:last-child,.detail-grid p:last-child,.leave-calendar-item p:last-child,td p:last-child{margin-bottom:0!important}label,.compact-filter,.small-label{display:flex!important;flex-direction:column!important;gap:8px!important;margin:0 0 var(--ui-gap-md)!important;line-height:1.25!important}input,select,textarea{padding:12px 14px!important;min-height:42px!important;line-height:1.3!important}textarea{min-height:96px;resize:vertical}.button-row,.actions,.filters,.wrap-actions,.action-row,.login-form-actions,.history-toolbar,.approval-toolbar,.sub-tabs{gap:var(--ui-gap-md)!important}button,.glass-button,.link-button,.small-button{line-height:1.25!important}.grid,.form-grid,.staff-form-grid,.staff-form-single,.history-toolbar,.dashboard-metrics,.dashboard-two-col,.today-grid,.summary-grid,.stat-grid,.stat-grid.mini,.hero-metrics,.leave-grid,.detail-grid,.export-user-list,.overview-notification-grid{gap:var(--ui-gap-lg)!important}.table-wrap{margin-top:var(--ui-gap-md)!important;background:#ffffff8c}table{border-collapse:separate!important;border-spacing:0!important}th,td{padding:15px 18px!important;line-height:1.38!important;vertical-align:top!important;overflow-wrap:anywhere!important}th:first-child,td:first-child{padding-left:20px!important}th:last-child,td:last-child{padding-right:20px!important}.metric-card,.stat-card,.today-grid>div,.summary-grid>div,.hero-metrics>div{display:grid!important;align-content:start!important;gap:7px!important;min-width:0}.metric-card strong,.stat-card strong,.today-grid strong,.summary-grid strong,.hero-metrics strong{display:block!important;line-height:1.05!important;margin:0!important}.metric-card span,.metric-card small,.stat-card span,.stat-card small,.today-grid span,.summary-grid span,.hero-metrics span,.muted,.small{line-height:1.35!important}.notification-row,.notification-mini-row{align-items:flex-start!important}.notification-row>*,.notification-mini-row>*,.suggestion-item>*{min-width:0}.badge,.status-pill,.notification-count{margin:2px 0}@media (max-width: 760px){:root{--ui-card-pad: 18px;--ui-inner-pad: 14px;--ui-gap-lg: 16px}.app-shell{padding:12px!important;gap:14px!important}.button-row,.actions,.filters,.wrap-actions,.action-row{align-items:stretch!important}.button-row button,.actions button,.filters button,.wrap-actions button,.action-row button{width:100%}th,td{padding:12px 14px!important}}:root{--login-bg: #f7f8fb;--login-primary: #6B4AA0;--login-primary-dark: #583b88;--login-accent: #8f73bd;--login-text: #18202a;--login-muted: #64707d;--login-border: #dce2e8;--login-card: #ffffff;--login-shadow: 0 18px 42px rgba(24, 32, 42, .1)}body{font-family:Arial,Helvetica,sans-serif!important;font-weight:400!important;color:var(--login-text)!important;background:var(--login-bg)!important}h1,h2,h3,h4,h5,h6,label,button,.tab-button,.sidebar-tabs button,.martins-login-header,.martins-auth-brand,.professional-login-card .link-button{font-family:Arial,Helvetica,sans-serif!important;font-weight:700!important}.professional-login-page,.center-page.login-page-bg{min-height:100vh!important;width:100%!important;padding:24px!important;display:flex!important;align-items:center!important;justify-content:center!important;background:var(--login-bg)!important}.professional-login-card,.center-page.login-page-bg .login-card-compact{width:min(430px,calc(100vw - 32px))!important;max-width:430px!important;padding:0!important;overflow:hidden!important;display:block!important;background:var(--login-card)!important;border:1px solid var(--login-border)!important;border-radius:12px!important;box-shadow:var(--login-shadow)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.professional-register-card,.center-page.login-page-bg .wide-form.login-card{width:min(960px,calc(100vw - 32px))!important;max-width:960px!important;padding:28px!important}.professional-register-card>h3,.center-page.login-page-bg .wide-form.login-card>h3{margin:0 0 22px!important;color:var(--login-text)!important;font-size:1.35rem!important}.professional-register-card .martins-login-header,.professional-register-card .martins-auth-brand,.center-page.login-page-bg .wide-form.login-card .martins-login-header,.center-page.login-page-bg .wide-form.login-card .martins-auth-brand,.martins-login-header{display:none!important}.professional-login-card .martins-auth-brand,.center-page.login-page-bg .login-card-compact .martins-auth-brand{min-height:auto!important;padding:34px 32px 22px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:6px!important;text-align:center!important;background:#fff!important;border-bottom:1px solid var(--login-border)!important}.professional-login-card .login-logo,.professional-login-card .martins-auth-brand img,.center-page.login-page-bg .login-card-compact .login-logo,.center-page.login-page-bg .login-card-compact .martins-auth-brand img{display:block!important;width:min(220px,78%)!important;height:auto!important;max-width:220px!important;max-height:110px!important;margin:0 auto 8px!important;object-fit:contain!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;padding:0!important}.professional-login-card .martins-auth-brand strong,.center-page.login-page-bg .login-card-compact .martins-auth-brand strong{color:var(--login-text)!important;font-size:1.3rem!important;line-height:1.2!important}.professional-login-card .martins-auth-brand span,.center-page.login-page-bg .login-card-compact .martins-auth-brand span{color:var(--login-muted)!important;font-size:.9rem!important}.professional-login-card .login-form,.professional-login-card form.login-form,.center-page.login-page-bg .login-card-compact .login-form,.center-page.login-page-bg .login-card-compact form.login-form{padding:28px 32px 30px!important;margin:0!important;display:grid!important;gap:16px!important;background:#fff!important;border:0!important;box-shadow:none!important}.professional-login-card label,.center-page.login-page-bg .login-card label{margin:0!important;display:grid!important;gap:8px!important;color:var(--login-text)!important;font-size:.92rem!important;line-height:1.2!important}.professional-login-card input,.center-page.login-page-bg .login-card input,.professional-register-card input,.professional-register-card select,.professional-register-card textarea{width:100%!important;min-height:44px!important;padding:11px 12px!important;color:var(--login-text)!important;background:#fff!important;border:1px solid var(--login-border)!important;border-radius:6px!important;box-shadow:none!important;font-family:Arial,Helvetica,sans-serif!important;font-weight:400!important}.professional-login-card input:focus,.center-page.login-page-bg .login-card input:focus,.professional-register-card input:focus,.professional-register-card select:focus,.professional-register-card textarea:focus{border-color:var(--login-primary)!important;box-shadow:0 0 0 3px #6b4aa02e!important;outline:none!important}.professional-login-card .password-input-row,.center-page.login-page-bg .login-card-compact .password-input-row{display:flex!important;align-items:stretch!important;gap:8px!important}.professional-login-card .password-input-row input,.center-page.login-page-bg .login-card-compact .password-input-row input{min-width:0!important;flex:1 1 auto!important}.professional-login-card button,.center-page.login-page-bg .login-card button,.professional-register-card button{min-height:44px!important;border-radius:8px!important;border:1px solid var(--login-primary)!important;background:var(--login-primary)!important;color:#fff!important;box-shadow:none!important;font-family:Arial,Helvetica,sans-serif!important;font-weight:700!important}.professional-login-card button:hover,.center-page.login-page-bg .login-card button:hover,.professional-register-card button:hover{background:var(--login-primary-dark)!important;border-color:var(--login-primary-dark)!important;transform:none!important}.professional-login-card button:disabled,.center-page.login-page-bg .login-card button:disabled,.professional-register-card button:disabled{opacity:.72!important;cursor:not-allowed!important}.professional-login-card .password-toggle,.center-page.login-page-bg .login-card-compact .password-toggle{flex:0 0 auto!important;padding:0 14px!important;background:#fff!important;border-color:var(--login-border)!important;color:var(--login-primary)!important}.professional-login-card .login-form-actions,.center-page.login-page-bg .login-card-compact .login-form-actions{display:block!important;margin:2px 0 0!important}.professional-login-card .login-form-actions button[type=submit],.center-page.login-page-bg .login-card-compact .login-form-actions button[type=submit]{width:100%!important;border-radius:8px!important}.professional-login-links,.center-page.login-page-bg .login-register-bottom{display:flex!important;justify-content:space-between!important;gap:14px!important;flex-wrap:wrap!important;padding-top:2px!important}.professional-login-card .professional-login-links .link-button,.center-page.login-page-bg .login-card-compact .forgot-link,.center-page.login-page-bg .login-card-compact .register-link,.center-page.login-page-bg .login-register-bottom .secondary{min-height:auto!important;width:auto!important;padding:0!important;border:0!important;background:transparent!important;color:var(--login-primary)!important;border-radius:0!important;box-shadow:none!important;line-height:1.35!important}.professional-login-card .professional-login-links .link-button:hover,.center-page.login-page-bg .login-card-compact .forgot-link:hover,.center-page.login-page-bg .login-card-compact .register-link:hover,.center-page.login-page-bg .login-register-bottom .secondary:hover{background:transparent!important;border-color:transparent!important;color:var(--login-primary-dark)!important;text-decoration:underline!important;transform:none!important}.professional-login-card .forgot-link,.professional-login-card .register-link,.center-page.login-page-bg .login-card-compact .forgot-link,.center-page.login-page-bg .login-card-compact .register-link{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;box-shadow:none!important;text-align:left!important;white-space:nowrap!important}.professional-login-card .muted,.professional-login-card .small,.center-page.login-page-bg .login-card .muted,.center-page.login-page-bg .login-card .small{color:var(--login-muted)!important;font-weight:400!important}.professional-login-card .error,.center-page.login-page-bg .login-card .error,.professional-register-card .error{color:#b43b47!important;font-weight:700!important}.professional-register-card .success{color:#20795a!important;font-weight:700!important}.overview-card-menu-grid .overview-drill-card,.overview-metric-rail .metric-card,.overview-dashboard-pro .metric-card,.dashboard-metrics .metric-card,.hero-metrics>div,.today-grid>div,.summary-grid>div,.notification-card,.suggestion-item,.notification-row{background:#fff!important;color:var(--login-text)!important;border:1px solid var(--login-border)!important;box-shadow:0 10px 24px #18202a12!important}.overview-card-menu-grid .overview-drill-card:hover,.overview-metric-rail .metric-card:hover,.overview-dashboard-pro .metric-card:hover,.dashboard-metrics .metric-card:hover{background:#f8fafc!important;border-color:#6b4aa047!important;transform:translateY(-1px)!important}.overview-card-menu-grid .overview-drill-card span,.overview-card-menu-grid .overview-drill-card strong,.overview-metric-rail .metric-card span,.overview-metric-rail .metric-card strong,.overview-dashboard-pro .metric-card span,.overview-dashboard-pro .metric-card strong,.dashboard-metrics .metric-card span,.dashboard-metrics .metric-card strong,.hero-metrics strong,.today-grid strong,.summary-grid strong{color:var(--login-primary)!important}.overview-card-menu-grid .overview-drill-card small,.overview-metric-rail .metric-card small,.overview-dashboard-pro .metric-card small,.dashboard-metrics .metric-card small,.hero-metrics span,.today-grid span,.summary-grid span{color:var(--login-muted)!important}@media (max-width: 640px){.professional-login-page{padding:16px!important}.professional-login-card{width:100%!important}.professional-login-card .martins-auth-brand{padding:28px 24px 18px!important}.professional-login-card .login-form,.professional-login-card form.login-form{padding:24px!important}.professional-login-card .password-input-row{flex-direction:column!important}.professional-login-card .password-toggle{width:100%!important}.professional-login-links .link-button,.center-page.login-page-bg .login-card-compact .forgot-link,.center-page.login-page-bg .login-card-compact .register-link{width:auto!important}.professional-login-links{flex-direction:row!important;align-items:center!important;justify-content:space-between!important}}:root{--martins-bg:#f6f7fb;--martins-primary:#6b4ba0;--martins-text:#211b30;--martins-muted:#758195;--martins-border:#e1e6ef;--ui-card-pad:22px;--ui-inner-pad:16px;--ui-radius:17px;--ui-gap-lg:18px}body{background:#f6f7fb!important;font:14px/1.5 Arial,Helvetica,sans-serif!important;color:#211b30!important}body:before{display:none!important}.app-shell h1{font-size:36px!important;letter-spacing:-.8px!important}.app-shell h2{font-size:24px!important;letter-spacing:-.3px!important}.app-shell h3{font-size:20px!important}.app-shell h1,.app-shell h2,.app-shell h3{font-weight:800!important;line-height:1.2!important}.app-shell p{font-size:14px!important;line-height:1.5!important}.app-shell .muted,.app-shell .small{color:#758195!important}.app-shell .card,.app-shell .form-card,.app-shell .glass-card,.app-shell .hero-panel,.app-shell .status-panel,.app-shell .today-card,.app-shell .map-card,.app-shell .install-card,.app-shell .overview-hero-panel{background:#fff!important;border:1px solid #e1e6ef!important;border-radius:17px!important;box-shadow:0 12px 30px #18202a0f!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;padding:22px!important;min-width:0}.app-shell button{font-size:12px!important;font-weight:700!important;min-height:44px!important;border-radius:10px!important;padding:10px 17px!important}.app-shell .glass-button{background:#fff!important;color:#6b4ba0!important;border:1px solid #e1e6ef!important;box-shadow:none!important}.app-shell .danger-button{background:#b43b47!important;color:#fff!important;border-color:#b43b47!important}.app-shell input:not([type=checkbox]):not([type=radio]),.app-shell select,.app-shell textarea{font:14px/1.5 Arial,Helvetica,sans-serif!important;min-height:46px!important;border:1px solid #e1e6ef!important;border-radius:8px!important;padding:11px 14px!important;max-width:100%;min-width:0}.app-shell label,.app-shell table{font-size:12px!important}.app-shell th{font-size:10px!important;text-transform:uppercase;letter-spacing:.25px;background:#f0f2f6!important;color:#6f788a!important}.app-shell th,.app-shell td{padding:13px 12px!important;border-color:#e1e6ef!important}.app-shell .table-wrap{overflow:auto!important;max-width:100%;padding:0!important;border:1px solid #e1e6ef!important;border-radius:15px!important}.app-shell .metric-card,.app-shell .stat-card{background:#fff!important;border:1px solid #e1e6ef!important;border-radius:17px!important;box-shadow:0 12px 30px #18202a0f!important;padding:22px!important}.app-shell .metric-card strong,.app-shell .stat-card strong{font-size:25px!important;font-weight:800!important}.app-shell .metric-card span,.app-shell .stat-card span{font-size:11px!important;font-weight:700!important}.app-shell .metric-card small,.app-shell .stat-card small{font-size:12px!important}.main-site-page-shell{grid-template-columns:260px minmax(0,1fr)!important;gap:0!important;padding:0!important}.main-site-page-shell>.sidebar{display:flex!important;position:sticky!important;top:0!important;width:260px!important;height:100dvh!important;padding:18px 14px!important;border:0!important;border-radius:0!important;overflow-y:auto!important;background:#6b4ba0!important;color:#fff!important}.main-site-page-shell .content-panel{width:100%!important;max-width:none!important;margin:0!important;padding:0 28px 28px!important;min-width:0}.main-site-page-shell .sidebar .brand-block{display:flex!important;flex-direction:column!important;justify-content:center!important;text-align:center!important;background:transparent!important;border:0!important;padding:10px!important;margin:0 0 20px!important;gap:8px!important}.main-site-page-shell .sidebar .brand-block img{width:150px!important;height:68px!important;object-fit:contain!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;padding:0!important}.main-site-page-shell .sidebar .brand-block strong{font-size:13px!important;color:#fff!important}.main-site-page-shell .sidebar .brand-block span{font-size:11px!important;color:#e4d9f1!important}.main-site-page-shell .sidebar-tabs{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}.main-site-page-shell .sidebar .tab-button{background:#ffffff24!important;color:#fff!important;border:0!important;min-height:54px!important;border-radius:11px!important;text-align:left!important;justify-content:flex-start!important;padding:12px 16px!important;font-size:13px!important}.main-site-page-shell .sidebar .tab-button.active{background:#fff!important;color:#6b4ba0!important}.main-site-page-shell .sidebar .tab-button:hover{background:#8b70b5!important;color:#fff!important}.main-site-page-shell .sidebar .logout-button{background:#ffffff24!important;color:#fff!important}.martins-app-topbar{display:flex!important;flex-wrap:wrap!important;min-height:82px!important;margin:0 -28px 26px!important;padding:12px 28px!important;background:#fff!important;border-bottom:1px solid #e1e6ef!important}.martins-app-topbar-brand{font-size:23px!important;font-weight:800!important;color:#211b30!important}.martins-app-topbar-account{font-size:12px!important;flex-wrap:wrap!important;background:#fbf9ff!important;border:1px solid #eadff3!important;border-radius:14px!important;padding:7px 10px 7px 14px!important}.attendance-menu-toggle,.attendance-menu-backdrop{display:none!important}.app-shell :focus-visible{outline:3px solid #a58ac9!important;outline-offset:3px!important}@media (max-width:980px){.main-site-page-shell{grid-template-columns:minmax(0,1fr)!important}.main-site-page-shell>.sidebar{position:fixed!important;left:0!important;top:0!important;z-index:1001!important;width:min(260px,85vw)!important;transform:translate(-100%);visibility:hidden}.main-site-page-shell.attendance-menu-open>.sidebar{transform:translate(0);visibility:visible}.main-site-page-shell .content-panel{padding:0 16px 20px!important}.martins-app-topbar{margin:0 -16px 20px!important;padding:12px 16px!important;gap:12px!important}.app-shell .attendance-menu-toggle{display:inline-flex!important;align-items:center!important;background:#6b4ba0!important;color:#fff!important}.attendance-menu-open .attendance-menu-backdrop{display:block!important;position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;z-index:1000!important;background:#14101c6b!important;border:0!important;border-radius:0!important;width:100%!important;height:100%!important}.app-shell h1{font-size:28px!important}}@media (max-width:550px){.app-shell .card,.app-shell .form-card,.app-shell .glass-card,.app-shell .hero-panel,.app-shell .status-panel,.app-shell .today-card,.app-shell .overview-hero-panel{padding:16px!important}.app-shell input:not([type=checkbox]):not([type=radio]),.app-shell select,.app-shell textarea{font-size:16px!important}.martins-app-topbar-brand{font-size:20px!important;gap:8px!important}.martins-app-topbar-brand img{width:95px!important}.martins-app-topbar-account{width:100%!important;gap:8px!important}}@media print{.attendance-menu-toggle,.attendance-menu-backdrop,.main-site-page-shell>.sidebar{display:none!important}.main-site-page-shell{display:block!important}}.app-shell .overview-hero-panel{grid-template-columns:minmax(0,1fr)!important;gap:24px!important}.app-shell .overview-hero-copy h2{font-size:36px!important}.app-shell .overview-metric-rail{gap:18px!important}.app-shell .overview-metric-row-break{display:none!important}.app-shell .metric-card strong{color:#211b30!important}.martins-app-topbar-account .logout-button{width:auto!important;margin:0!important}@media (max-width:980px){.app-shell .overview-hero-copy h2{font-size:28px!important}}.app-shell .sidebar.mobile-card-menu{background:#6b4ba0!important;color:#fff!important}.mobile-staff-menu-shell .tab-button{background:#fff!important;color:#211b30!important;border:1px solid #e1e6ef!important}.mobile-staff-menu-shell .tab-button span{color:#211b30!important}.mobile-staff-menu-shell .tab-button small{color:#6b4ba0!important}.mobile-staff-menu-shell .brand-block strong,.mobile-staff-menu-shell .brand-block span{color:#fff!important}html{font-size:13px!important}body .app-shell,body.claims-ui{font-family:Arial,Helvetica,sans-serif!important;font-size:15px!important;line-height:1.55!important}body .app-shell h1,body.claims-ui h1{font-size:clamp(1.75rem,2.25vw,2.25rem)!important}body .app-shell h2,body.claims-ui h2{font-size:1.14rem!important}body .app-shell h3,body.claims-ui h3{font-size:1.15rem!important}body .app-shell h4,body.claims-ui h4{font-size:1rem!important}body .app-shell h5,body.claims-ui h5,body .app-shell h6,body.claims-ui h6{font-size:.92rem!important}body .app-shell :is(h1,h2,h3,h4,h5,h6),body.claims-ui :is(h1,h2,h3,h4,h5,h6){font-weight:700!important;letter-spacing:0!important;line-height:1.15!important}body .app-shell p,body.claims-ui p{font-size:.92rem!important;line-height:1.45!important}body .app-shell :is(label,.form-label,button,.btn),body.claims-ui :is(label,button,.btn){font-size:.92rem!important}body .app-shell :is(small,.small,.help-text),body.claims-ui :is(small,.small,.help-text){font-size:11.5px!important}body .app-shell :is(input,select,textarea,.form-control,.form-select),body.claims-ui :is(input,select,textarea){font-size:15px!important}body .app-shell :is(table,.table) td,body.claims-ui table td{font-size:.76rem!important;line-height:1.25!important;padding:6px 7px!important}body .app-shell :is(table,.table) th,body.claims-ui table th{font-size:.72rem!important;line-height:1.25!important;padding:6px 7px!important}body .app-shell :is(table,.table) :is(button,.btn),body.claims-ui table :is(button,.btn){font-size:.72rem!important}body .app-shell .card-header,body.claims-ui .card-header{font-size:1.14rem!important}body .app-shell :is(.stat-card,.metric-card,.portal-stat-card) strong,body.claims-ui .kpi-value{font-size:1.7rem!important;line-height:1.15!important}body .app-shell :is(.stat-card,.metric-card)>span,body.claims-ui .kpi-title{font-size:.72rem!important}body .app-shell :is(.topbar-brand,.martins-app-topbar-brand),body.claims-ui .martins-module-brand{font-size:20px!important}body .app-shell :is(.topbar-account,.martins-app-topbar-account),body.claims-ui .martins-module-account{font-size:13px!important}body .app-shell .side-toggle>span:first-child,body .app-shell .side-link>span:first-child,body .app-shell .sidebar .tab-button,body.claims-ui .side-group summary{font-size:.9rem!important}body .app-shell .side-submenu a,body.claims-ui .side-group a{font-size:.82rem!important}body .app-shell .sidebar-brand-text>span:first-child,body .app-shell .sidebar .brand-block strong,body.claims-ui .executive-brand h1{font-size:.9rem!important}body .app-shell .sidebar-brand-module,body .app-shell .sidebar .brand-block span,body.claims-ui .executive-brand p{font-size:.7rem!important}body .app-shell .side-submenu small,body.claims-ui .side-group>span{font-size:.7rem!important}body .app-shell .content-wrap>h2,body .app-shell .content-wrap>h3,body .app-shell .content-wrap>.d-flex h2,body .app-shell .content-wrap>.d-flex h3,body .app-shell .overview-hero-copy h2,body.claims-ui .executive-topbar h1{font-size:clamp(1.8rem,2.3vw,2.7rem)!important;line-height:1.1!important;font-weight:750!important}body .app-shell :is(.page-header,.overview-hero-copy) p,body.claims-ui .executive-topbar p{font-size:.96rem!important;line-height:1.62!important}@media (max-width:899px){html{font-size:12.5px!important}body .app-shell :is(input,select,textarea,.form-control,.form-select),body.claims-ui :is(input,select,textarea){font-size:16px!important}}html body .ms-sidebar.ms-sidebar{width:260px!important;min-width:260px!important;background:#6b4ba0!important;color:#fff!important;padding:18px 14px!important;border:0!important;border-radius:0!important;box-shadow:4px 0 18px #18202a18!important;box-sizing:border-box!important;overflow-y:auto!important}html body .ms-sidebar .menu-panel,html body .ms-sidebar .sidebar-nav{padding:0!important;margin:0!important;width:100%!important;background:transparent!important;border:0!important}html body .ms-sidebar .ms-brand.ms-brand{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:10px!important;width:100%!important;height:154px!important;min-height:154px!important;padding:14px 12px!important;margin:0 0 20px!important;background:#ffffff2b!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:14px!important;text-decoration:none!important;box-sizing:border-box!important}html body .ms-sidebar .ms-brand.ms-brand img{display:block!important;width:150px!important;height:68px!important;max-width:100%!important;object-fit:contain!important;padding:0!important;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}html body .ms-sidebar .ms-brand.ms-brand .ms-brand-copy{display:flex!important;flex-direction:column!important;align-items:center!important;gap:5px!important;margin:0!important;padding:0!important}html body .ms-sidebar .ms-brand.ms-brand .ms-brand-title{display:block!important;font:700 13px/1.25 Arial,Helvetica,sans-serif!important;color:#fff!important;margin:0!important;padding:0!important;letter-spacing:0!important;text-transform:none!important}html body .ms-sidebar .ms-brand.ms-brand .ms-brand-module{display:block!important;font:400 11px/1.25 Arial,Helvetica,sans-serif!important;color:#fff!important;opacity:1!important;margin:0!important;padding:0!important;letter-spacing:0!important;text-transform:none!important}html body .ms-topbar.ms-topbar{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important;min-height:82px!important;padding:12px 28px!important;background:#fff!important;border:0!important;border-bottom:1px solid #e1e6ef!important;box-shadow:0 4px 18px #18202a0d!important;border-radius:0!important;box-sizing:border-box!important}html body .ms-topbar .ms-topbar-brand.ms-topbar-brand{display:flex!important;align-items:center!important;gap:14px!important;color:#211b30!important;font:800 20px/1.2 Arial,Helvetica,sans-serif!important;text-decoration:none!important;margin:0!important;padding:0!important;min-width:0!important}html body .ms-topbar .ms-topbar-brand.ms-topbar-brand img{width:112px!important;height:52px!important;object-fit:contain!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important}html body .ms-topbar .ms-topbar-brand.ms-topbar-brand>span,html body .ms-topbar .ms-topbar-brand.ms-topbar-brand>strong,html body .ms-topbar .ms-topbar-brand.ms-topbar-brand>.page-title{font:inherit!important;margin:0!important}html body .ms-sidebar .sidebar-section{padding:0!important}html body .ms-sidebar :is(.side-link,.side-toggle,.sidebar-menu__item,.tab-button,.sidebar-nav>a,.side-group>summary,.nav-section>summary){min-height:48px!important;padding:12px!important;margin:0 0 8px!important;border-radius:10px!important;background:#ffffff24!important;color:#fff!important;border:0!important;font:700 12px/1.4 Arial,Helvetica,sans-serif!important;box-sizing:border-box!important;text-decoration:none!important}html body .ms-sidebar :is(.side-link.active,.sidebar-menu__item.is-active,.tab-button.active){background:#fff!important;color:#6b4ba0!important}@media (min-width:981px){html body .ms-shell.ms-shell{display:block!important;padding:0!important;gap:0!important;--sidebar-w:260px}html body .ms-sidebar.ms-sidebar{position:fixed!important;inset:0 auto 0 0!important;height:100dvh!important;max-height:100dvh!important;transform:none!important;visibility:visible!important;z-index:100!important}html body .ms-main.ms-main{margin-left:260px!important;width:calc(100% - 260px)!important;max-width:none!important;min-width:0!important}html body .ms-sidebar>.menu-toggle{display:none!important}html body .ms-sidebar>.menu-panel{display:block!important}}@media (max-width:980px){html body .ms-sidebar.ms-sidebar{width:min(260px,85vw)!important;min-width:0!important}html body .ms-topbar.ms-topbar{padding:12px 16px!important;flex-wrap:wrap!important;gap:12px!important}html body .ms-topbar .ms-topbar-brand.ms-topbar-brand{font-size:17px!important}html body .ms-topbar .ms-topbar-brand.ms-topbar-brand img{width:88px!important;height:42px!important}}@media print{html body .ms-sidebar.ms-sidebar,html body .ms-topbar.ms-topbar{display:none!important}html body .ms-main.ms-main{margin:0!important;width:100%!important}}.attendance-session-loading{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px;text-align:center;background:#f6f7fb}.attendance-session-loading img{width:150px;height:68px;object-fit:contain}.attendance-session-loading h1{font:700 20px/1.3 Arial,sans-serif}.attendance-session-loading p{font:14px/1.5 Arial,sans-serif}html body .ms-sidebar :is(.sidebar-tabs,.sidebar__nav,.side-tabs){gap:0!important}html body .ms-sidebar .ms-brand.ms-brand :is(strong,span,small,p,h1){text-align:center!important}html body .ms-sidebar.ms-sidebar{scrollbar-gutter:stable}html body .ms-sidebar>.menu-panel{overflow:visible!important;height:auto!important;max-height:none!important}html body .ms-sidebar .nav-section{margin:0 0 8px!important}html body .ms-topbar .topbar__brand-title{font:inherit!important}@media (min-width:981px){html body .ms-topbar #sidebarToggle,html body .ms-main .mobile-app-header{display:none!important}}html body .ms-sidebar.ms-sidebar{scrollbar-width:thin!important;scrollbar-color:#a68ac8 #6b4ba0!important}html body .ms-sidebar.ms-sidebar::-webkit-scrollbar{width:8px!important}html body .ms-sidebar,html body .ms-sidebar *{content-visibility:visible!important;animation:none!important;transition:none!important}html body .ms-sidebar .ms-brand img{contain:none!important}@media (min-width:981px){html body .ms-sidebar.ms-sidebar{max-width:260px!important;flex:0 0 260px!important}}@media (max-width:980px){html body :is(.app-sidebar.ms-sidebar,.executive-sidebar.ms-sidebar,.sidebar--reference.ms-sidebar,.main-site-page-shell>.ms-sidebar,.app-menu.ms-sidebar[open]){height:100vh!important;height:100dvh!important;max-height:100dvh!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior-y:contain!important;touch-action:pan-y!important;-webkit-overflow-scrolling:touch;scroll-padding-bottom:24px;padding-bottom:max(18px,env(safe-area-inset-bottom))!important}html body .ms-sidebar>*{flex-shrink:0!important}html body .app-menu.ms-sidebar[open]>.menu-panel{position:static!important;inset:auto!important;transform:none!important;height:auto!important;max-height:none!important;overflow:visible!important;display:block!important}html body .app-menu.ms-sidebar[open]>.menu-toggle{position:sticky!important;top:0!important;left:auto!important;z-index:2!important}html:has(.app-menu.ms-sidebar[open],.app-sidebar.ms-sidebar.show,.sidebar--reference.ms-sidebar.is-open,.attendance-menu-open,.claims-nav-open),html body:has(.app-menu.ms-sidebar[open],.app-sidebar.ms-sidebar.show,.sidebar--reference.ms-sidebar.is-open,.attendance-menu-open),html body.claims-nav-open,html body.sidebar-drawer-open{overflow:hidden!important;overscroll-behavior:none!important;touch-action:pan-y!important}}