.sidebar{width:var(--sidebar-width);background-color:var(--color-white);border-right:1px solid var(--color-hairline);z-index:calc(var(--z-dropdown) + 2);transition:transform var(--transition-base), width var(--transition-base);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}@media (width>=1025px){.sidebar{transform:translate(0)}.sidebar.collapsed{width:var(--sidebar-collapsed-width)}}.sidebar.open{transform:translate(0)}.sidebar-header{padding:var(--space-4);border-bottom:1px solid var(--color-hairline);min-height:var(--header-height);justify-content:space-between;align-items:center;display:flex}.sidebar-logo{align-items:center;gap:var(--space-3);min-width:0;display:flex}.sidebar-logo-plate{background:var(--color-canvas);border:1px solid var(--color-hairline);border-radius:var(--radius-lg);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.sidebar-logo-mark{object-fit:contain;width:28px;height:28px}.sidebar-brand-block{flex-direction:column;min-width:0;line-height:1.2;display:flex}.sidebar-brand{font-size:var(--text-base);font-weight:var(--font-bold);color:var(--color-accent)}.sidebar-brand-sub{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-muted);text-transform:uppercase;letter-spacing:.04em}.sidebar.collapsed .sidebar-brand-block,.sidebar.collapsed .nav-group-title,.sidebar.collapsed .nav-item-label,.sidebar.collapsed .sidebar-user-meta{display:none}.sidebar.collapsed .sidebar-logo{justify-content:center}.sidebar.collapsed .sidebar-header{padding:var(--space-3);justify-content:center}.sidebar.collapsed .nav-item{padding:var(--space-2);margin:0 var(--space-2);justify-content:center}.sidebar.collapsed .nav-item.active:before{display:none}.sidebar.collapsed .sidebar-user,.sidebar.collapsed .sidebar-collapse-btn{justify-content:center}.sidebar-close{display:flex}@media (width>=1025px){.sidebar-close{display:none}}.sidebar-nav{padding:var(--space-3) 0;flex:1;overflow-y:auto}.nav-group{margin-bottom:var(--space-3)}.nav-group-title{padding:var(--space-2) var(--space-4);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-muted);text-transform:uppercase;letter-spacing:.05em}.nav-list{list-style:none}.nav-item{align-items:center;gap:var(--space-3);padding:.5rem var(--space-4);color:var(--color-muted);font-size:var(--text-base);font-weight:var(--font-medium);transition:background-color var(--transition-fast), color var(--transition-fast);margin:0 var(--space-2);border-radius:var(--radius-lg);text-decoration:none;display:flex;position:relative}.nav-item:hover{background-color:var(--color-accent-wash);color:var(--color-accent);text-decoration:none}.nav-item.active{background-color:var(--color-accent-wash);color:var(--color-accent);font-weight:var(--font-semibold)}.nav-item.active:before{content:"";background:var(--color-gold);border-radius:1px;width:2px;position:absolute;top:6px;bottom:6px;left:0}.nav-icon{flex-shrink:0;width:20px;height:20px}.sidebar-footer{padding:var(--space-3);border-top:1px solid var(--color-hairline);gap:var(--space-3);flex-direction:column;display:flex}.sidebar-collapse-btn{align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--color-hairline);border-radius:var(--radius-lg);background:var(--color-canvas);color:var(--color-muted);font-size:var(--text-sm);font-family:var(--font-family);cursor:pointer;display:none}.sidebar-collapse-btn:hover{color:var(--color-accent);border-color:var(--color-accent)}@media (width>=1025px){.sidebar-collapse-btn{display:flex}}.sidebar-user{align-items:center;gap:var(--space-3);min-width:0;display:flex}.sidebar-avatar{border-radius:var(--radius-full);background:var(--color-accent);width:36px;height:36px;color:var(--color-white);font-size:var(--text-xs);font-weight:var(--font-semibold);flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar-user-name{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sidebar-user-role{font-size:var(--text-xs);color:var(--color-muted)}.ftux-overlay{z-index:1000;padding:var(--space-4);background-color:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.ftux-modal{background-color:var(--color-white);border-radius:var(--radius-2xl);width:100%;max-width:480px;box-shadow:var(--shadow-xl);overflow:hidden}.ftux-header{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-gray-200);justify-content:space-between;align-items:center;display:flex}.ftux-progress{gap:var(--space-2);display:flex}.ftux-progress-dot{background-color:var(--color-gray-300);width:8px;height:8px;transition:background-color var(--transition-fast);border-radius:50%}.ftux-progress-dot.active{background-color:var(--color-accent);transform:scale(1.25)}.ftux-progress-dot.completed{background-color:var(--color-accent)}.ftux-skip{color:var(--color-gray-500);font-size:var(--text-sm);cursor:pointer;padding:var(--space-1) var(--space-2);background:0 0;border:none}.ftux-skip:hover{color:var(--color-gray-700);text-decoration:underline}.ftux-content{padding:var(--space-8) var(--space-6);text-align:center}.ftux-icon{width:80px;height:80px;margin:0 auto var(--space-6)}.ftux-title{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-gray-900);margin-bottom:var(--space-3)}.ftux-description{font-size:var(--text-base);color:var(--color-gray-600);line-height:var(--leading-relaxed);margin:0}.ftux-footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-gray-200);background-color:var(--color-gray-50);justify-content:space-between;align-items:center;display:flex}.ftux-step-indicator{font-size:var(--text-sm);color:var(--color-gray-500)}@media (width<=480px){.ftux-modal{margin:var(--space-4)}.ftux-content{padding:var(--space-6) var(--space-4)}.ftux-footer{gap:var(--space-3);flex-wrap:wrap;justify-content:center}.ftux-step-indicator{text-align:center;order:-1;width:100%}}.app-shell{min-height:100vh;display:flex}.app-main{flex-direction:column;flex:1;min-width:0;display:flex}.app-header{height:calc(var(--header-height) + env(safe-area-inset-top,0px));padding-top:env(safe-area-inset-top,0px);background-color:var(--color-white);border-bottom:1px solid var(--color-hairline);padding-left:var(--space-4);padding-right:var(--space-4);z-index:var(--z-dropdown);justify-content:space-between;align-items:center;gap:var(--space-3);display:flex;position:sticky;top:0}.header-left{align-items:center;gap:var(--space-2);flex:auto;min-width:0;display:flex}.menu-toggle{flex-shrink:0;display:none}@media (width<=1024px){.menu-toggle{display:flex}}.page-title-header{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;min-width:0;margin:0;overflow:hidden}.header-center{justify-content:center;align-items:center;gap:var(--space-3);flex:1;min-width:0;display:flex}.global-search{align-items:center;gap:var(--space-2);background:var(--color-canvas);border:1px solid var(--color-hairline);border-radius:var(--radius-lg);width:100%;max-width:320px;color:var(--color-muted);padding:.35rem .65rem;display:none}.global-search input{font-family:var(--font-family);font-size:var(--text-base);color:var(--color-text);background:0 0;border:none;outline:none;flex:1;min-width:0}.search-kbd{border:1px solid var(--color-hairline);color:var(--color-muted);background:var(--color-white);border-radius:4px;padding:1px 5px;font-size:10px}@media (width>=769px){.global-search{display:flex}}.org-switcher{padding:var(--space-2) var(--space-3);border:1px solid var(--color-hairline);border-radius:var(--radius-lg);font-size:var(--text-sm);background-color:var(--color-white);min-width:140px;max-width:220px;font-family:var(--font-family);color:var(--color-text)}.org-name{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-muted);white-space:nowrap;text-overflow:ellipsis;max-width:12rem;overflow:hidden}.header-right{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.header-notify{color:var(--color-muted)}.user-menu{align-items:center;gap:var(--space-2);display:flex}.header-avatar{border-radius:var(--radius-full);background:var(--color-accent);width:32px;height:32px;color:var(--color-white);font-size:var(--text-xs);font-weight:var(--font-semibold);flex-shrink:0;justify-content:center;align-items:center;display:flex}.header-sign-out{align-items:center;gap:var(--space-1);display:inline-flex;position:relative}.header-sign-out-icon{display:none}.app-content{flex:1;overflow-y:auto}.sidebar-overlay{z-index:calc(var(--z-dropdown) + 1);background-color:#12181273;display:none;position:fixed;inset:0}@media (width<=1024px){.sidebar-overlay{display:block}}@media (width<=768px){.app-header{padding-left:var(--space-3);padding-right:var(--space-3);gap:var(--space-2)}.header-center{display:none}.header-desktop-only{display:none!important}.page-title-header{font-size:var(--text-base)}.header-sign-out{padding:var(--space-2);justify-content:center;min-width:36px;min-height:36px}.header-sign-out-icon{display:block}.header-sign-out-label{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.sync-badge{border-radius:var(--radius-full);justify-content:center;gap:0;min-width:28px;min-height:28px;padding:0}.sync-badge-text{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.sync-badge-dot{border-radius:var(--radius-full);background:currentColor;width:8px;height:8px;display:block}}@media (width>=769px){.sync-badge-dot{display:none}}@media (width>=1025px){.app-main{margin-left:var(--sidebar-width);transition:margin-left var(--transition-base)}.app-shell.sidebar-collapsed .app-main{margin-left:var(--sidebar-collapsed-width)}}.dash-kpi-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(170px,1fr));display:grid}.dash-kpi{gap:var(--space-2);padding:var(--space-5);background:var(--color-white);border:1px solid var(--color-hairline);border-radius:var(--radius-xl);color:inherit;transition:border-color var(--transition-fast), box-shadow var(--transition-fast), background-color var(--transition-fast);flex-direction:column;display:flex}.dash-kpi:hover,.dash-kpi:focus-visible{border-color:var(--color-accent);background:var(--color-accent-wash);color:inherit;box-shadow:var(--shadow-sm);text-decoration:none}.dash-kpi span,.dash-today-metric span{color:var(--color-muted)}.dash-kpi:hover span,.dash-kpi:focus-visible span{color:var(--color-accent)}.dash-kpi strong{color:var(--color-text);font-size:var(--text-2xl)}.dash-today{gap:var(--space-4);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.dash-today-metric{gap:var(--space-1);padding:var(--space-3);background:var(--color-gray-50);border-radius:var(--radius-lg);flex-direction:column;display:flex}.dash-today-metric.warning{background:var(--color-error-light);color:var(--color-danger)}.dash-split{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.dash-bar-list,.dash-activity-list{list-style:none}.dash-bar-list{gap:var(--space-4);flex-direction:column;display:flex}.dash-bar-label,.dash-card-heading{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.dash-bar-label span{text-transform:capitalize}.dash-bar-track{height:7px;margin-top:var(--space-2);background:var(--color-gray-100);border-radius:var(--radius-full);overflow:hidden}.dash-bar-track span{background:var(--color-accent);border-radius:inherit;height:100%;display:block}.dash-activity-list li{justify-content:space-between;gap:var(--space-4);padding:var(--space-3) 0;border-bottom:1px solid var(--color-hairline);display:flex}.dash-activity-list li:last-child{border-bottom:0}.dash-activity-list div{flex-direction:column;display:flex}.dash-activity-list span,.dash-activity-list time{color:var(--color-muted);font-size:var(--text-xs)}.dash-card-heading a{color:var(--color-accent);font-size:var(--text-sm);font-weight:var(--font-medium)}.dash-card-heading a:hover{color:var(--color-accent-hover);text-decoration:underline}.dash-activity-list a:hover{text-decoration:none}.quick-actions{gap:var(--space-3);flex-wrap:wrap;display:flex}@media (width<=768px){.dash-today,.dash-split{grid-template-columns:1fr 1fr}.dash-activity-list li{gap:var(--space-1);flex-direction:column}}@media (width<=480px){.dash-today,.dash-split{grid-template-columns:1fr}}.activity-toolbar,.activity-pager{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.activity-toolbar{margin-bottom:var(--space-4)}.activity-toolbar .form-input{max-width:320px}.activity-page-size{align-items:center;gap:var(--space-2);color:var(--color-muted);display:flex}.activity-page-size .form-select{width:auto}.activity-pager{margin-top:var(--space-4);color:var(--color-muted)}.activity-pager-actions{gap:var(--space-2);display:flex}.activity-kind{text-transform:capitalize}.list-chrome{gap:var(--space-3);margin-bottom:var(--space-4);flex-direction:column;display:flex}.list-chrome-top{gap:var(--space-2) var(--space-3);flex-wrap:wrap;align-items:center;display:flex}.list-chrome-filters-row{align-items:center;gap:var(--space-2);flex-wrap:wrap;flex:1;min-width:0;display:flex}.search-form{gap:var(--space-2);flex:240px;align-items:center;min-width:0;max-width:420px;display:flex}.search-input-wrapper{flex:auto;min-width:0;position:relative}.search-icon{width:1rem;height:1rem;color:var(--color-muted);pointer-events:none;z-index:1;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.search-input-wrapper .form-input.search-input,.search-input-wrapper input.search-input{width:100%;padding-top:var(--space-2);padding-bottom:var(--space-2);padding-left:2.75rem;padding-right:2.25rem}.search-clear{padding:var(--space-1);cursor:pointer;color:var(--color-muted);border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:50%;right:.35rem;transform:translateY(-50%)}.search-clear:hover{color:var(--color-text);background:var(--color-gray-100)}.search-clear svg{width:1rem;height:1rem}.search-submit{justify-content:center;align-items:center;gap:var(--space-1);flex-shrink:0;display:inline-flex}.search-submit-icon{display:none}.filters{gap:var(--space-2);flex-wrap:wrap;align-items:center;min-width:0;display:flex}.filter-item{flex:auto;min-width:0}.filter-select{padding:var(--space-2);font-size:var(--text-sm);width:100%;min-width:6.5rem}.sort-controls{align-items:center;gap:var(--space-2);flex-wrap:nowrap;flex-shrink:0;min-width:0;margin-left:auto;display:flex}.sort-label{font-size:var(--text-sm);color:var(--color-muted);white-space:nowrap;flex-shrink:0}.sort-select{width:auto;min-width:7.5rem;max-width:11rem;padding:var(--space-2);font-size:var(--text-sm);flex:auto}.list-chrome-bottom{justify-content:space-between;align-items:center;gap:var(--space-3);margin-top:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--color-hairline);flex-wrap:wrap;display:flex}.results-info{font-size:var(--text-sm);color:var(--color-muted)}.pagination-controls{align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.page-size-control{align-items:center;gap:var(--space-2);font-size:var(--text-sm);white-space:nowrap;flex-shrink:0;display:flex}.page-size-control label{white-space:nowrap;color:var(--color-muted)}.page-size-select{width:auto;padding:var(--space-1) var(--space-2);font-size:var(--text-sm)}.pagination{align-items:center;gap:var(--space-1);flex-wrap:nowrap;display:flex}.pagination-pages{align-items:center;gap:var(--space-1);display:flex}.pagination-page{min-width:32px}.pagination-ellipsis{padding:0 var(--space-2);color:var(--color-muted)}@media (width<=768px){.list-chrome{gap:var(--space-2);margin-bottom:var(--space-3)}.list-chrome-top{gap:var(--space-2)}.search-form{flex:100%;width:100%;max-width:none}.search-submit{min-width:2.5rem;padding-left:var(--space-2);padding-right:var(--space-2)}.search-submit-icon{display:block}.search-submit-label{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.search-submit{position:relative}.list-chrome-filters-row{gap:var(--space-2);flex:100%;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);width:100%;display:grid}.filters{width:100%}.sort-controls{width:100%;margin-left:0}.sort-label{flex-shrink:0}.sort-select{flex:1;min-width:0;max-width:none}.list-chrome-bottom{flex-direction:column;align-items:stretch}.pagination-controls{justify-content:space-between}.pagination{justify-content:flex-end}}.document-preview{width:100%}.document-preview-toolbar{margin-bottom:var(--space-4);justify-content:flex-end;display:flex}.document-pages{align-items:center;gap:var(--space-6);flex-direction:column;display:flex}.document-page{color:#121812;border:1px solid var(--color-hairline);width:min(210mm,100%);min-height:297mm;box-shadow:var(--shadow-md);-webkit-print-color-adjust:exact;print-color-adjust:exact;background:#fff;flex-direction:column;padding:14mm 15mm 13mm;display:flex;position:relative;overflow:visible}.document-letterhead{border-bottom:2px solid var(--color-accent);justify-content:space-between;align-items:flex-start;gap:12mm;padding-bottom:7mm;display:flex}.document-logo{object-fit:contain;object-position:left center;width:68mm;max-height:24mm}.document-brand-copy{text-align:right;flex-direction:column;align-items:flex-end;max-width:78mm;display:flex}.document-brand-copy strong{color:var(--color-accent);font-size:15pt}.document-brand-copy span{color:var(--color-muted);margin-top:1mm;font-size:8pt}.document-brand-copy address{color:var(--color-muted);margin-top:3mm;font-size:8pt;font-style:normal;line-height:1.5}.document-continuation-header{border-bottom:1px solid var(--color-accent);align-items:center;gap:4mm;padding-bottom:5mm;display:flex}.document-continuation-header img{object-fit:contain;width:11mm;height:11mm}.document-continuation-header div{flex-direction:column;gap:1mm;display:flex}.document-continuation-header strong{color:var(--color-accent);font-size:10pt}.document-continuation-header span{color:var(--color-muted);font-size:8pt}.document-title-row{justify-content:space-between;gap:8mm;padding:7mm 0 5mm;display:flex}.document-eyebrow,.document-recipient>span,.document-project>span,.document-subject>span{color:var(--color-muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:1mm;font-size:7.5pt;font-weight:600;display:block}.document-title-row h1{color:var(--color-accent);font-size:22pt}.document-dates{grid-template-columns:auto auto;align-content:start;gap:1.5mm 5mm;min-width:58mm;font-size:8.5pt;display:grid}.document-dates dt{color:var(--color-muted)}.document-dates dd{text-align:right;font-weight:600}.document-parties{grid-template-columns:repeat(2,minmax(0,1fr));gap:4mm;display:grid}.document-recipient,.document-project{background:var(--color-accent-wash);border-left:1.5mm solid var(--color-gold);padding:4mm}.document-recipient strong,.document-project strong{font-size:11pt;display:block}.document-recipient p,.document-project p{max-width:115mm;color:var(--color-muted);white-space:pre-line;margin:1mm 0 0;font-size:8.5pt}.document-subject{padding:4mm 0}.document-subject strong{font-size:9pt}.document-table-wrap{margin-top:4mm}.document-table{table-layout:fixed;border-collapse:collapse;width:100%;font-size:8pt}.document-table th{color:#fff;background:var(--color-accent);text-align:left;padding:2.5mm 2mm}.document-table td{vertical-align:top;border-bottom:1px solid var(--color-hairline);overflow-wrap:anywhere;padding:2.5mm 2mm}.document-table th:nth-child(2){width:43%}.document-table .document-item-number{text-align:center;width:8mm}.document-table .document-number{text-align:right;white-space:nowrap;width:25mm}.document-empty-items{color:var(--color-muted);text-align:center}.document-final-section{margin-top:6mm}.document-totals{grid-template-columns:1fr auto;gap:2mm 8mm;width:72mm;margin-left:auto;font-size:9pt;display:grid}.document-totals dd{text-align:right;min-width:29mm;font-weight:600}.document-grand-total{color:var(--color-accent);border-top:1px solid var(--color-accent);padding-top:2.5mm;font-size:11pt;font-weight:700}.document-notes{border-top:1px solid var(--color-hairline);grid-template-columns:repeat(2,minmax(0,1fr));gap:6mm;margin-top:7mm;padding-top:5mm;display:grid}.document-notes h2{color:var(--color-accent);margin-bottom:1.5mm;font-size:8.5pt}.document-notes p{color:var(--color-muted);white-space:pre-line;margin:0;font-size:8pt}.document-footer{color:var(--color-muted);border-top:1px solid var(--color-hairline);justify-content:space-between;gap:4mm;margin-top:auto;padding-top:5mm;font-size:7.5pt;display:flex}@media screen and (width<=768px){.document-page{min-height:auto;padding:var(--space-4)}.document-letterhead,.document-title-row,.document-parties{flex-direction:column;grid-template-columns:1fr}.document-brand-copy{text-align:left;align-items:flex-start}.document-table{min-width:650px}.document-table-wrap{overflow-x:auto}.document-notes{grid-template-columns:1fr}}@page{size:A4 portrait;margin:12mm}@media print{.sidebar,.sidebar-overlay,.app-header,.bottom-nav,.form-topbar,.document-preview-toolbar,.toast-container,.ftux-overlay{display:none!important}.app-shell,.app-main,.app-content,.page-container,.document-preview,.document-pages{width:100%!important;max-width:none!important;min-height:0!important;box-shadow:none!important;background:#fff!important;border:0!important;margin:0!important;padding:0!important;display:block!important}.has-bottom-nav{padding-bottom:0!important}.document-page{width:100%;height:auto;min-height:0;box-shadow:none;break-after:page;page-break-after:always;-webkit-print-color-adjust:exact;print-color-adjust:exact;border:0;padding:0;overflow:visible}.document-page:last-child{break-after:auto;page-break-after:auto}.document-table th,.document-recipient,.document-project{-webkit-print-color-adjust:exact;print-color-adjust:exact}.document-table tr,.document-final-section{break-inside:avoid;page-break-inside:avoid}.document-notes section{break-inside:auto;page-break-inside:auto}}.attendance-date{align-items:center;gap:var(--space-2);color:var(--color-muted);display:flex}.attendance-date .form-input{width:auto}.punch-form{max-width:440px}.punch-buttons,.phone-sim-actions{gap:var(--space-3);display:flex}.punch-buttons .btn,.phone-sim-actions .btn{flex:1}.attendance-accordions{gap:var(--space-3);flex-direction:column;display:flex}.attendance-accordion-toggle{width:100%;padding:var(--space-4) var(--space-6);color:var(--color-text);background:var(--color-white);border-radius:var(--radius-xl);cursor:pointer;font:inherit;font-size:var(--text-lg);font-weight:var(--font-semibold);text-align:left;border:0;justify-content:space-between;align-items:center;display:flex}.attendance-accordion-toggle[aria-expanded=true]{border-bottom:1px solid var(--color-hairline);border-radius:var(--radius-xl) var(--radius-xl) 0 0}.punches-list{gap:var(--space-3);flex-direction:column;display:flex}.punch-item{align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--color-gray-50);border-left:3px solid var(--color-success);border-radius:var(--radius-lg);grid-template-columns:1fr 1fr auto;display:grid}.punch-item.flagged{background:var(--color-error-light);border-left-color:var(--color-danger)}.phone-sim,.phone-sim-launch{right:var(--space-6);bottom:var(--space-6);z-index:var(--z-phone-sim);position:fixed}.phone-sim{background:var(--color-white);border:1px solid var(--color-hairline);width:min(340px,100vw - 2rem);box-shadow:var(--shadow-overlay);border-radius:26px;overflow:hidden}.phone-sim-header{padding:var(--space-3) var(--space-4);color:var(--color-white);background:var(--color-accent);justify-content:space-between;align-items:center;display:flex}.phone-sim-header div{flex-direction:column;display:flex}.phone-sim-header span{opacity:.8;font-size:var(--text-xs)}.phone-sim-header .btn{color:var(--color-white);font-size:var(--text-xl)}.phone-sim-body{max-height:min(680px,100vh - 7rem);padding:var(--space-4);overflow-y:auto}.phone-location{gap:var(--space-2);margin-bottom:var(--space-4);padding:var(--space-3);border:1px solid var(--color-hairline);border-radius:var(--radius-lg);flex-wrap:wrap;display:flex}.phone-location legend{padding:0 var(--space-1);color:var(--color-muted);font-size:var(--text-xs)}.phone-location label{white-space:nowrap;flex:1;min-width:78px}.phone-selfie{align-items:stretch;gap:var(--space-2);margin-bottom:var(--space-3);flex-direction:column;display:flex}.phone-selfie video,.phone-selfie img{object-fit:cover;background:var(--color-gray-900);border-radius:var(--radius-lg);width:100%;max-height:180px}.phone-selfie small,.phone-sim-status{color:var(--color-muted);font-size:var(--text-xs)}.phone-sim-status{min-height:2.5em;margin-bottom:var(--space-3)}@media (width<=768px){.punch-item{gap:var(--space-2);grid-template-columns:1fr}.phone-sim,.phone-sim-launch{right:var(--space-4);bottom:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom,0px) + var(--space-4))}}:root{--color-canvas:#f3f4f2;--color-text:#121812;--color-muted:#5e675f;--color-hairline:#e2e5e1;--color-accent:#205030;--color-accent-hover:#163824;--color-accent-dark:#163824;--color-accent-light:#2a6a40;--color-accent-wash:#e7f0ea;--color-focus:#2f6b45;--color-gold:#c0a050;--color-gold-dark:#9a8040;--color-gold-light:#d4b868;--color-white:#fff;--color-black:#000;--color-gray-50:#f7f8f6;--color-gray-100:#f0f2ef;--color-gray-200:var(--color-hairline);--color-gray-300:#d0d4ce;--color-gray-400:#9aa39b;--color-gray-500:var(--color-muted);--color-gray-600:#4a524b;--color-gray-700:#2f3630;--color-gray-800:#1c221d;--color-gray-900:var(--color-text);--color-success:#067647;--color-success-light:#ecfdf3;--color-warning:#b54708;--color-warning-light:#fef3c7;--color-error:#b42318;--color-error-light:#fef3f2;--color-info:#3730a3;--color-info-light:#eef2ff;--color-danger:#b42318;--color-status-active:var(--color-success);--color-status-inactive:var(--color-gray-400);--color-status-pending:var(--color-warning);--color-status-flagged:var(--color-error);--color-status-draft:var(--color-muted);--font-family:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-family-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--text-xs:.6875rem;--text-sm:.75rem;--text-base:.8125rem;--text-lg:.9375rem;--text-xl:1.0625rem;--text-2xl:1.25rem;--text-3xl:1.5rem;--text-4xl:1.875rem;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--leading-none:1;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--space-0:0;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-none:0;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.625rem;--radius-2xl:.75rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #1218120a;--shadow-md:0 4px 12px -2px #12181214;--shadow-lg:0 12px 24px -4px #1218121f;--shadow-xl:0 20px 40px -8px #12181229;--shadow-overlay:0 16px 48px #1218122e;--transition-fast:.15s ease;--transition-base:.2s ease;--transition-slow:.3s ease;--z-dropdown:100;--z-modal-backdrop:200;--z-modal:210;--z-toast:300;--z-tooltip:400;--z-phone-sim:350;--sidebar-width:240px;--sidebar-collapsed-width:72px;--header-height:56px;--bottom-nav-height:58px;--content-max-width:1200px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-family);font-size:var(--text-base);font-weight:var(--font-normal);line-height:var(--leading-normal);color:var(--color-text);background-color:var(--color-canvas);min-height:100vh}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}#root{flex-direction:column;min-height:100vh;display:flex}h1,h2,h3,h4,h5,h6{font-weight:var(--font-semibold);line-height:var(--leading-tight);color:var(--color-text)}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}h5{font-size:var(--text-base)}h6{font-size:var(--text-sm)}p{margin-bottom:var(--space-4)}a{color:var(--color-accent);transition:color var(--transition-fast), background-color var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);text-decoration:none}a:hover{color:var(--color-accent-hover);text-decoration:underline}a.btn,a.btn:hover,a.btn:focus,a.btn:active{text-decoration:none}a.btn-primary,a.btn-primary:hover,a.btn-primary:focus,a.btn-primary:active{color:var(--color-white)}a.btn-secondary,a.btn-secondary:hover,a.btn-secondary:focus,a.btn-ghost,a.btn-ghost:hover,a.btn-ghost:focus{color:var(--color-gray-700)}a.btn-danger,a.btn-danger:hover,a.btn-danger:focus{color:var(--color-white)}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-family:var(--font-family);font-size:var(--text-sm);font-weight:var(--font-medium);line-height:var(--leading-normal);border-radius:var(--radius-lg);cursor:pointer;transition:background-color var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast), box-shadow var(--transition-fast);white-space:nowrap;border:1px solid #0000;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--color-accent);color:var(--color-white)}.btn-primary:hover:not(:disabled){background-color:var(--color-accent-hover);color:var(--color-white)}.btn-secondary{background-color:var(--color-white);color:var(--color-gray-700);border-color:var(--color-hairline)}.btn-secondary:hover:not(:disabled){background-color:var(--color-accent-wash);border-color:var(--color-accent);color:var(--color-accent)}.btn-ghost{color:var(--color-gray-700);background-color:#0000}.btn-ghost:hover:not(:disabled){background-color:var(--color-accent-wash);color:var(--color-accent)}.btn-danger{background-color:var(--color-error);color:var(--color-white)}.btn-danger:hover:not(:disabled){color:var(--color-white);background-color:#991b1b}.btn-sm{padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}.btn-lg{padding:var(--space-3) var(--space-6);font-size:var(--text-base)}.btn-icon{padding:var(--space-2)}.form-wrap{max-width:800px}.form-wrap--wide{max-width:880px}.form-grid{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.form-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.form-grid>.form-group{margin-bottom:0}.form-group--full{grid-column:1/-1}.form-row{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.form-row>.form-group{margin-bottom:0}.form-add-row{gap:var(--space-3);flex-wrap:wrap;align-items:flex-end;display:flex}.form-add-row>.form-group{flex:10rem;min-width:8.5rem;margin-bottom:0}.form-add-row>.form-group--grow{flex:11rem;min-width:9rem}.form-add-row>.form-group--date{flex:0 0 10.5rem;min-width:10.5rem;max-width:10.5rem}.form-add-row>.form-group--narrow{flex:0 0 5.5rem;min-width:5.5rem;max-width:5.5rem}.form-add-row>.form-add-actions{flex:none;padding-bottom:1px}.form-add-row--toolbar{gap:var(--space-3);grid-template-columns:minmax(0,1.35fr) minmax(0,1.35fr) 10.5rem 5.25rem auto;align-items:end;display:grid}.form-add-row--toolbar>.form-group{flex:unset;min-width:0;max-width:none;margin-bottom:0}@media (width>=641px) and (width<=900px){.form-add-row--toolbar{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.form-add-row--toolbar>.form-add-actions{grid-column:1/-1;justify-self:start}}@media (width<=640px){.form-grid,.form-grid--3,.form-row{grid-template-columns:1fr}.form-add-row>.form-group,.form-add-row>.form-group--grow,.form-add-row>.form-group--date,.form-add-row>.form-group--narrow{flex:100%;max-width:none}.form-add-row--toolbar{grid-template-columns:1fr}}.form-wrap .form-textarea,.form-wrap--wide .form-textarea{min-height:4.5rem}.form-group{margin-bottom:var(--space-4)}.form-label{margin-bottom:var(--space-1);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-gray-700);display:block}.form-label.required:after{content:" *";color:var(--color-error)}.form-input,.form-select,.form-textarea{width:100%;padding:var(--space-2) var(--space-3);font-family:var(--font-family);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text);background-color:var(--color-white);border:1px solid var(--color-hairline);border-radius:var(--radius-lg);transition:border-color var(--transition-fast), box-shadow var(--transition-fast)}.input-with-icon{position:relative}.input-with-icon>.input-icon{width:1rem;height:1rem;color:var(--color-muted);pointer-events:none;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.input-with-icon>.form-input{padding-left:2.5rem}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-focus);box-shadow:0 0 0 3px var(--color-accent-wash);outline:none}.form-input:disabled,.form-select:disabled,.form-textarea:disabled{background-color:var(--color-gray-100);cursor:not-allowed}.form-input.error,.form-select.error,.form-textarea.error{border-color:var(--color-error)}.form-textarea{resize:vertical;min-height:100px}.form-error{margin-top:var(--space-1);font-size:var(--text-sm);color:var(--color-error)}.form-hint{margin-top:var(--space-1);font-size:var(--text-sm);color:var(--color-gray-500)}.form-checkbox-group{align-items:center;gap:var(--space-2);display:flex}.form-checkbox{width:1rem;height:1rem;accent-color:var(--color-accent)}.card{background-color:var(--color-white);border-radius:var(--radius-xl);box-shadow:none;border:1px solid var(--color-hairline)}.card-header{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-gray-200)}.card-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-gray-900)}.card-body{padding:var(--space-6)}.card-footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-gray-200);background-color:var(--color-gray-50);border-radius:0 0 var(--radius-xl) var(--radius-xl)}.table-container{overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.table th,.table td{padding:var(--space-3) var(--space-4);text-align:left;border-bottom:1px solid var(--color-gray-200)}.table th{font-weight:var(--font-semibold);color:var(--color-gray-700);background-color:var(--color-gray-50)}.table tbody tr:hover{background-color:var(--color-gray-50)}.table-actions{gap:var(--space-2);justify-content:flex-end;display:flex}@media (width<=768px){.table-responsive{display:none}.cards-responsive{gap:var(--space-3);flex-direction:column;display:flex}.card-item{padding:var(--space-4);background-color:var(--color-white);border-radius:var(--radius-lg);border:1px solid var(--color-gray-200)}.card-item-header{margin-bottom:var(--space-3);justify-content:space-between;align-items:flex-start;display:flex}.card-item-title{font-weight:var(--font-semibold);color:var(--color-gray-900)}.card-item-row{padding:var(--space-1) 0;font-size:var(--text-sm);justify-content:space-between;display:flex}.card-item-label{color:var(--color-gray-500)}.card-item-value{color:var(--color-gray-900);font-weight:var(--font-medium)}}@media (width>=769px){.cards-responsive{display:none}}.badge{padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:var(--font-medium);border-radius:var(--radius-full);align-items:center;display:inline-flex}.badge-success{background-color:var(--color-success-light);color:#065f46}.badge-warning{background-color:var(--color-warning-light);color:#92400e}.badge-error{background-color:var(--color-error-light);color:#991b1b}.badge-info{background-color:var(--color-info-light);color:#1e40af}.badge-gray{background-color:var(--color-gray-100);color:var(--color-gray-700)}.badge-planning{background:var(--color-accent-wash);color:var(--color-accent)}.badge-design{color:#3730a3;background:#eef2ff}.badge-execution{color:#067647;background:#ecfdf3}.badge-vip{color:#92400e;background:#fef3c7}.badge-geofence-ok{background:var(--color-accent-wash);color:var(--color-accent)}.badge-geofence-flag{color:var(--color-danger);background:#fef3f2}.page-container{padding:var(--space-6);max-width:var(--content-max-width);width:100%;margin:0 auto}@media (width<=1024px){.page-container{padding:var(--space-4)}}@media (width<=640px){.page-container{padding:var(--space-3)}.page-header .page-title.page-title--dup{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}.page-header{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}@media (width<=768px){.page-header{margin-bottom:var(--space-3)}.page-header .page-title:not(.page-title--dup){font-size:var(--text-xl)}.page-header--empty-dataset .page-actions{display:none}.page-header--empty-dataset{margin-bottom:var(--space-2)}.empty-state{min-height:220px;padding:var(--space-8) var(--space-3)}}.page-title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-gray-900)}.page-actions{gap:var(--space-3);display:flex}.bottom-nav{height:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);background-color:var(--color-white);border-top:1px solid var(--color-hairline);z-index:var(--z-dropdown);display:none;position:fixed;bottom:0;left:0;right:0}@media (width<=1024px){.bottom-nav{justify-content:space-around;align-items:center;display:flex}.has-bottom-nav{padding-bottom:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom,0px))}}.bottom-nav-item{min-width:0;padding:var(--space-2) 2px;color:var(--color-muted);font-size:var(--text-xs);transition:color var(--transition-fast);flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:2px;text-decoration:none;display:flex}.bottom-nav-item span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.bottom-nav-item.active,.bottom-nav-item:hover{color:var(--color-accent);text-decoration:none}.bottom-nav-item:hover{background:var(--color-accent-wash);border-radius:var(--radius-lg)}.bottom-nav-icon{width:22px;height:22px}@media (width<=768px){.btn-icon-responsive:has(svg) .btn-label{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.btn-icon-responsive:has(svg){padding:var(--space-2);min-width:36px;position:relative}}.form-topbar{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-hairline);flex-wrap:wrap;display:flex}.form-topbar-actions{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}@media (width<=768px){.data-table-wrap .data-table thead{display:none}.data-table-wrap .data-table,.data-table-wrap .data-table tbody,.data-table-wrap .data-table tr,.data-table-wrap .data-table td{width:100%;display:block}.data-table-wrap .data-table tr{margin-bottom:var(--space-3);padding:var(--space-3);background:var(--color-white);border:1px solid var(--color-hairline);border-radius:var(--radius-xl)}.data-table-wrap .data-table td{justify-content:space-between;gap:var(--space-3);padding:var(--space-1) 0;border:none;display:flex}.data-table-wrap .data-table td:before{content:attr(data-label);color:var(--color-muted);font-weight:var(--font-medium)}.data-table-wrap .data-table td.actions-cell{justify-content:flex-end;align-items:center;gap:var(--space-3);padding-top:var(--space-2);margin-top:var(--space-1)}.data-table-wrap .data-table td.actions-cell:before{flex:none}.data-table-wrap .data-table td.actions-cell .table-actions{flex:none;justify-content:flex-end;margin-left:0}}.login-page{min-height:100vh;padding:var(--space-4);background-color:var(--color-canvas);justify-content:center;align-items:center;display:flex}.login-card{background-color:var(--color-white);border-radius:var(--radius-xl);width:100%;max-width:400px;box-shadow:var(--shadow-lg);padding:var(--space-8)}.login-logo{text-align:center;margin-bottom:var(--space-6)}.login-logo img{height:48px}.login-title{text-align:center;font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-accent);margin-bottom:var(--space-2)}.login-subtitle{text-align:center;color:var(--color-gray-500);margin-bottom:var(--space-6)}.login-form{gap:var(--space-4);flex-direction:column;display:flex}.login-footer{margin-top:var(--space-6);text-align:center;font-size:var(--text-sm);color:var(--color-gray-500)}.loading-screen{justify-content:center;align-items:center;gap:var(--space-4);flex-direction:column;min-height:100vh;display:flex}.loading-spinner{border:3px solid var(--color-gray-200);border-top-color:var(--color-accent);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-overlay{z-index:var(--z-modal);background-color:#fffc;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.empty-state{text-align:center;min-height:280px;padding:var(--space-12) var(--space-4);flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state-icon{width:64px;height:64px;margin:0 auto var(--space-4);color:var(--color-muted);opacity:.85}.empty-state-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text);margin:0 0 var(--space-2)}.empty-state-description{color:var(--color-muted);margin:0 0 var(--space-6);max-width:28rem;line-height:var(--leading-normal)}.empty-state-action{justify-content:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.empty-state-action .btn{min-height:2.25rem}.modal-backdrop{z-index:var(--z-modal-backdrop);padding:var(--space-4);background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background-color:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:100%;max-width:500px;max-height:90vh;z-index:var(--z-modal);overflow:auto}.modal-header{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-gray-200);justify-content:space-between;align-items:center;display:flex}.modal-title{font-size:var(--text-lg);font-weight:var(--font-semibold)}.modal-close{cursor:pointer;padding:var(--space-1);color:var(--color-gray-500);background:0 0;border:none}.modal-close:hover{color:var(--color-gray-700)}.modal-body{padding:var(--space-6)}.modal-footer{justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-gray-200);display:flex}.toast-container{bottom:var(--space-4);right:var(--space-4);z-index:var(--z-toast);gap:var(--space-2);flex-direction:column;display:flex;position:fixed}@media (width<=1024px){.toast-container{bottom:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom,0px) + var(--space-4));right:var(--space-3);left:var(--space-3);align-items:stretch}.toast{max-width:none}}.toast{padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);align-items:center;gap:var(--space-3);max-width:400px;display:flex}.toast-success{background-color:var(--color-success-light);color:#065f46}.toast-error{background-color:var(--color-error-light);color:#991b1b}.toast-warning{background-color:var(--color-warning-light);color:#92400e}.toast-info{background-color:var(--color-info-light);color:#1e40af}.sync-badge{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);font-size:var(--text-xs);border-radius:var(--radius-full);display:flex;position:relative}.sync-badge.syncing{background-color:var(--color-info-light);color:#1e40af}.sync-badge.offline{background-color:var(--color-warning-light);color:#92400e}.sync-badge.error{background-color:var(--color-error-light);color:#991b1b}.sync-badge.synced{background-color:var(--color-success-light);color:#065f46}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.text-sm{font-size:var(--text-sm)}.text-xs{font-size:var(--text-xs)}.text-lg{font-size:var(--text-lg)}.text-muted{color:var(--color-gray-500)}.text-success{color:var(--color-success)}.text-error{color:var(--color-error)}.text-warning{color:var(--color-warning)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.w-full{width:100%}.h-full{height:100%}.hidden{display:none}.visible{visibility:visible}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}