:root{--brand:#f26a21;--brand-hover:#dc5f1d;--brand-active:#c95618;--brand-soft:#fff1e8;--bg:#efedea;--bg-sidebar:#232427;--panel:#ffffff;--panel-strong:#f7f7f6;--bg-input:#fcfcfb;--bg-hover:#f3f4f6;--text:#202124;--muted:#5f6368;--muted-soft:#7a7f87;--border:#e2e5e9;--border-strong:#cfd4dc;--border-brand:#f26a21;--primary:#f26a21;--primary-strong:#c95618;--danger:#dc2626;--danger-soft:#fef2f2;--success:#166534;--success-soft:#ecfdf3;--warning:#f59e0b;--warning-soft:#fffbeb;--shadow:0 1px 2px rgba(16,24,40,0.04),0 1px 3px rgba(16,24,40,0.08);--shadow-elevated:0 4px 14px rgba(16,24,40,0.08);--focus-ring:0 0 0 3px rgba(242,106,33,0.18);--sidebar-width:248px;--page-max-default:1120px;--page-max-wide:1240px}*{box-sizing:border-box}body,html{margin:0;min-height:100%;font-family:Montserrat,Segoe UI,sans-serif;color:var(--text);background:linear-gradient(140deg,rgba(242,106,33,.08),transparent 24%),radial-gradient(circle at top right,rgba(35,36,39,.06),transparent 24%),var(--bg)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.shell,body{min-height:100vh;width:100%}.shell{display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr);min-width:0}.sidebar{width:var(--sidebar-width);min-width:var(--sidebar-width);display:flex;flex-direction:column;justify-content:flex-start;gap:1.5rem;padding:2rem;position:-webkit-sticky;position:sticky;top:0;min-height:100vh;background:linear-gradient(180deg,rgba(35,36,39,.99),rgba(35,36,39,.96)),var(--bg-sidebar);color:white;box-shadow:inset -1px 0 0 rgba(255,255,255,.05)}.sidebar-top{display:grid;grid-gap:1.25rem;gap:1.25rem}.sidebar-intro{display:grid;grid-gap:.4rem;gap:.4rem}.brand-lockup{display:grid;grid-template-columns:auto 1fr;grid-gap:.9rem;gap:.9rem;align-items:start;min-width:0}.sidebar .brand-lockup{grid-template-columns:1fr;gap:1rem}.brand-logo{width:100%;height:auto;object-fit:contain}.sidebar .brand-logo{width:min(170px,100%)}.sidebar-user-panel{display:grid;grid-gap:.2rem;gap:.2rem;padding:1rem 1rem 0;border-top:1px solid rgba(255,255,255,.08)}.auth-card h2,.content h2,.content h3,.sidebar h1{margin:0;font-family:Montserrat,Segoe UI,sans-serif;font-weight:700}.sidebar h1{font-size:clamp(1.55rem,2vw,2rem);line-height:1.02;letter-spacing:-.04em;max-width:none;overflow-wrap:normal;word-break:normal;text-wrap:pretty}.nav{display:grid;grid-gap:.75rem;gap:.75rem}.sidebar-footer{display:grid;grid-gap:1rem;gap:1rem;margin-top:auto}.sidebar-footer strong{display:block}.content{min-width:0;padding:24px}.content-inner{width:100%;max-width:100%;margin:0 auto;min-width:0}.desktop-topbar{width:100%;margin:0 auto 1.4rem;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;grid-gap:1rem 1.5rem;gap:1rem 1.5rem;min-width:0}.desktop-topbar-copy{min-width:0;display:grid;grid-gap:.2rem;gap:.2rem;max-width:420px}.desktop-topbar-copy strong{display:block;font-size:1.05rem;color:var(--text)}.desktop-nav{display:flex;justify-content:flex-start;gap:.75rem;flex-wrap:wrap;max-width:100%;min-width:0}.page-header{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;margin-bottom:1.5rem}.stack-lg{display:grid;grid-gap:1.5rem;gap:1.5rem;min-width:0}.page{width:100%;min-width:0;margin:0 auto}.page--default{max-width:var(--page-max-default)}.attendance-page,.page--wide{max-width:var(--page-max-wide)}.attendance-page{width:100%;margin:0 auto;min-width:0}.card,.ui-card{background:var(--panel);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow);padding:24px}.eyebrow{margin:0 0 .35rem;text-transform:uppercase;letter-spacing:.08em;color:var(--primary);font-size:.8rem;font-weight:700}.muted{color:var(--muted)}.field{display:grid;grid-gap:.4rem;gap:.4rem;min-width:0}.field span{font-size:.92rem;color:var(--muted)}.field input,.field select,.textarea,.ui-input,.ui-textarea{min-height:46px;border-radius:14px;border:1px solid var(--border);padding:.8rem .95rem;background:var(--bg-input);color:var(--text)}.field input:focus,.field select:focus,.textarea:focus,.ui-input:focus,.ui-textarea:focus{outline:none;box-shadow:var(--focus-ring);border-color:var(--border-brand)}.ui-input::placeholder,.ui-textarea::placeholder{color:var(--muted-soft)}.compact-field{min-width:min(170px,100%)}.toolbar{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;margin-bottom:1rem;min-width:0}.inline-actions,.inline-form,.toolbar-controls{display:flex;gap:1rem;flex-wrap:wrap;align-items:flex-end}.toolbar-copy{max-width:620px}.payroll-section{gap:1.25rem}.report-copy{max-width:640px}.report-controls{display:flex;gap:.75rem;align-items:flex-end;flex-wrap:wrap}.month-button{min-width:126px}.month-field{min-width:min(190px,100%)}.employee-list{display:grid;grid-gap:1rem;gap:1rem;min-width:0}.employee-row{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:1rem 1.5rem;gap:1rem 1.5rem;align-items:flex-start;border:1px solid var(--border);border-radius:1.2rem;padding:1rem 1.1rem;background:rgba(255,255,255,.72);min-height:176px}.card-stable{overflow:hidden}.employee-meta{min-width:0}.employee-badge-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.55rem}.desktop-topbar-copy strong,.employee-editor h3,.employee-meta h3,.page-header h2,.report-header h2,.report-table td strong,.toolbar h2{overflow-wrap:normal;word-break:normal;-webkit-hyphens:none;hyphens:none;text-wrap:balance}.meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.35rem 1rem;gap:.35rem 1rem;margin-top:.5rem}.employee-note{margin:.7rem 0 0;padding:.8rem .9rem;border-radius:.9rem;background:rgba(234,91,13,.1);color:var(--text)}.employee-status-line{font-weight:600}.employee-actions{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:flex-end;align-items:center}.attendance-actions{align-self:end}.employee-row:has(.attendance-actions){grid-template-columns:minmax(0,1fr) clamp(280px,26vw,340px);align-items:stretch}.employee-row:has(.attendance-actions) .employee-meta{display:grid;align-content:start}.employee-row:has(.attendance-actions) .attendance-actions{display:grid;grid-template-columns:1fr 1fr;grid-gap:.75rem;gap:.75rem;align-content:start;min-width:0}.employee-row:has(.attendance-actions) .attendance-actions .field{grid-column:1/-1}.employee-row:has(.attendance-actions) .attendance-actions .compact-field{min-width:0}.employee-row:has(.attendance-actions) .attendance-actions .ui-button{width:100%;min-width:0}.action-button,.primary-button,.secondary-button{border:none;padding:.75rem 1.2rem;transition:transform .18s ease,opacity .18s ease,background .18s ease}.action-button,.primary-button,.secondary-button,.ui-button{min-height:44px;min-width:132px;border-radius:999px;cursor:pointer}.ui-button{padding:.75rem 1.15rem;border:1px solid transparent;font:inherit;font-weight:600;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease;text-align:center;text-decoration:none}.ui-button:hover{transform:translateY(-1px)}.ui-button:focus-visible,.ui-nav-link:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ui-button:disabled,.ui-button[aria-disabled=true]{cursor:not-allowed;background:#f2b79b;border-color:#f2b79b;color:rgba(255,255,255,.86);transform:none}.ui-button--full{width:100%}.ui-button--primary{background:var(--brand);color:#ffffff;border-color:var(--brand)}.ui-button--primary:hover{background:var(--brand-hover);border-color:var(--brand-hover)}.ui-button--primary:active{background:var(--brand-active);border-color:var(--brand-active)}.ui-button--ghost,.ui-button--secondary{background:var(--panel);color:var(--text);border-color:var(--border)}.ui-button--ghost:hover,.ui-button--secondary:hover{background:var(--bg-hover)}.ui-button--danger{background:var(--danger-soft);color:var(--danger);border-color:#fecaca}.ui-button--danger:hover{background:#fee2e2}.ui-badge{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:.2rem .7rem;border-radius:999px;font-size:.82rem;font-weight:700;line-height:1}.ui-badge--active,.ui-badge--admin,.ui-badge--present{background:var(--brand-soft);color:var(--brand-active)}.ui-badge--danger,.ui-badge--inactive{background:var(--danger-soft);color:var(--danger)}.ui-badge--absent,.ui-badge--draft,.ui-badge--manager{background:var(--bg-hover);color:var(--muted)}.ui-page-header{display:flex;justify-content:space-between;gap:1rem 1.5rem;align-items:flex-start;margin-bottom:1.5rem}.ui-page-header__copy{max-width:760px}.ui-page-header__actions{display:flex;justify-content:flex-end;gap:.75rem;flex-wrap:wrap}.ui-stat-card{display:grid;grid-gap:.25rem;gap:.25rem;padding:16px;border:1px solid var(--border);border-radius:18px;background:var(--panel);box-shadow:var(--shadow)}.ui-stat-card__value{font-size:1.4rem;font-weight:700}.ui-empty-state{display:grid;justify-items:center;grid-gap:.55rem;gap:.55rem;padding:2rem 1rem;text-align:center}.ui-empty-state__mark{width:44px;height:44px;display:grid;place-items:center;border-radius:999px;background:var(--brand-soft);color:var(--brand-active);font-size:1.5rem}.ui-sidebar-nav{display:grid;grid-gap:.55rem;gap:.55rem}.ui-nav-link{position:relative;display:flex;align-items:center;gap:.75rem;min-height:48px;padding:.8rem 1rem;border-radius:14px;border:1px solid transparent;color:rgba(255,255,255,.86);background:rgba(255,255,255,.04);font-weight:600;transition:background .16s ease,border-color .16s ease,color .16s ease}.ui-nav-link:hover{background:rgba(255,255,255,.08)}.ui-nav-link__marker{width:4px;height:18px;border-radius:999px;background:transparent}.ui-nav-link.is-active{color:#ffffff;background:rgba(255,255,255,.1);border-color:rgba(242,106,33,.35)}.ui-nav-link.is-active .ui-nav-link__marker{background:var(--brand)}.desktop-nav.ui-sidebar-nav{display:flex;justify-content:flex-start;gap:.75rem;flex-wrap:wrap;max-width:100%;min-width:0}.desktop-nav .ui-nav-link{min-width:132px;justify-content:center;color:var(--text);background:rgba(255,255,255,.84);border-color:var(--border);box-shadow:var(--shadow-elevated)}.desktop-nav .ui-nav-link:hover{background:var(--bg-hover)}.desktop-nav .ui-nav-link.is-active{color:#ffffff;background:var(--brand);border-color:var(--brand)}.action-button:hover,.primary-button:hover,.secondary-button:hover{transform:translateY(-1px)}.primary-button{color:white;background:linear-gradient(135deg,var(--primary),var(--primary-strong))}.secondary-button{color:var(--text);background:#f9f9f9;border:1px solid var(--border)}.action-button.present{background:var(--success-soft);color:var(--success)}.action-button.absent{background:var(--danger-soft);color:var(--danger)}.action-button.active.present{background:var(--success);color:white}.action-button.active.absent{background:var(--danger);color:white}.full-width{width:100%}.auth-layout{min-height:100vh;display:grid;place-items:center;padding:1.5rem}.auth-card{width:min(480px,100%);display:grid;grid-gap:1rem;gap:1rem}.textarea{width:100%;resize:vertical;min-height:120px}.error-text,.status-note{margin:.35rem 0 0}.error-text{color:var(--danger)}.empty-state{text-align:center;padding:3rem 1rem}.report-header{align-items:flex-end}.report-header,.report-mode-row{display:flex;justify-content:space-between;gap:1rem;margin-bottom:1rem}.report-mode-row{align-items:center;flex-wrap:wrap}.report-mode-switch{display:inline-flex;flex-wrap:wrap;gap:.6rem}.report-range-controls{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;flex-wrap:wrap;min-width:0}.report-range-controls .muted{margin:0}.report-table-wrap,.salary-table-wrap{width:100%;max-width:100%;min-width:0;overflow-x:auto}.desktop-report{display:block}.mobile-report-list{display:none}.report-table{width:100%;border-collapse:collapse;min-width:820px}.report-table--range{min-width:0;table-layout:fixed}.salary-table{width:100%;border-collapse:collapse;min-width:760px}.report-table td,.report-table th,.salary-table td,.salary-table th{border:1px solid var(--border);padding:.7rem;text-align:center;background:rgba(255,255,255,.8)}.salary-table td,.salary-table th{vertical-align:top}.report-table td:first-child,.report-table th:first-child{position:-webkit-sticky;position:sticky;left:0;z-index:1;text-align:left;min-width:240px;background:var(--panel-strong)}.salary-table td:first-child,.salary-table th:first-child{text-align:left;min-width:220px;background:var(--panel-strong)}.report-table th{color:var(--text);background:rgba(47,47,47,.06)}.report-table--range .report-employee-col{width:180px;min-width:180px}.report-table--range td.report-employee-col{padding:.55rem .6rem}.report-table--range td.report-employee-col strong{display:block;font-size:.95rem;line-height:1.1;margin-bottom:.2rem}.report-table--range td.report-employee-col .small-text{font-size:.72rem;line-height:1.15}.report-table--range .report-day-col{width:42px;min-width:42px;max-width:42px;padding:.35rem .15rem}.report-table--range .report-total-col{width:64px;min-width:64px;max-width:64px;padding:.45rem .35rem;font-size:.8rem}.report-table--range .table-status{width:24px;height:24px}.report-table--range .table-status small{font-size:.46rem}.salary-table th{color:var(--text);background:rgba(47,47,47,.06)}.salary-table__breakdown{min-width:240px;max-width:320px;text-align:left}.salary-table__breakdown-list{display:grid;grid-gap:.25rem;gap:.25rem;text-align:left;white-space:normal;overflow-wrap:anywhere;word-break:break-word}.table-status{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;width:28px;height:28px;padding:0;border:0;border-radius:999px;font-weight:700;font:inherit;line-height:1;cursor:pointer}.table-status small{font-size:.52rem;font-weight:700;line-height:1}.table-status.present{color:var(--success);background:var(--success-soft)}.table-status.absent{color:var(--danger);background:var(--danger-soft)}.table-status.empty{background:rgba(47,47,47,.08)}.small-text{font-size:.85rem}.employee-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:1rem;gap:1rem}.employee-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.6rem 1rem;gap:.6rem 1rem}.employee-editor{display:grid;grid-gap:1rem;gap:1rem;border:1px solid var(--border);border-radius:1.2rem;padding:1rem 1.1rem;background:rgba(255,255,255,.76)}.employee-editor-header{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.form-span-2{grid-column:span 2}.attendance-report-scroller,.attendance-report-shell,.card,.content,.content-inner,.employee-list,.employee-meta,.employee-row,.report-controls,.report-header,.report-table-wrap,.salary-table-wrap,.stack-lg,.toolbar,.toolbar-controls{min-width:0;max-width:100%}.mobile-shell-header{display:grid;grid-gap:.75rem;gap:.75rem;padding:.9rem;background:linear-gradient(180deg,rgba(47,47,47,.98),rgba(47,47,47,.94)),#2f2f2f;color:white;border-bottom-left-radius:1rem;border-bottom-right-radius:1rem;box-shadow:0 10px 30px rgba(47,47,47,.16)}.mobile-shell-top{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem}.mobile-shell-header .sidebar-intro{gap:.15rem}.mobile-shell-header .brand-lockup{grid-template-columns:72px 1fr;align-items:center;gap:.7rem}.mobile-shell-header h1{font-size:1.45rem;line-height:1.05;max-width:none}.mobile-shell-header .muted{display:none}.mobile-logout-button{white-space:nowrap}.mobile-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.5rem;gap:.5rem}.mobile-user-block{display:grid;grid-gap:.1rem;gap:.1rem}.mobile-nav .ui-nav-link{display:block;width:100%;text-align:center}@media (max-width:960px){.shell{grid-template-columns:minmax(0,1fr);min-height:100dvh}.sidebar{width:auto;min-height:auto;position:static;gap:1rem}.content,.sidebar{padding:1rem}.page--default,.page--wide{max-width:none}.employee-editor-header,.report-header,.report-mode-row{flex-direction:column;align-items:stretch}.report-range-controls{justify-content:flex-start}.report-controls>*{flex:1 1 180px}}@media (max-width:720px){body{background:linear-gradient(180deg,rgba(234,91,13,.08),transparent 20%),var(--bg)}.content,.sidebar{padding:.9rem}.sidebar{border-bottom-left-radius:1rem;border-bottom-right-radius:1rem;box-shadow:0 10px 30px rgba(15,23,42,.12)}.sidebar h1{font-size:1.55rem;line-height:1.05}.sidebar .muted{font-size:.84rem;color:rgba(255,255,255,.62)}.mobile-nav,.ui-sidebar-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.mobile-nav .ui-nav-link{justify-content:center;text-align:center;padding:.8rem .7rem;font-size:.95rem}.mobile-nav .ui-nav-link__marker{display:none}.sidebar-footer{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.75rem}.sidebar-footer form{display:flex;justify-content:flex-end}.sidebar-footer .ui-button{min-width:96px;width:auto;padding-inline:1rem}.page-header,.report-header,.toolbar{flex-direction:column;align-items:stretch}.employee-form-grid,.employee-summary-grid,.inline-form,.meta-grid,.report-controls,.toolbar-controls{display:grid;grid-template-columns:1fr;align-items:stretch}.form-span-2{grid-column:auto}.card{padding:.95rem;border-radius:1.15rem}.page-header h2,.report-header h2,.toolbar h2{font-size:1.55rem;line-height:1.05}.report-copy,.toolbar-copy{max-width:none}.compact-field,.month-button,.month-field{min-width:0;width:100%}.employee-editor,.employee-row{gap:.75rem;padding:.85rem}.employee-actions:not(.attendance-actions){display:grid;grid-template-columns:1fr;grid-gap:.6rem;gap:.6rem}.employee-actions:not(.attendance-actions)>*{width:100%;min-width:0}.action-button,.primary-button,.secondary-button{min-width:0;min-height:44px;padding:.72rem .85rem;font-size:.94rem}.desktop-report{display:none}.mobile-report-list{display:grid;grid-gap:1rem;gap:1rem}.mobile-report-card{border:1px solid var(--border);border-radius:1rem;background:rgba(255,255,255,.82);padding:1rem}.mobile-report-header{margin-bottom:.8rem}.mobile-days-strip{display:flex;gap:.6rem;overflow-x:auto;padding-bottom:.35rem;scroll-snap-type:x proximity}.mobile-day-cell{min-width:48px;display:grid;grid-gap:.35rem;gap:.35rem;justify-items:center;scroll-snap-align:start}.mobile-day-label{font-size:.8rem;color:var(--muted)}}@media (max-width:420px){.page-header h2,.report-header h2,.sidebar h1,.toolbar h2{font-size:1.4rem}.nav,.sidebar-footer{grid-template-columns:1fr}.sidebar-footer form{justify-content:stretch}.sidebar-footer .ui-button{width:100%}.sidebar .muted{display:none}}.card-stable,.employee-editor,.mobile-report-card{overflow:hidden}.mobile-days-strip,.report-table-wrap{max-width:100%}.attendance-report-scroller,.attendance-report-shell{width:100%;max-width:100%;min-width:0}.attendance-report-scroller{overflow-x:auto}@media (max-width:420px){.attendance-actions,.mobile-nav{grid-template-columns:1fr}}@media (max-width:700px){.summary-grid{grid-template-columns:1fr}}.attendance-page-header{margin-bottom:.85rem}.attendance-page-header__copy{display:grid;grid-gap:.2rem;gap:.2rem;max-width:920px}.attendance-workspace-card{padding:1.1rem 1.35rem}.attendance-workspace-card__main{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,420px);grid-gap:1rem 1.25rem;gap:1rem 1.25rem;align-items:flex-end}.attendance-workspace-card__copy{display:grid;grid-gap:.2rem;gap:.2rem;min-width:0}.attendance-page-header h2,.attendance-workspace-card__copy h2{margin:0;overflow-wrap:normal;word-break:normal;-webkit-hyphens:none;hyphens:none;text-wrap:balance}.attendance-workspace-card__copy h2{font-size:clamp(1.7rem,2.5vw,2.25rem);line-height:1.02}.attendance-workspace-card__controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.9rem;gap:.9rem;align-items:flex-end;min-width:0}.attendance-workspace-card .error-text,.attendance-workspace-card .muted:last-child{margin-top:.8rem}.attendance-employee-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,420px);grid-gap:1.1rem 1.4rem;gap:1.1rem 1.4rem;align-items:start;border:1px solid var(--border);border-radius:1.2rem;padding:1.2rem 1.25rem;background:rgba(255,255,255,.72)}.attendance-employee-card__left,.attendance-employee-card__right{min-width:0}.attendance-employee-card__left{display:grid;grid-gap:.8rem;gap:.8rem}.attendance-employee-card__left h3{margin:0;font-size:clamp(1.65rem,2.2vw,2.6rem);line-height:.98;letter-spacing:-.04em;overflow-wrap:normal;word-break:normal;-webkit-hyphens:none;hyphens:none;text-wrap:balance}.attendance-employee-card__meta{display:grid;grid-gap:.45rem;gap:.45rem}.attendance-employee-card__status{display:grid;grid-gap:.35rem;gap:.35rem}.attendance-employee-card__right{display:grid;align-content:start;grid-gap:.9rem;gap:.9rem;min-width:0;max-width:100%}.attendance-employee-card__fact{display:grid;grid-gap:.22rem;gap:.22rem;padding:.9rem 1rem;border-radius:1rem;border:1px solid var(--border);background:var(--panel-strong);min-width:0;max-width:100%}.attendance-employee-card__fact-label{font-size:.82rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--primary)}.attendance-employee-card__field{min-width:0;max-width:100%}.attendance-employee-card__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.7rem;gap:.7rem;min-width:0;max-width:100%}.attendance-employee-card__actions .ui-button:first-child{grid-column:1/-1}.attendance-employee-card__actions .ui-button{width:100%;min-width:0}.desktop-topbar{margin-bottom:.95rem;align-items:center}.desktop-topbar-copy{max-width:360px}.desktop-topbar-copy strong{line-height:1.15}@media (max-width:1500px){.desktop-topbar{grid-template-columns:1fr;align-items:stretch;gap:.9rem}.desktop-nav,.desktop-nav.ui-sidebar-nav{justify-content:flex-start;max-width:none}}@media (max-width:1580px){.attendance-employee-card{grid-template-columns:1fr}}@media (max-width:1480px){.attendance-employee-card__actions,.attendance-workspace-card__main{grid-template-columns:1fr}.attendance-employee-card__actions .ui-button:first-child{grid-column:auto}}@media (max-width:1280px){.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:960px){.attendance-workspace-card__controls,.attendance-workspace-card__main{grid-template-columns:1fr}}@media (max-width:640px){.attendance-page-header{margin-bottom:.7rem}.attendance-employee-card,.attendance-workspace-card{padding:1rem}.attendance-employee-card__actions{grid-template-columns:1fr}.attendance-employee-card__actions .ui-button:first-child{grid-column:auto}}.weekend-column{background:rgba(180,35,24,.08)!important;color:var(--danger)}.summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:.75rem;gap:.75rem;margin-bottom:1rem}.summary-card{display:grid;grid-gap:.25rem;gap:.25rem;padding:.9rem;border:1px solid var(--border);border-radius:1rem;background:rgba(255,255,255,.82)}.summary-card strong,.summary-number{font-size:1.25rem;font-weight:700}.weekend-day-cell .mobile-day-label{color:var(--danger)}@media (max-width:960px){.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:420px){.summary-grid{grid-template-columns:1fr}}.audit-log-list{display:grid;grid-gap:1rem;gap:1rem}.audit-log-item{border:1px solid rgba(23,33,55,.1);border-radius:20px;padding:1rem 1.25rem;background:rgba(255,255,255,.9)}.audit-log-topline{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.audit-log-details{margin:.75rem 0 0;padding:.875rem;border-radius:14px;background:rgba(23,33,55,.06);white-space:pre-wrap;word-break:break-word;font-size:.85rem}