@import "https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,600;1,700;1,800&family=Roboto:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap";:root{color:#0f172a;--font-heading:"Montserrat", sans-serif;--font-body:"Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-family-base:var(--font-body);--font-family-heading:var(--font-heading);font-synthesis:none;-webkit-font-smoothing:antialiased;--bg-app:#ededed;--surface:#fff;--surface-subtle:#f1f5f9;--surface-muted:#e2e8f0;--border:#e2e8f0;--border-subtle:#f1f5f9;--border-strong:#cbd5e1;--line:#e2e8f0;--ink:#0f172a;--text-primary:#0f172a;--text-secondary:#475569;--text-tertiary:#94a3b8;--muted:#475569;--brand:#2563eb;--brand-dark:#1d4ed8;--brand-light:#eff6ff;--brand-border:#bfdbfe;--accent:#4f46e5;--accent-dark:#4338ca;--accent-light:#eef2ff;--success:#16a34a;--success-bg:#f0fdf4;--success-border:#bbf7d0;--success-text:#15803d;--warning:#d97706;--warning-bg:#fffbeb;--warning-border:#fde68a;--warning-text:#b45309;--danger:#dc2626;--danger-bg:#fef2f2;--danger-border:#fecaca;--danger-text:#b91c1c;--info:#0284c7;--info-bg:#f0f9ff;--info-border:#bae6fd;--info-text:#0369a1;--surface-blue:#eff6ff;--surface-lavender:#f5f3ff;--surface-mint:#f0fdf4;--surface-peach:#fff7ed;--surface-yellow:#fefce8;--surface-rose:#fff1f2;--surface-cyan:#ecfeff;--pastel-purple-bg:#f5f3ff;--pastel-purple-border:#ddd6fe;--pastel-purple-text:#7c3aed;--pastel-purple-val:#5b21b6;--pastel-purple-sub:#8b5cf6;--pastel-teal-bg:#f0fdfa;--pastel-teal-border:#99f6e4;--pastel-teal-text:#0d9488;--pastel-teal-val:#115e59;--pastel-teal-sub:#14b8a6;--pastel-amber-bg:#fffbeb;--pastel-amber-border:#fde68a;--pastel-amber-text:#d97706;--pastel-amber-val:#92400e;--pastel-amber-sub:#b45309;--pastel-blue-bg:#eff6ff;--pastel-blue-border:#bfdbfe;--pastel-blue-text:#2563eb;--pastel-blue-val:#1e40af;--pastel-blue-sub:#3b82f6;--pastel-green-bg:#ecfdf5;--pastel-green-border:#a7f3d0;--pastel-green-text:#059669;--pastel-green-val:#065f46;--pastel-green-sub:#10b981;--pastel-rose-bg:#fff1f2;--pastel-rose-border:#fecdd3;--pastel-rose-text:#e11d48;--pastel-rose-val:#9f1239;--pastel-rose-sub:#f43f5e;--radius-xs:4px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:24px;--radius-full:9999px;--control-radius:10px;--control-height:40px;--card-radius:16px;--shadow-xs:0 1px 2px 0 #0f172a08;--shadow-sm:0 1px 3px 0 #0f172a0a, 0 1px 2px -1px #0f172a0a;--shadow-md:0 4px 6px -1px #0f172a0d, 0 2px 4px -2px #0f172a08;--shadow-lg:0 10px 15px -3px #0f172a0d, 0 4px 6px -4px #0f172a08;--shadow-xl:0 20px 25px -5px #0f172a0f, 0 8px 10px -6px #0f172a08;--shadow-card:0 1px 3px #0f172a08, 0 6px 16px -2px #0f172a08;--shadow-card-hover:0 4px 12px #0f172a0f, 0 1px 3px #0f172a0a;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--focus-ring:0 0 0 3px #2563eb40;--font-size-xs:.75rem;--font-size-sm:.8125rem;--font-size-base:.875rem;--font-size-md:.9375rem;--font-size-lg:1rem;--font-size-xl:1.125rem;--font-size-2xl:1.375rem;--font-size-3xl:1.625rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.2;--line-height-snug:1.35;--line-height-normal:1.5;--line-height-relaxed:1.65;--letter-spacing-tight:-.02em;--letter-spacing-normal:0;--letter-spacing-wide:.02em;--letter-spacing-wider:.05em;--gap-xs:8px;--gap-sm:12px;--gap-md:16px;--gap-lg:20px;--gap-xl:24px;--gap-2xl:32px;--page-padding-x:clamp(16px, 3.5vw, 48px);--page-padding-y:24px;--section-gap:24px;--card-gap:20px;--card-padding:20px;--card-padding-sm:16px;background:#ededed;font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-app:#0f172a;--surface:#1e293b;--surface-subtle:#253347;--surface-muted:#2d3f55;--border:#2d3f55;--border-subtle:#253347;--border-strong:#3d5269;--line:#2d3f55;--ink:#e2e8f0;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-tertiary:#64748b;--muted:#94a3b8;--brand:#60a5fa;--brand-dark:#3b82f6;--brand-light:#1e3a5f;--brand-border:#2d5a8e;--accent:#818cf8;--accent-dark:#6366f1;--accent-light:#1e1b4b;--success:#34d399;--success-bg:#052e16;--success-border:#065f46;--success-text:#6ee7b7;--warning:#fbbf24;--warning-bg:#2d1f00;--warning-border:#6b4c00;--warning-text:#fcd34d;--danger:#f87171;--danger-bg:#2d0a0a;--danger-border:#6b1414;--danger-text:#fca5a5;--info:#38bdf8;--info-bg:#0c2233;--info-border:#164b6e;--info-text:#7dd3fc;--surface-blue:#1e3a5f;--surface-lavender:#1e1b4b;--surface-mint:#052e16;--surface-peach:#3d1a00;--surface-yellow:#2d1f00;--surface-rose:#2d0a0a;--surface-cyan:#0c2233;--pastel-purple-bg:#8b5cf61f;--pastel-purple-border:#8b5cf647;--pastel-purple-text:#c4b5fd;--pastel-purple-val:#ede9fe;--pastel-purple-sub:#a78bfa;--pastel-teal-bg:#14b8a61f;--pastel-teal-border:#14b8a647;--pastel-teal-text:#5eead4;--pastel-teal-val:#ccfbf1;--pastel-teal-sub:#2dd4bf;--pastel-amber-bg:#f59e0b1f;--pastel-amber-border:#f59e0b47;--pastel-amber-text:#fcd34d;--pastel-amber-val:#fef3c7;--pastel-amber-sub:#fbbf24;--pastel-blue-bg:#3b82f61f;--pastel-blue-border:#3b82f647;--pastel-blue-text:#93c5fd;--pastel-blue-val:#dbeafe;--pastel-blue-sub:#60a5fa;--pastel-green-bg:#22c55e1f;--pastel-green-border:#22c55e47;--pastel-green-text:#86efac;--pastel-green-val:#dcfce7;--pastel-green-sub:#4ade80;--pastel-rose-bg:#f43f5e1f;--pastel-rose-border:#f43f5e47;--pastel-rose-text:#fda4af;--pastel-rose-val:#ffe4e6;--pastel-rose-sub:#fb7185;--shadow-xs:0 1px 2px 0 #0000004d;--shadow-sm:0 1px 3px 0 #0006, 0 1px 2px -1px #0006;--shadow-md:0 4px 6px -1px #0006, 0 2px 4px -2px #0000004d;--shadow-card:0 1px 3px #0000004d, 0 6px 16px -2px #00000040;--shadow-card-hover:0 4px 12px #0006, 0 1px 3px #0000004d;--shadow-xl:0 20px 25px -5px #00000080, 0 8px 10px -6px #0006;--focus-ring:0 0 0 3px #60a5fa59}html,body{background:var(--bg-app);color:var(--text-primary);transition:background-color .2s,color .2s}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:600}p,.body-text,.body-muted,.field-label,.helper-text{font-family:var(--font-body)}.erp-page-title,.page-title{font-family:var(--font-heading);letter-spacing:-.01em;color:var(--text-primary);margin:0;font-size:24px;font-weight:600;line-height:1.25}@media (width<=1024px){.erp-page-title,.page-title{font-size:22px}}@media (width<=640px){.erp-page-title,.page-title{font-size:20px}}.section-title{font-family:var(--font-heading);font-size:var(--font-size-xl);font-weight:600;line-height:var(--line-height-snug);color:var(--text-primary);margin:0}.card-title{font-family:var(--font-heading);font-size:var(--font-size-lg);font-weight:600;line-height:var(--line-height-snug);color:var(--text-primary);margin:0}.body-text{font-family:var(--font-body);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--text-primary)}.body-muted{font-family:var(--font-body);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--text-secondary)}.field-label{font-family:var(--font-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);line-height:var(--line-height-snug)}.helper-text{font-family:var(--font-body);font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);color:var(--text-tertiary);line-height:var(--line-height-normal)}.page-stack{gap:var(--section-gap);flex-direction:column;display:flex}.section-stack{gap:var(--card-gap);flex-direction:column;display:flex}.card-stack{gap:var(--gap-md);flex-direction:column;display:flex}.content-grid-2{gap:var(--card-gap);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (width<=768px){.content-grid-2{grid-template-columns:1fr}}.content-grid-3{gap:var(--card-gap);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}@media (width<=1024px){.content-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.content-grid-3{grid-template-columns:1fr}}.content-grid-4{gap:var(--card-gap);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}@media (width<=1200px){.content-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.content-grid-4{grid-template-columns:1fr}.content-grid-4:has(.filter-field){grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px 8px!important}:is(.content-grid-4:has(.filter-field)>.filter-field:first-child,.content-grid-4:has(.filter-field)>.filter-field:nth-child(2)){grid-column:1/-1}}.variance{font-variant-numeric:tabular-nums;text-align:right;border-radius:.4rem;min-width:5rem;padding:.18rem .45rem;display:inline-block}.variance-clear{color:#166534;background:#dcfce7}.variance-exception{color:#991b1b;background:#fee2e2;font-weight:700}.verification-warning{color:#92400e;background:#fffbeb;border-left:4px solid #d97706;padding:.75rem 1rem}.verification-table td[rowspan]{vertical-align:top;border-right:1px solid var(--border,#e5e7eb)}.status-exception,.status-rejected{color:#991b1b;background:#fee2e2}.status-matched,.status-approved{color:#166534;background:#dcfce7}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}:where(input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea){background:var(--surface);color:var(--text-primary);border:1px solid var(--border-strong);border-radius:var(--radius-md);font-size:var(--font-size-base);line-height:var(--line-height-normal);box-sizing:border-box;outline:none;width:100%;padding:.5rem .75rem;transition:border-color .15s,box-shadow .15s}:where(input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea):focus{border-color:var(--brand);box-shadow:var(--focus-ring)}:where(input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea):disabled{background:var(--surface-subtle);color:var(--text-tertiary);cursor:not-allowed;opacity:.7}:where(input,textarea)::placeholder{color:var(--text-tertiary);opacity:1}:where(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not(textarea),select){height:var(--control-height,40px);min-height:var(--control-height,40px);box-sizing:border-box}select{height:var(--control-height,40px);min-height:var(--control-height,40px);font-family:inherit;font-size:var(--font-size-base,14px);color:var(--text-primary);background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md,10px);box-sizing:border-box;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;cursor:pointer;outline:none;width:100%;padding:0 36px 0 12px;line-height:normal;transition:border-color .15s,box-shadow .15s;display:inline-block}select:focus{border-color:var(--brand);box-shadow:var(--focus-ring)}select:disabled{background:var(--surface-subtle);color:var(--text-secondary);border-color:var(--border);cursor:not-allowed;opacity:.7}select option,select optgroup{background-color:var(--surface);color:var(--text-primary)}select option[value=""],select option[value="0"],select option:disabled{color:var(--text-secondary)}[data-theme=dark] select{background-color:var(--surface);color:var(--text-primary);border-color:var(--border);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=dark] select:disabled{background-color:var(--surface-subtle);color:var(--text-secondary);border-color:var(--border)}input[type=date],input[type=time],input[type=datetime-local],input[type=month],input[type=week]{height:var(--control-height,40px);min-height:var(--control-height,40px);font-family:inherit;font-size:var(--font-size-base);color:var(--text-primary);background-color:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-md);box-sizing:border-box;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;cursor:text;padding:0 .75rem;line-height:normal;display:inline-block;position:relative}[data-theme=dark] input[type=date],[data-theme=dark] input[type=time],[data-theme=dark] input[type=datetime-local],[data-theme=dark] input[type=month],[data-theme=dark] input[type=week]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}input[type=date]::-webkit-datetime-edit{height:100%;color:inherit;flex:auto;padding:0}input[type=time]::-webkit-datetime-edit{height:100%;color:inherit;flex:auto;padding:0}input[type=datetime-local]::-webkit-datetime-edit{height:100%;color:inherit;flex:auto;padding:0}input[type=month]::-webkit-datetime-edit{height:100%;color:inherit;flex:auto;padding:0}input[type=week]::-webkit-datetime-edit{height:100%;color:inherit;flex:auto;padding:0}input[type=date]::-webkit-datetime-edit-fields-wrapper{align-items:center;padding:0;display:inline-flex}input[type=time]::-webkit-datetime-edit-fields-wrapper{align-items:center;padding:0;display:inline-flex}input[type=datetime-local]::-webkit-datetime-edit-fields-wrapper{align-items:center;padding:0;display:inline-flex}input[type=month]::-webkit-datetime-edit-fields-wrapper{align-items:center;padding:0;display:inline-flex}input[type=week]::-webkit-datetime-edit-fields-wrapper{align-items:center;padding:0;display:inline-flex}input[type=date]::-webkit-datetime-edit-text{color:var(--text-secondary);padding:0 1px}input[type=time]::-webkit-datetime-edit-text{color:var(--text-secondary);padding:0 1px}input[type=datetime-local]::-webkit-datetime-edit-text{color:var(--text-secondary);padding:0 1px}input[type=month]::-webkit-datetime-edit-text{color:var(--text-secondary);padding:0 1px}input[type=week]::-webkit-datetime-edit-text{color:var(--text-secondary);padding:0 1px}input[type=date]::-webkit-datetime-edit-month-field{color:var(--text-primary);border-radius:2px;padding:0 1px}input[type=date]::-webkit-datetime-edit-day-field{color:var(--text-primary);border-radius:2px;padding:0 1px}input[type=date]::-webkit-datetime-edit-year-field{color:var(--text-primary);border-radius:2px;padding:0 1px}input[type=time]::-webkit-datetime-edit-hour-field{color:var(--text-primary);border-radius:2px;padding:0 1px}input[type=time]::-webkit-datetime-edit-minute-field{color:var(--text-primary);border-radius:2px;padding:0 1px}input[type=time]::-webkit-datetime-edit-ampm-field{color:var(--text-primary);border-radius:2px;padding:0 1px}input[type=datetime-local]::-webkit-datetime-edit-month-field{color:var(--text-primary);border-radius:2px;padding:0 1px}input[type=datetime-local]::-webkit-datetime-edit-day-field{color:var(--text-primary);border-radius:2px;padding:0 1px}input[type=datetime-local]::-webkit-datetime-edit-year-field{color:var(--text-primary);border-radius:2px;padding:0 1px}input[type=datetime-local]::-webkit-datetime-edit-hour-field{color:var(--text-primary);border-radius:2px;padding:0 1px}input[type=datetime-local]::-webkit-datetime-edit-minute-field{color:var(--text-primary);border-radius:2px;padding:0 1px}input[type=datetime-local]::-webkit-datetime-edit-ampm-field{color:var(--text-primary);border-radius:2px;padding:0 1px}input[type=date]::-webkit-datetime-edit-month-field:focus{background:var(--brand-light);color:var(--brand);outline:none}input[type=date]::-webkit-datetime-edit-day-field:focus{background:var(--brand-light);color:var(--brand);outline:none}input[type=date]::-webkit-datetime-edit-year-field:focus{background:var(--brand-light);color:var(--brand);outline:none}input[type=time]::-webkit-datetime-edit-hour-field:focus{background:var(--brand-light);color:var(--brand);outline:none}input[type=time]::-webkit-datetime-edit-minute-field:focus{background:var(--brand-light);color:var(--brand);outline:none}input[type=time]::-webkit-datetime-edit-ampm-field:focus{background:var(--brand-light);color:var(--brand);outline:none}input[type=datetime-local]::-webkit-datetime-edit-month-field:focus{background:var(--brand-light);color:var(--brand);outline:none}input[type=datetime-local]::-webkit-datetime-edit-day-field:focus{background:var(--brand-light);color:var(--brand);outline:none}input[type=datetime-local]::-webkit-datetime-edit-year-field:focus{background:var(--brand-light);color:var(--brand);outline:none}input[type=datetime-local]::-webkit-datetime-edit-hour-field:focus{background:var(--brand-light);color:var(--brand);outline:none}input[type=datetime-local]::-webkit-datetime-edit-minute-field:focus{background:var(--brand-light);color:var(--brand);outline:none}input[type=datetime-local]::-webkit-datetime-edit-ampm-field:focus{background:var(--brand-light);color:var(--brand);outline:none}input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;margin:0;border-radius:var(--radius-xs,4px);opacity:.65;box-sizing:content-box;margin-inline-start:auto;padding:4px;transition:opacity .15s,background-color .15s;display:inline-block}input[type=time]::-webkit-calendar-picker-indicator{cursor:pointer;margin:0;border-radius:var(--radius-xs,4px);opacity:.65;box-sizing:content-box;margin-inline-start:auto;padding:4px;transition:opacity .15s,background-color .15s;display:inline-block}input[type=datetime-local]::-webkit-calendar-picker-indicator{cursor:pointer;margin:0;border-radius:var(--radius-xs,4px);opacity:.65;box-sizing:content-box;margin-inline-start:auto;padding:4px;transition:opacity .15s,background-color .15s;display:inline-block}input[type=month]::-webkit-calendar-picker-indicator{cursor:pointer;margin:0;border-radius:var(--radius-xs,4px);opacity:.65;box-sizing:content-box;margin-inline-start:auto;padding:4px;transition:opacity .15s,background-color .15s;display:inline-block}input[type=week]::-webkit-calendar-picker-indicator{cursor:pointer;margin:0;border-radius:var(--radius-xs,4px);opacity:.65;box-sizing:content-box;margin-inline-start:auto;padding:4px;transition:opacity .15s,background-color .15s;display:inline-block}input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1;background-color:var(--surface-subtle)}input[type=time]::-webkit-calendar-picker-indicator:hover{opacity:1;background-color:var(--surface-subtle)}input[type=datetime-local]::-webkit-calendar-picker-indicator:hover{opacity:1;background-color:var(--surface-subtle)}input[type=month]::-webkit-calendar-picker-indicator:hover{opacity:1;background-color:var(--surface-subtle)}input[type=week]::-webkit-calendar-picker-indicator:hover{opacity:1;background-color:var(--surface-subtle)}input[type=date]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;display:none}input[type=time]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;display:none}input[type=datetime-local]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;display:none}input[type=month]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;display:none}input[type=week]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;display:none}button{cursor:pointer}.route-loading{min-height:100vh;color:var(--muted);background:var(--surface);place-content:center;justify-items:center;gap:.85rem;display:grid}.route-loading-spinner{border:3px solid var(--line);border-top-color:var(--brand);border-radius:50%;width:2rem;height:2rem;animation:.75s linear infinite route-loading-spin}@keyframes route-loading-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.route-loading-spinner{border-top-color:var(--line);background:var(--brand);animation:none}}.task-counter-grid{grid-template-columns:repeat(6,minmax(120px,1fr));gap:.75rem;margin-bottom:1rem;display:grid}.task-counter{color:var(--text-secondary,#475569);border:1px solid var(--border,#e2e8f0);border-radius:var(--radius-lg,16px);box-shadow:var(--shadow-card,0 1px 3px #0f172a0a, 0 4px 12px #0f172a05);background:#fff;justify-content:space-between;align-items:center;gap:.75rem;padding:.85rem 1rem;transition:all .15s;display:flex}.task-counter strong{color:var(--text-primary,#0f172a);font-variant-numeric:tabular-nums;font-size:1.25rem;font-weight:700}.task-counter-active{color:var(--brand,#2563eb);border-color:var(--brand,#2563eb);background:var(--brand-light,#eff6ff);box-shadow:0 0 0 1px var(--brand,#2563eb)}.task-filter-panel{margin-bottom:var(--card-gap,20px);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);grid-template-columns:minmax(220px,2fr) repeat(4,minmax(130px,1fr)) repeat(2,minmax(135px,1fr));gap:.65rem;padding:.8rem;display:grid}.attendance-entry{margin-bottom:1.25rem}.attendance-leave-context{color:#174c3c;background:#eef9f4;border:1px solid #b8ddcf;border-radius:12px;flex-wrap:wrap;gap:.6rem 1rem;margin:0 0 1rem;padding:.85rem 1rem;display:flex}.attendance-leave-context strong{width:100%}.fleet-master-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.fleet-inline-master{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin-bottom:1rem;display:grid}.fleet-due,.fleet-ok{border-radius:999px;padding:.25rem .6rem;font-size:.78rem;font-weight:700;display:inline-flex}.fleet-due{color:#991b1b;background:#fee2e2}.fleet-ok{color:#166534;background:#dcfce7}.fleet-due-large{align-self:flex-end;padding:.55rem .85rem}@media (width<=900px){.fleet-master-grid,.fleet-inline-master{grid-template-columns:1fr}}.task-filter-panel label{color:var(--muted);gap:.2rem;font-size:.75rem;font-weight:700;display:grid}.task-filter-panel input,.task-filter-panel select{min-width:0}.task-priority,.task-priority-badge{text-transform:capitalize;white-space:nowrap;border:1px solid var(--border);background:var(--surface-subtle);color:var(--text-secondary);border-radius:999px;flex-shrink:0;align-items:center;gap:.35rem;padding:.2rem .6rem;font-size:.75rem;font-weight:600;line-height:1.25;display:inline-flex}.task-priority-low,.priority-low{background:var(--surface-subtle);color:var(--text-secondary);border-color:var(--border)}.task-priority-medium,.priority-medium{background:var(--info-bg);color:var(--info-text);border-color:var(--info-border)}.task-priority-high,.priority-high{color:#c2410c;background:#fff7ed;border-color:#fed7aa}[data-theme=dark] .task-priority-high,[data-theme=dark] .priority-high{color:#fdba74;background:#3d1a00;border-color:#7c2d12}.task-priority-urgent,.priority-urgent{background:var(--danger-bg);color:var(--danger-text);border-color:var(--danger-border)}.task-overdue{color:var(--danger-text);font-weight:600}.task-action-bar{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.55rem;display:flex}.task-detail-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.task-detail-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1rem 0;display:grid}.task-inline-section{border-top:1px solid var(--line);margin-top:1rem;padding-top:1rem}.task-inline-form,.task-attachment-form{align-items:center;gap:.6rem;margin-bottom:.8rem;display:flex}.task-inline-form input,.task-attachment-form input{flex:1;min-width:0}.task-reminder-list{gap:.5rem;display:grid}.task-reminder-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;padding:.65rem 0;display:flex}.task-reminder-row div{gap:.15rem;display:grid}.task-reminder-row small{color:var(--muted);text-transform:capitalize}.task-timeline{gap:.85rem;display:grid}.task-timeline article{grid-template-columns:1rem 1fr;gap:.75rem;display:grid;position:relative}.task-timeline-dot{background:var(--brand);border-radius:50%;width:.7rem;height:.7rem;margin-top:.3rem}.task-timeline p{margin:.2rem 0}.task-timeline small{color:var(--muted)}@media (width<=1200px){.task-counter-grid{grid-template-columns:repeat(3,minmax(120px,1fr))}.task-filter-panel{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=760px){.task-counter-grid,.task-filter-panel,.task-detail-grid,.task-detail-columns{grid-template-columns:1fr}.task-inline-form,.task-attachment-form{flex-direction:column;align-items:stretch}}.auth-page{background:var(--surface);grid-template-columns:minmax(320px,.9fr) minmax(420px,1.1fr);min-height:100vh;display:grid}.auth-story{color:#fff;background-position:50%;background-size:cover;flex-direction:column;justify-content:space-between;padding:56px clamp(32px,6vw,92px);display:flex}.brand{letter-spacing:-.03em;align-items:center;gap:12px;font:800 20px Montserrat,sans-serif;display:flex}.brand-mark{width:38px;height:38px;color:var(--ink);background:var(--warning);border-radius:11px;place-items:center;display:grid}.auth-story h1{letter-spacing:-.055em;max-width:620px;margin:40px 0 20px;font:800 clamp(40px,5.5vw,76px)/1.02 Montserrat,sans-serif}.auth-story p{color:#dcebe3;max-width:520px;font-size:18px;line-height:1.65}.auth-panel{place-items:center;padding:40px;display:grid}.auth-card{width:min(440px,100%)}.eyebrow{color:var(--brand,#2563eb);letter-spacing:.01em;text-transform:none;background:var(--brand-light,#eff6ff);border-radius:var(--radius-full,9999px);border:1px solid var(--brand-border,#bfdbfe);align-items:center;margin-bottom:.625rem;padding:2px 8px;font-size:12px;font-weight:600;display:inline-flex}h2{letter-spacing:-.015em;color:var(--text-primary);margin:10px 0 8px;font-size:24px;font-weight:700;line-height:1.3}.subtle{color:var(--muted);line-height:1.55}.form{gap:17px;margin-top:30px;display:grid}.field{gap:7px;display:grid}.field label,.field>span{font-size:14px;font-weight:600}.field input:not([type=checkbox]):not([type=radio]),.field select,.field textarea{border:1px solid var(--border);border-radius:var(--radius-md,10px);width:100%;height:var(--control-height,40px);min-height:var(--control-height,40px);color:var(--text-primary);background:var(--surface);box-sizing:border-box;outline:none;padding:0 12px;transition:border-color .15s,box-shadow .15s}.field select{cursor:pointer;padding:0 36px 0 12px}.field textarea{resize:vertical;height:auto;min-height:80px;padding:10px 12px}.field input:not([type=checkbox]):not([type=radio]):focus,.field select:focus,.field textarea:focus{border-color:var(--brand);box-shadow:var(--focus-ring)}.button{border-radius:var(--btn-radius-md,8px);height:var(--btn-height-md,36px);min-height:var(--btn-height-md,36px);max-height:var(--btn-height-md,36px);font-size:var(--btn-font-md,14px);line-height:var(--btn-height-md,36px);color:#fff;background:var(--brand);box-sizing:border-box;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;padding:0 14px;font-weight:600;text-decoration:none;transition:background-color .15s,border-color .15s,box-shadow .15s,transform .1s;display:inline-flex}.button:hover:not(:disabled){background:var(--brand-dark)}.button:disabled{opacity:.6;cursor:not-allowed;transform:none}.link-button{color:var(--brand);background:0 0;border:0;padding:0;font-weight:700}.error{color:#8b2626;background:#fff0f0;border-radius:10px;padding:11px 13px;font-size:14px}.error strong{margin-bottom:5px;display:block}.error ul{margin:0;padding-left:20px}.success{color:#185f43;background:#eaf7f0;border-radius:10px;padding:11px 13px;font-size:14px}.otp-input{text-align:center;letter-spacing:.35em;font:700 28px Montserrat,sans-serif!important}.auth-footer{color:var(--muted);margin-top:22px}.app-shell{grid-template-columns:260px 1fr;min-height:100vh;transition:grid-template-columns .2s cubic-bezier(.4,0,.2,1);display:grid}.app-shell.sidebar-collapsed{grid-template-columns:72px 1fr}.sidebar{height:100vh;color:var(--text-primary);border-right:1px solid var(--border);scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent;box-sizing:border-box;background:#fff;align-self:start;padding:20px 14px;transition:width .2s cubic-bezier(.4,0,.2,1),padding .2s cubic-bezier(.4,0,.2,1);position:sticky;top:0;overflow-y:auto}.sidebar.sidebar-collapsed{width:72px;padding:20px 8px;overflow-x:hidden}.sidebar-header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:1.25rem;display:flex}.sidebar.sidebar-collapsed .sidebar-header{flex-direction:column;gap:12px;margin-bottom:1.5rem}.sidebar-toggle-btn{color:var(--text-tertiary);cursor:pointer;border-radius:var(--radius-md);background:0 0;border:none;justify-content:center;align-items:center;padding:6px;transition:all .15s;display:inline-flex}.sidebar-toggle-btn:hover{color:var(--brand);background:var(--surface-subtle)}.sidebar.sidebar-collapsed .nav-section-toggle{display:none}.sidebar.sidebar-collapsed .nav-section{border-bottom:1px solid var(--border-subtle);margin-bottom:6px;padding-bottom:6px}.sidebar.sidebar-collapsed .nav-section:last-child{border-bottom:none}.sidebar.sidebar-collapsed .nav-section-links{gap:4px;padding:0;display:grid!important}.sidebar.sidebar-collapsed .nav a{border-radius:var(--radius-md);justify-content:center;width:44px;height:44px;margin:0 auto;padding:10px}.sidebar.sidebar-collapsed .nav-link-text{display:none}.sidebar .brand{margin-bottom:20px}.mobile-menu-button,.mobile-nav-close,.sidebar-backdrop{display:none}.topbar-identity{align-items:center;gap:12px;display:flex}.nav{gap:4px;display:grid}.nav-section{min-width:0}.nav-section-toggle{border-radius:var(--radius-md);width:100%;color:var(--text-tertiary);letter-spacing:.07em;text-align:left;text-transform:uppercase;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:10px;padding:6px 10px;font-size:10.5px;font-weight:700;transition:all .15s;display:flex}.nav-section-toggle:hover,.nav-section-active>.nav-section-toggle{color:var(--brand);background:var(--brand-light)}.nav-chevron{color:var(--text-tertiary);flex:none;font-size:14px;line-height:1;transition:transform .18s}.nav-section-toggle[aria-expanded=true] .nav-chevron{transform:rotate(90deg)}.nav-section-links{gap:1px;padding:2px 0 5px 6px;display:grid}.nav-section-links[hidden]{display:none}.nav a{border-radius:var(--radius-md);color:var(--text-secondary);align-items:center;gap:8px;padding:7px 11px;font-size:13px;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.nav a:hover{color:var(--text-primary);background:var(--surface-subtle)}.nav a.active{border-radius:10px;font-weight:600;box-shadow:0 1px 2px #10b9810f;color:#047857!important;background:#ecfdf5!important;border:1px solid #a7f3d0!important}.nav a.active .nav-link-icon{color:#059669!important}[data-theme=dark] .nav a.active{color:#34d399!important;background:#10b98126!important;border-color:#10b9814d!important}[data-theme=dark] .nav a.active .nav-link-icon{color:#34d399!important}.sidebar-user-profile{border-radius:var(--radius-md);background:var(--surface-subtle);border:1px solid var(--border-subtle);align-items:center;gap:10px;margin-bottom:.875rem;padding:9px 11px;display:flex}.sidebar.sidebar-collapsed .sidebar-user-profile{justify-content:center;padding:8px}.sidebar-user-avatar{color:#fff;background:linear-gradient(135deg,#8b5cf6,#6366f1);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:700;display:flex;box-shadow:0 2px 4px #8b5cf640}.sidebar-user-info{flex-direction:column;min-width:0;display:flex}.sidebar-user-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:600;overflow:hidden}.sidebar-user-role{color:var(--text-tertiary);text-transform:capitalize;font-size:11px}.nav-icon-blue{color:#3b82f6}.nav-icon-indigo{color:#6366f1}.nav-icon-violet{color:#8b5cf6}.nav-icon-purple{color:#7c3aed}.nav-icon-emerald{color:#10b981}.nav-icon-teal{color:#0d9488}.nav-icon-green{color:#16a34a}.nav-icon-amber{color:#f59e0b}.nav-icon-orange{color:#f97316}.nav-icon-cyan{color:#06b6d4}.nav-icon-sky{color:#0284c7}.nav-icon-rose{color:#f43f5e}.nav-icon-slate{color:#64748b}.sidebar-footer{border-top:1px solid var(--border-subtle);margin-top:auto;padding-top:.875rem;padding-bottom:.5rem}.sidebar-logout-btn{border-radius:var(--radius-md);color:#ef4444;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;width:100%;padding:8px 12px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.sidebar-logout-btn:hover{color:#dc2626;background:#fef2f2}[data-theme=dark] .sidebar-logout-btn:hover{color:#f87171;background:#ef444426}.sidebar.sidebar-collapsed .sidebar-logout-btn{justify-content:center;padding:10px}.main{background:#ededed;min-height:100vh;padding:28px clamp(20px,3.5vw,48px)}.topbar{justify-content:space-between;align-items:center;gap:20px;display:flex}.org-pill{border:1px solid var(--line);background:#fff;border-radius:999px;padding:9px 13px;font-weight:600}.hero{margin:42px 0 26px}.hero h1{letter-spacing:-.05em;margin:0 0 8px;font:800 clamp(32px,4vw,50px) Montserrat,sans-serif}.stats{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.stat{border:1px solid var(--line);background:#fff;border-radius:16px;padding:24px}.stat span{color:var(--muted)}.stat strong{font-variant-numeric:tabular-nums;color:var(--text-primary);margin-top:14px;font-size:26px;font-weight:700;display:block}.page-head{justify-content:space-between;align-items:end;gap:24px;margin:0 0 24px;display:flex}.page-head h1{letter-spacing:-.01em;color:var(--text-primary);margin:0 0 4px;font-size:26px;font-weight:600;line-height:1.25}@media (width<=1024px){.page-head h1{font-size:24px}}@media (width<=640px){.page-head h1{font-size:22px}}.toolbar{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.toolbar input,.toolbar select,.site-form select,.form select,td select{border:1px solid var(--border);border-radius:var(--radius-md,10px);height:var(--control-height,40px);min-height:var(--control-height,40px);background:var(--surface);color:var(--text-primary);box-sizing:border-box;padding:0 12px}.toolbar select,.site-form select,.form select,td select{cursor:pointer;padding:0 36px 0 12px}.toolbar input:not([type=date]):not([type=checkbox]):not([type=radio]){flex:240px;width:auto;min-width:180px;max-width:440px}.toolbar input[type=date]{flex:none;min-width:130px;max-width:170px;width:auto!important}.toolbar select{flex:none;min-width:150px;max-width:240px;width:auto!important}.toolbar button,.toolbar .button{white-space:nowrap;flex:none;align-self:center}.table-card{border:1px solid var(--border,#e2e8f0);border-radius:var(--radius-lg,16px);background:var(--surface);box-shadow:var(--shadow-card,0 1px 3px #0f172a0a, 0 4px 12px #0f172a05);margin-bottom:var(--section-gap,24px);overflow:auto}table{border-collapse:collapse;width:100%;min-width:880px}th,td{border-bottom:1px solid var(--border-subtle,#f1f5f9);text-align:left;padding:13px 16px}th{color:var(--text-secondary,#475569);background:var(--surface-subtle,#f8fafc);letter-spacing:.01em;text-transform:none;z-index:2;font-size:.8125rem;font-weight:600;position:sticky;top:0}tfoot td{background:var(--surface-subtle);color:var(--text-primary);border-top:1px solid var(--border);font-weight:600}table tbody tr:hover{background:var(--surface-subtle)}td strong,td small{display:block}td small{color:var(--muted);margin-top:4px}.empty-state{color:var(--muted);text-align:center;padding:56px}.po-award-empty{background:#f9fbf9;border:1px dashed #c7d5cc;border-radius:14px;justify-items:start;gap:10px;margin-top:20px;padding:24px;display:grid}.po-award-empty strong{font:700 18px Montserrat,sans-serif}.po-award-empty p,.po-award-empty ol{color:var(--muted);margin:0;line-height:1.65}.po-award-empty .button{margin-top:6px}.po-award-line{border:1px solid var(--line);background:#fff;border-radius:14px;grid-template-columns:44px minmax(260px,1fr) minmax(190px,240px) minmax(150px,190px);align-items:center;gap:20px;margin-top:14px;padding:18px 20px;transition:border-color .2s,box-shadow .2s,background .2s;display:grid}.po-award-line-selected{background:#fbfefc;border-color:#8bb9a5;box-shadow:0 0 0 3px #176b4d14}.po-award-check{cursor:pointer;place-items:center;width:26px;height:26px;display:grid;position:relative}.po-award-check input{opacity:0;width:1px;height:1px;position:absolute}.po-award-check span{background:#fff;border:2px solid #a7b6ad;border-radius:6px;width:22px;height:22px;transition:all .2s;display:block}.po-award-check input:checked+span{border-color:var(--brand);background:var(--brand);box-shadow:inset 0 0 0 4px #fff}.po-award-check input:focus-visible+span{outline-offset:2px;outline:3px solid #176b4d33}.po-award-identity{min-width:0}.po-award-identity strong,.po-award-identity small{display:block}.po-award-identity strong{margin-top:5px;font:700 17px Montserrat,sans-serif}.po-award-identity small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:5px;overflow:hidden}.po-award-reference{color:var(--brand);letter-spacing:.05em;text-transform:uppercase;font-size:12px;font-weight:700}.po-award-quantity{color:var(--ink);gap:7px;font-size:13px;font-weight:700;display:grid}.po-award-input-wrap{border:1px solid var(--line);background:#fff;border-radius:10px;align-items:center;display:flex;overflow:hidden}.po-award-input-wrap:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px #176b4d1f}.po-award-input-wrap input{background:0 0;border:0;outline:0;width:100%;min-width:0;padding:11px 12px}.po-award-input-wrap span{border-left:1px solid var(--line);color:var(--muted);text-transform:capitalize;background:#f7faf8;align-self:stretch;place-items:center;padding:0 12px;font-weight:600;display:grid}.po-award-available{color:#185f43;background:#eaf7f0;border-radius:10px;grid-template-columns:1fr auto;align-items:end;padding:11px 13px;display:grid}.po-award-available small{color:#527263;letter-spacing:.04em;text-transform:uppercase;grid-column:1/-1;margin-bottom:3px;font-size:11px;font-weight:700}.po-award-available strong{font:700 18px Montserrat,sans-serif}.po-award-available span{text-transform:capitalize;padding-bottom:1px;font-size:12px;font-weight:700}.status{text-transform:capitalize;border-radius:999px;padding:6px 9px;font-size:12px;font-weight:700;display:inline-block}.status-active{color:#176b4d;background:#e8f5ee}.status-on_hold{color:#885d09;background:#fff5d9}.status-completed{color:#445069;background:#eef1f6}.status-inactive{color:#6b5960;background:#f2edef}.row-actions{gap:10px;display:flex}.row-actions button,.row-actions a,.icon-button{color:var(--brand);background:0 0;border:0;font-weight:700;text-decoration:none}.panel-overlay{z-index:20;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a80;justify-content:flex-end;display:flex;position:fixed;inset:0}.form-panel{background:var(--surface);width:min(660px,100%);height:100%;color:var(--text-primary);border-left:1px solid var(--border);padding:34px;overflow:auto;box-shadow:-20px 0 60px #0003}.panel-head{justify-content:space-between;gap:20px;display:flex}.panel-head h2{color:var(--text-primary);font-size:18px;font-weight:600;line-height:1.35}.icon-button{color:var(--muted);font-size:32px}.site-form{grid-template-columns:1fr 1fr;gap:18px;margin-top:24px;display:grid}.site-form .error,.span-2{grid-column:1/-1}.onboarding-list-import{justify-content:flex-end;margin:-10px 0 18px}.onboarding-import-panel{width:min(980px,100%)}.onboarding-template-actions,.onboarding-upload{flex-wrap:wrap;align-items:end;gap:12px;margin:20px 0;display:flex}.onboarding-columns{background:var(--surface-soft);color:var(--muted);overflow-wrap:anywhere;border-radius:10px;padding:12px 14px}.setup-note{border:1px solid var(--border);border-left:3px solid var(--brand);color:var(--text-secondary);background:var(--surface-subtle);border-radius:8px;margin:0 0 18px;padding:12px 14px;font-size:.8125rem;line-height:1.4}.setup-note a{color:var(--brand);font-weight:600}.field-help,.field-warning{color:var(--muted);margin-top:6px;font-size:12px;font-weight:500;display:block}.field-warning{color:#8a4f08}.site-access-note{margin:0 0 14px}:root{--sa-brand:#6366f1;--sa-brand-dark:#4f46e5;--sa-brand-light:#eef2ff;--sa-brand-border:#c7d2fe;--sa-brand-subtle:#f5f3ff}[data-theme=dark]{--sa-brand:#818cf8;--sa-brand-dark:#6366f1;--sa-brand-light:#1e1b4b;--sa-brand-border:#3730a3;--sa-brand-subtle:#2e1065}.super-admin-shell{background:var(--bg-app);grid-template-columns:260px minmax(0,1fr);min-height:100vh;display:grid}.super-admin-sidebar{color:#eaf3ee;border-right:1px solid var(--border);background:#0f172a;flex-direction:column;height:100vh;padding:24px 16px;display:flex;position:sticky;top:0;overflow-y:auto}.super-admin-sidebar .brand{margin-bottom:20px}.super-admin-badge{border-radius:var(--radius-pill,9999px);font-size:var(--font-size-xs,12px);letter-spacing:.04em;background:var(--sa-brand-light);color:var(--sa-brand-dark);border:1px solid var(--sa-brand-border);align-items:center;gap:6px;padding:4px 10px;font-weight:700;display:inline-flex}[data-theme=dark] .super-admin-badge{background:var(--sa-brand-light);color:var(--sa-brand);border-color:var(--sa-brand-border)}.platform-label{color:#94a3b8;letter-spacing:.08em;text-transform:uppercase;margin:8px 8px 12px;font-size:11px;font-weight:700}.super-admin-sidebar nav{flex:1;gap:4px;display:grid}.super-admin-sidebar nav a{border-radius:var(--radius-md,8px);color:#94a3b8;font-size:var(--font-size-sm,13px);align-items:center;gap:10px;padding:9px 12px;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.super-admin-sidebar nav a:hover{color:#fff;background:#ffffff14}.super-admin-sidebar nav a.active{color:#fff;background:var(--sa-brand);font-weight:600;box-shadow:0 1px 3px #6366f166}.tenant-app-link{border-radius:var(--radius-md,8px);color:#cbd5e1;font-size:var(--font-size-xs,12px);background:#ffffff0a;border:1px solid #ffffff1f;justify-content:space-between;align-items:center;margin-top:auto;padding:10px 12px;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.tenant-app-link:hover{color:#fff;background:#ffffff1a;border-color:#fff3}.super-admin-main{min-width:0;padding:24px clamp(16px,3vw,44px) 44px}.super-admin-topbar{border-radius:var(--radius-lg,12px);background:var(--surface);border:1px solid var(--border);min-height:52px;box-shadow:var(--shadow-xs);justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding:8px 16px;display:flex}.super-admin-topbar>div,.super-admin-topbar>div>span{align-items:center;gap:10px;display:flex}.super-admin-topbar>div>span{flex-direction:column;align-items:flex-start;gap:1px}.super-admin-topbar small{color:var(--text-secondary);font-size:var(--font-size-xs,12px)}.admin-metric-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:28px;display:grid}.admin-metric-grid a{border:1px solid var(--line);min-width:0;color:var(--ink);background:#fff;border-radius:14px;padding:18px;text-decoration:none}.admin-metric-grid a:hover{border-color:#7590ad;box-shadow:0 8px 25px #1d304814}.admin-metric-grid span{min-height:34px;color:var(--muted);font-size:13px;display:block}.admin-metric-grid strong{margin-top:8px;font:800 28px Montserrat,sans-serif;display:block}.admin-two-column{grid-template-columns:minmax(460px,.8fr) minmax(620px,1.2fr);align-items:start;gap:20px;display:grid}.admin-entitlements{border:1px solid var(--line);border-radius:12px;grid-template-columns:repeat(2,1fr);gap:10px;margin:18px 0;padding:16px;display:grid}.admin-entitlements legend{padding:0 7px;font-weight:800}.admin-entitlements label{text-transform:capitalize;align-items:center;gap:8px;display:flex}.admin-dialog-overlay{z-index:80;justify-content:center;align-items:center;padding:20px}.admin-dialog{background:#fff;border-radius:16px;width:min(620px,100%);max-height:calc(100vh - 40px);padding:26px;overflow-y:auto;box-shadow:0 24px 70px #0003}.admin-dialog .field{gap:7px;margin:18px 0;font-weight:700;display:grid}.admin-filter-toolbar{flex-wrap:wrap}.break-value{overflow-wrap:anywhere;font-size:14px!important}.super-admin-main table code{white-space:normal;overflow-wrap:anywhere}@media (width<=1180px){.admin-metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-two-column{grid-template-columns:1fr}}@media (width<=900px){.super-admin-shell{grid-template-columns:1fr}.super-admin-sidebar{z-index:50;width:min(300px,86vw);transition:transform .2s;position:fixed;inset:0 auto 0 0;transform:translate(-105%);box-shadow:20px 0 50px #0000003d}.super-admin-sidebar.sidebar-open{transform:translate(0)}.admin-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.super-admin-main{padding:16px 14px 30px}.admin-metric-grid{grid-template-columns:1fr 1fr;gap:10px}.admin-metric-grid a{padding:14px}.admin-entitlements{grid-template-columns:1fr}.admin-dialog{padding:20px 16px}}.onboarding-template-actions>span{color:var(--muted);margin-right:auto}.onboarding-upload label{flex:420px;gap:7px;font-weight:700;display:grid}.import-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0;display:grid}.import-summary article{border:1px solid var(--border);background:var(--surface-soft);border-radius:12px;gap:4px;padding:14px;display:grid}.import-summary span{color:var(--muted);font-size:13px}.import-summary strong{font-size:22px}.import-summary .import-invalid strong{color:var(--danger)}.import-preview-table{max-height:430px;overflow:auto}.import-preview-table td:nth-child(3) small{max-width:340px;display:block}.import-preview-table ul{min-width:260px;color:var(--danger);margin:0;padding-left:18px}.import-complete{color:var(--brand)}.form-actions{justify-content:flex-end;gap:12px;padding-top:12px;display:flex}.secondary-button{border:1px solid var(--line);background:#fff;border-radius:11px;padding:12px 18px;font-weight:700}.compact-panel{width:min(500px,100%)}.danger-link{color:#a13a3a;background:0 0;border:0;font-weight:700}.pending-section{margin-top:28px}.pending-section h3{font:700 20px Montserrat,sans-serif}.invitation-row{border:1px solid var(--line);background:#fff;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;margin-top:10px;padding:16px 18px;display:flex}.invitation-row small{color:var(--muted);margin-top:4px;display:block}.detail-loading{color:var(--muted);padding:60px 0}.detail-header{justify-content:space-between;align-items:end;gap:28px;margin:38px 0 28px;display:flex}.detail-header h1{letter-spacing:-.055em;margin:12px 0 6px;font:800 clamp(36px,5vw,58px) Montserrat,sans-serif}.back-link{color:var(--brand);font-weight:700;text-decoration:none}.detail-title-row{align-items:center;gap:10px;margin-top:28px;display:flex}.site-code{color:#fff;letter-spacing:.1em;background:#152e24;border-radius:7px;padding:6px 9px;font:700 12px Montserrat,sans-serif}.detail-grid{grid-template-columns:1.1fr 1fr 1fr;gap:18px;display:grid}.detail-card{border:1px solid var(--line);background:#fff;border-radius:16px;flex-direction:column;min-height:180px;padding:24px;display:flex}.detail-card>span,.module-card>span{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:13px;font-weight:700}.detail-card strong{margin-top:auto;font:700 22px Montserrat,sans-serif}.site-finance-detail-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.compact-detail-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.site-finance-detail-grid .detail-card{min-height:138px}.compact-detail-grid .detail-card{min-height:126px}.site-finance-detail-grid .detail-card strong{overflow-wrap:anywhere}.site-finance-section,.narrative-card,.related-records{margin-top:18px}.narrative-card strong{margin-top:12px}.site-expense-upload{margin:14px 0 0}.attachment-row{border-top:1px solid var(--line);align-items:center;gap:10px;padding:12px 0;display:flex}.attachment-row small{color:var(--muted)}.detail-card small{color:var(--muted);margin-top:8px}.detail-card-highlight{color:#fff;background:linear-gradient(145deg,#176b4d,#0e5039);border-color:#176b4d}.detail-card-highlight>span,.detail-card-highlight small{color:#d6e9df}.detail-card-highlight strong{font-size:32px}.timeline-card{border:1px solid var(--line);background:#fff;border-radius:16px;grid-template-columns:auto 1fr auto;align-items:center;padding:26px;display:grid}.timeline-point span,.timeline-point strong{display:block}.timeline-point span{color:var(--muted);font-size:13px}.timeline-point strong{margin-top:5px;font:700 17px Montserrat,sans-serif}.timeline-point-end{text-align:right}.timeline-line{background:#c9dacf;height:2px;margin:0 24px;position:relative}.timeline-line:before,.timeline-line:after{content:"";background:var(--brand);width:12px;height:12px;box-shadow:0 0 0 1px var(--brand);border:3px solid #fff;border-radius:50%;position:absolute;top:50%;transform:translateY(-50%)}.timeline-line:before{left:0}.timeline-line:after{right:0}.module-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.module-card{border:1px solid var(--line);background:#fff;border-radius:14px;padding:20px}.module-card strong,.module-card small{display:block}.module-card strong{margin-top:20px;font:700 16px Montserrat,sans-serif}.module-card small{color:var(--muted);margin-top:6px;line-height:1.45}.section-heading-action{justify-content:space-between;align-items:end;gap:20px;display:flex}.site-team-card{border:1px solid var(--line);background:#fff;border-radius:16px;overflow:hidden}.site-team-card>p{padding:20px}.site-team-member{border-bottom:1px solid #edf1ee;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:16px 18px;display:grid}.site-team-member:last-child{border-bottom:0}.site-team-member strong,.site-team-member small,.member-option strong,.member-option small{display:block}.site-team-member small,.member-option small{color:var(--muted);margin-top:3px}.member-avatar{color:#fff;background:var(--brand);border-radius:12px;place-items:center;width:40px;height:40px;font:700 16px Montserrat,sans-serif;display:grid}.role-pill{color:#315744;text-transform:capitalize;background:#edf5f0;border-radius:999px;padding:6px 9px;font-size:12px;font-weight:700}.empty-team{text-align:center;gap:5px;padding:28px;display:grid}.empty-team span{color:var(--muted)}.member-picker{gap:10px;margin:24px 0;display:grid}.member-option{border:1px solid var(--line);cursor:pointer;border-radius:12px;grid-template-columns:auto auto 1fr;align-items:center;gap:12px;padding:13px;display:grid}.member-option:has(input:checked){border-color:var(--brand);background:#f1f8f4}.pagination-controls{color:var(--muted);justify-content:flex-end;align-items:center;gap:14px;margin-top:18px;display:flex}.pagination-controls button{border:1px solid var(--line);color:var(--brand);background:#fff;border-radius:9px;padding:9px 13px;font-weight:700}.pagination-controls button:disabled{opacity:.45;cursor:not-allowed}.check-field{border:1px solid var(--line);background:#f9fbf9;border-radius:12px;align-items:flex-start;gap:12px;padding:15px;display:flex}.check-field input{margin-top:2px}.check-field strong,.check-field small{display:block}.check-field small{color:var(--muted);margin-top:4px}.supplier-form-panel{width:min(760px,100%)}.form-divider{border-top:1px solid var(--line);color:var(--brand);margin-top:8px;padding-top:20px;font:700 15px Montserrat,sans-serif}.detail-tabs{border-bottom:1px solid var(--line);gap:8px;margin:0 0 24px;display:flex}.detail-tabs button{color:var(--muted);background:0 0;border:0;border-bottom:3px solid #0000;padding:12px 14px;font-weight:700}.detail-tabs button.active{border-bottom-color:var(--brand);color:var(--brand)}.supplier-tab{margin-top:26px}.contact-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px;display:grid}.card-actions{margin-top:18px}.document-upload{border:1px solid var(--line);background:#fff;border-radius:14px;grid-template-columns:1fr 1fr 1.3fr auto;align-items:center;gap:10px;margin:20px 0;padding:16px;display:grid}.document-upload input,.document-upload select{border:1px solid var(--border);border-radius:var(--radius-md,10px);min-width:0;height:var(--control-height,40px);background:var(--surface);color:var(--text-primary);box-sizing:border-box;padding:0 12px}.document-upload select{cursor:pointer;padding:0 36px 0 12px}.document-list{gap:10px;display:grid}.inventory-toolbar{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.inventory-toolbar input:not([type=date]):not([type=checkbox]){flex:220px;width:auto;min-width:180px;max-width:380px}.inventory-toolbar select{flex:none;min-width:140px;max-width:220px;width:auto!important}.inventory-toolbar input[type=date]{flex:none;min-width:130px;max-width:160px;width:auto!important}.inventory-toolbar button,.inventory-toolbar .button{white-space:nowrap;flex:none;align-self:center}.inventory-summary .detail-card strong{overflow-wrap:anywhere}.button-link,.button-link-secondary{text-align:center;text-decoration:none;display:inline-block}.button-link-secondary{color:var(--ink)}.form-page-eyebrow{margin-top:24px;display:block}.request-form{gap:24px;display:grid}.request-form-card,.request-line,.approval-line,.approval-panel,.activity-list{border:1px solid var(--border);border-radius:var(--radius-lg,16px);background:var(--surface)}.request-form-card{margin-bottom:var(--section-gap,24px);padding:20px 24px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.form-grid>label{align-content:start;gap:7px;min-width:0;font-size:14px;font-weight:600;display:grid}.form-grid input:not([type=checkbox]):not([type=radio]),.form-grid select,.form-grid textarea{border:1px solid var(--border);border-radius:var(--radius-md,10px);width:100%;height:var(--control-height,40px);min-height:var(--control-height,40px);color:var(--text-primary);background:var(--surface);box-sizing:border-box;outline:none;padding:0 12px;transition:border-color .15s,box-shadow .15s}.form-grid select{cursor:pointer;padding:0 36px 0 12px}.form-grid input:not([type=checkbox]):not([type=radio]):focus,.form-grid select:focus,.form-grid textarea:focus{border-color:var(--brand);box-shadow:var(--focus-ring)}.form-grid textarea{resize:vertical;height:auto;min-height:94px;padding:10px 12px}.field-full{grid-column:1/-1}.request-lines{gap:12px;display:grid}.request-line{grid-template-columns:2fr 1fr 1fr 1.5fr auto;align-items:end;gap:12px;padding:16px;display:grid}.request-line select,.request-line input,.approval-line input{border:1px solid var(--border);border-radius:var(--radius-md,10px);width:100%;height:var(--control-height,40px);background:var(--surface);color:var(--text-primary);box-sizing:border-box;padding:0 12px}.request-line select{cursor:pointer;padding:0 36px 0 12px}.detail-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.danger-button{color:#fff;background:#a13a3a;border:0;border-radius:11px;padding:13px 18px;font-weight:700}.status-draft{color:#445069;background:#eef1f6}.status-pending,.status-submitted{color:#885d09;background:#fff5d9}.status-approved{color:#176b4d;background:#e8f5ee}.status-partially_approved{color:#765512;background:#fff0c7}.status-rejected,.status-cancelled{color:#8b2626;background:#fff0f0}.status-closed{color:#3d4f65;background:#e7edf5}.approval-panel{margin-top:38px;padding:24px}.approval-line{grid-template-columns:2fr 1fr 1fr;align-items:end;gap:16px;padding:16px;display:grid}.approval-line strong,.approval-line small,.activity-row strong,.activity-row small{display:block}.approval-line small,.activity-row small{color:var(--muted);margin-top:4px}.approval-remarks{margin-top:18px}.activity-list{overflow:hidden}.activity-row{border-bottom:1px solid #edf1ee;grid-template-columns:1fr 1fr 2fr;gap:20px;padding:18px;display:grid}.activity-row:last-child{border-bottom:0}.activity-row p{color:var(--muted);margin:0}.approvals-filter-grid{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.approvals-filter-grid select{width:auto;min-width:170px}.approvals-date-range{align-items:center;gap:.5rem;display:inline-flex}.approvals-date-range input[type=date]{width:auto;min-width:130px}.approvals-date-sep{color:var(--text-tertiary);text-transform:uppercase;font-size:.75rem;font-weight:600}.pending-approval-mobile-badge{display:none}.pending-approval-desktop-badge{display:inline-flex}.pending-approval-list{gap:12px;display:grid}.pending-approval-card{border:1px solid var(--border);border-radius:var(--radius-md,12px);background:var(--surface);color:var(--text-primary);box-shadow:var(--shadow-xs);grid-template-columns:1fr auto;align-items:center;gap:18px;padding:14px 18px;transition:border-color .15s,box-shadow .15s;display:grid}.pending-approval-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.pending-approval-card-main{min-width:0}.pending-approval-card-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.pending-approval-card h3{color:var(--text-primary);margin:4px 0 2px;font-size:1rem;font-weight:700;line-height:1.35}.pending-approval-card p.subtle{color:var(--text-secondary);margin:0;font-size:.8125rem}.pending-approval-card-meta,.pending-approval-card>div:last-child{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:6px;display:flex}.pending-approval-step-name,.pending-approval-card>div:last-child strong{color:var(--text-secondary);font-size:.8125rem;font-weight:600}.pending-approval-action-btn,.pending-approval-card .back-link{color:var(--brand);background:var(--brand-light);border:1px solid var(--brand-border);border-radius:var(--radius-md,6px);justify-content:center;align-items:center;padding:.35rem .875rem;font-size:.8125rem;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.pending-approval-action-btn:hover,.pending-approval-card .back-link:hover{background:var(--brand);color:#fff;border-color:var(--brand)}.po-detail-header{padding-bottom:4px}.po-meta-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.po-meta-grid article,.po-summary-grid article,.po-notes-grid article{border:1px solid var(--border);background:var(--surface);color:var(--text-primary);border-radius:14px;padding:19px 20px}.po-meta-grid span,.po-summary-grid span,.po-notes-grid span{color:var(--muted);letter-spacing:.07em;text-transform:uppercase;font-size:11px;font-weight:700;display:block}.po-meta-grid strong{overflow-wrap:anywhere;margin-top:12px;font:700 17px Montserrat,sans-serif;display:block}.po-meta-grid small{color:var(--muted);margin-top:4px;display:block}.line-count{color:#315744;background:#edf5f0;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:700}.po-summary-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;display:grid}.po-summary-grid article{flex-direction:column;min-height:112px;display:flex}.po-summary-grid strong{font-variant-numeric:tabular-nums;margin-top:auto;padding-top:18px;font:700 21px Montserrat,sans-serif}.po-summary-grid .po-total-card{color:#fff;border-color:var(--brand);background:linear-gradient(145deg, var(--brand), var(--brand-dark))}.po-summary-grid .po-total-card span{color:#d6e9df}.po-summary-grid .po-total-card strong{font-size:24px}.po-notes-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.po-notes-grid p{color:var(--ink);white-space:pre-wrap;margin:12px 0 0;line-height:1.55}.related-bills-section .section-heading-action{margin-bottom:16px}.related-bills-section .section-heading-action h2{margin-bottom:4px}.related-bills-section .section-heading-action p{margin:0}.po-list-head{margin-bottom:28px}.po-list-toolbar{border:1px solid var(--line);background:#fff;border-radius:14px;align-items:end;gap:12px;margin-bottom:18px;padding:16px;display:flex}.po-filter{gap:6px;min-width:190px;display:grid}.po-filter>span{color:var(--muted);letter-spacing:.07em;text-transform:uppercase;font-size:11px;font-weight:700}.po-filter input,.po-filter select{width:100%;height:var(--control-height,40px);min-height:var(--control-height,40px);border:1px solid var(--border);border-radius:var(--radius-md,10px);color:var(--text-primary);background:var(--surface);box-sizing:border-box;outline:0;padding:0 12px}.po-filter select{cursor:pointer;padding:0 36px 0 12px}.po-filter input:focus,.po-filter select:focus{border-color:var(--brand);box-shadow:var(--focus-ring)}.po-search-filter{flex:420px;max-width:580px}.po-clear-filters{height:44px;color:var(--brand);background:0 0;border:0;padding:0 10px;font-weight:700}.po-result-count{color:var(--muted);white-space:nowrap;margin-left:auto;padding:0 4px 12px;font-size:13px}.po-list-table tbody tr{transition:background .18s}.po-list-table tbody tr:hover{background:#f9fcfa}.po-list-table .po-number{color:var(--brand-dark);font:700 15px Montserrat,sans-serif}.po-list-amount{font-variant-numeric:tabular-nums}.po-list-action{text-align:right}.po-list-action a{color:var(--brand);white-space:nowrap;background:#fff;border:1px solid #bed3c6;border-radius:9px;align-items:center;gap:8px;padding:9px 12px;font-size:13px;font-weight:700;text-decoration:none;transition:all .18s;display:inline-flex}.po-list-action a:hover{border-color:var(--brand);background:#edf7f1}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.dispatch-form-header .eyebrow{margin-top:28px;display:block}.dispatch-form-header{margin-bottom:28px}.form-section-heading{border-bottom:1px solid #edf1ee;justify-content:space-between;align-items:end;gap:20px;margin-bottom:20px;padding-bottom:16px;display:flex}.form-section-heading h2{color:var(--text-primary);margin:5px 0 4px;font-size:18px;font-weight:600;line-height:1.35}.form-section-heading p{margin:0}.dispatch-po-field{max-width:760px}.dispatch-po-field select{height:48px}.dispatch-po-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px;display:grid}.dispatch-po-summary>div{background:#f3f8f5;border-radius:11px;padding:15px 16px}.dispatch-po-summary span,.dispatch-balance span{color:var(--muted);letter-spacing:.07em;text-transform:uppercase;font-size:10px;font-weight:700;display:block}.dispatch-po-summary strong{overflow-wrap:anywhere;margin-top:6px;font:700 15px Montserrat,sans-serif;display:block}.dispatch-lines{gap:12px;display:grid}.dispatch-quantity-line{border:1px solid var(--line);background:#fbfdfb;border-radius:13px;grid-template-columns:minmax(220px,1.4fr) repeat(3,minmax(100px,.55fr)) minmax(190px,.8fr) minmax(190px,1fr);align-items:end;gap:14px;padding:17px;display:grid}.dispatch-material{align-self:center;min-width:0}.dispatch-material strong,.dispatch-material small{display:block}.dispatch-material strong{font:700 16px Montserrat,sans-serif}.dispatch-material small{color:var(--muted);margin-top:5px}.dispatch-balance{align-self:center}.dispatch-balance strong{font-variant-numeric:tabular-nums;margin-top:5px;font:700 15px Montserrat,sans-serif;display:block}.dispatch-balance-remaining{color:#185f43;background:#eaf7f0;border-radius:9px;padding:9px 10px}.dispatch-field-grid{margin-top:0}.dispatch-submit-bar{z-index:5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff5;border:1px solid #c9dacf;border-radius:14px;justify-content:space-between;align-items:center;gap:24px;padding:16px 18px;display:flex;position:sticky;bottom:16px;box-shadow:0 12px 32px #102d221f}.dispatch-submit-bar strong,.dispatch-submit-bar small{display:block}.dispatch-submit-bar strong{font:700 15px Montserrat,sans-serif}.dispatch-submit-bar small{color:var(--muted);margin-top:4px}.dispatch-submit-bar .button{min-width:210px}.dispatch-detail-header{padding-bottom:4px}.dispatch-meta-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.dispatch-meta-grid article,.dispatch-reference-grid article{border:1px solid var(--line);background:#fff;border-radius:13px;min-width:0;padding:18px 19px}.dispatch-meta-grid span,.dispatch-reference-grid span,.dispatch-transport-card span{color:var(--muted);letter-spacing:.07em;text-transform:uppercase;font-size:11px;font-weight:700;display:block}.dispatch-meta-grid strong,.dispatch-reference-grid strong{overflow-wrap:anywhere;margin-top:11px;font:700 17px Montserrat,sans-serif;display:block}.dispatch-meta-grid small,.dispatch-transport-card small{color:var(--muted);margin-top:4px;display:block}.dispatch-reference-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.dispatch-reference-grid article{min-height:92px}.dispatch-transport-card{border:1px solid var(--line);background:#fff;border-radius:14px;grid-template-columns:repeat(4,minmax(0,1fr));display:grid;overflow:hidden}.dispatch-transport-card>div{border-right:1px solid #edf1ee;min-width:0;padding:20px}.dispatch-transport-card>div:last-child{border-right:0}.dispatch-transport-card strong{overflow-wrap:anywhere;margin-top:12px;font:700 16px/1.4 Montserrat,sans-serif;display:block}.dispatch-quantity-value{color:var(--brand-dark)}.related-grns-section .section-heading-action{margin-bottom:16px}.related-grns-section .section-heading-action h2{margin-bottom:4px}.related-grns-section .section-heading-action p{margin:0}.grn-detail-header{padding-bottom:4px}.grn-meta-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.grn-meta-grid article{border:1px solid var(--line);background:#fff;border-radius:14px;min-width:0;padding:19px 20px}.grn-meta-grid span{color:var(--muted);letter-spacing:.07em;text-transform:uppercase;font-size:11px;font-weight:700;display:block}.grn-meta-grid strong{overflow-wrap:anywhere;margin-top:12px;font:700 17px Montserrat,sans-serif;display:block}.grn-meta-grid small{color:var(--muted);margin-top:5px;display:block}.grn-materials-section .section-heading-action{margin-bottom:16px}.grn-materials-section .section-heading-action h2{margin-bottom:4px}.grn-materials-section .section-heading-action p{margin:0}.grn-accepted-value{color:var(--brand-dark)}.grn-documents-card{border:1px solid var(--line);background:#fff;border-radius:16px;padding:24px}.grn-document-upload{background:#f8fbf9;border:1px solid #e4ebe6;border-radius:13px;grid-template-columns:minmax(180px,.7fr) minmax(280px,1.5fr) auto;align-items:end;gap:14px;margin-bottom:20px;padding:18px;display:grid}.grn-document-upload label{gap:7px;min-width:0;display:grid}.grn-document-upload label>span{color:var(--muted);letter-spacing:.07em;text-transform:uppercase;font-size:11px;font-weight:700}.grn-document-upload select,.grn-document-upload input{width:100%;min-width:0;height:var(--control-height,40px);border:1px solid var(--border);border-radius:var(--radius-md,10px);color:var(--text-primary);background:var(--surface);box-sizing:border-box;padding:0 12px}.grn-document-upload select{cursor:pointer;padding:0 36px 0 12px}.grn-document-upload input[type=file]{padding:7px 9px}.grn-document-upload .button{white-space:nowrap;min-height:46px}.grn-document-list{gap:10px;display:grid}.grn-document-row{border:1px solid var(--line);border-radius:12px;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:14px 16px;display:grid}.grn-document-icon{width:42px;height:42px;color:var(--brand-dark);letter-spacing:.06em;background:#eaf7f0;border-radius:10px;place-items:center;font-size:10px;font-weight:800;display:grid}.grn-document-row a{color:var(--brand-dark);font-weight:700;text-decoration:none}.grn-document-row a:hover{text-decoration:underline}.grn-document-row small{color:var(--muted);margin-top:4px;display:block}.grn-document-empty{color:var(--muted);text-align:center;border:1px dashed #c7d5cc;border-radius:12px;gap:5px;padding:28px;display:grid}.grn-document-empty strong{color:var(--ink);font:700 17px Montserrat,sans-serif}.finance-setup-grid{grid-template-columns:1fr 1fr;gap:18px;margin-bottom:28px;display:grid}.finance-setup-grid .request-form-card{margin:0}.finance-setup-grid h2,.finance-account-form h2{margin-top:0;font-size:24px}.tax-settings-page{padding-bottom:36px}.tax-settings-page .finance-setup-grid{align-items:start}.tax-settings-page .request-form-card{margin-bottom:18px}.tax-ledger-list{gap:10px;display:grid}.tax-ledger-list>div{border:1px solid var(--line);border-radius:10px;gap:3px;padding:11px 12px;display:grid}.tax-ledger-list span{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:700}.tax-section-form{margin-bottom:14px}.availability-strip{border:1px solid var(--line);background:var(--soft);border-radius:10px;flex-wrap:wrap;gap:10px 22px;margin:16px 0;padding:12px 14px;display:flex}.availability-strip span{color:var(--muted);font-size:13px}.availability-strip strong{color:var(--ink);margin-left:5px}.operation-detail-grid{margin-bottom:18px}.operation-notes{margin-top:18px}.inline-notice{border-left:3px solid var(--green);color:var(--muted);background:#eef7f2;border-radius:6px;padding:11px 14px}.finance-setup-grid .button,.finance-account-form .button{margin-top:18px}.coa-groups{gap:22px;display:grid}.coa-group-card>header{justify-content:space-between;align-items:end;gap:18px;margin-bottom:12px;display:flex}.coa-group-card h2{margin:5px 0 0;font-size:25px}.finance-account-form{margin-bottom:24px}.finance-table{margin-top:22px}.supplier-invoice-page{padding-bottom:32px}.invoice-page-head{align-items:center;margin-bottom:20px}.invoice-page-head .eyebrow{margin-top:18px;display:block}.invoice-page-head h1{margin-bottom:8px}.invoice-context-links{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.invoice-context-links a{border-right:1px solid var(--line);color:var(--ink);padding-right:9px;font-weight:600;text-decoration:none}.invoice-context-links a:hover{color:var(--brand)}.invoice-actions{max-width:620px}.invoice-summary-card{border:1px solid var(--line);background:#fff;border-radius:16px;overflow:hidden}.invoice-meta-grid,.invoice-payment-grid{display:grid}.invoice-meta-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.invoice-meta-grid article,.invoice-payment-grid article,.invoice-totals-grid article{border-right:1px solid #edf1ee;min-width:0;padding:18px 20px}.invoice-meta-grid article:last-child,.invoice-payment-grid article:last-child,.invoice-totals-grid article:last-child{border-right:0}.invoice-meta-grid span:first-child,.invoice-payment-grid span,.invoice-totals-grid span,.invoice-grand-total span{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin-bottom:7px;font-size:11px;font-weight:700;display:block}.invoice-meta-grid strong,.invoice-meta-grid a,.invoice-payment-grid strong,.invoice-totals-grid strong,.invoice-grand-total strong{color:var(--ink);font:700 17px Montserrat,sans-serif;text-decoration:none}.invoice-meta-grid .status{margin:0;font-size:11px;display:inline-block}.invoice-payment-grid{border-top:1px solid var(--line);background:#fbfcfb;grid-template-columns:repeat(4,minmax(0,1fr))}.invoice-payment-grid .invoice-available-balance{background:#edf8f2}.invoice-payment-grid .invoice-available-balance strong{color:var(--brand)}.invoice-items-section,.supplier-invoice-page .related-payments-section{margin-top:24px}.invoice-items-section .section-heading-action{margin-bottom:12px}.invoice-items-section h2,.invoice-attachment-card h2,.related-payments-section h2{margin:3px 0 0;font-size:25px}.invoice-grand-total{text-align:right;background:#eaf7f0;border-radius:12px;min-width:190px;padding:12px 18px}.invoice-grand-total strong{color:var(--brand);font-size:22px}.invoice-totals-grid{border:1px solid var(--line);background:#fff;border-radius:13px;grid-template-columns:repeat(5,minmax(0,1fr));margin-top:10px;display:grid;overflow:hidden}.invoice-totals-grid article{padding-block:14px}.invoice-attachment-card{grid-template-columns:minmax(220px,.8fr) minmax(320px,1.2fr);align-items:center;gap:18px 28px;margin-top:24px;padding:20px;display:grid}.invoice-attachment-upload{grid-template-columns:1fr auto;gap:10px;display:grid}.invoice-attachment-upload input{border:1px solid var(--line);background:#fff;border-radius:10px;width:100%;min-width:0;padding:8px}.invoice-attachment-list,.invoice-attachment-empty{grid-column:2;margin:0}.invoice-attachment-row{background:#f6f9f7;border-radius:10px;justify-content:space-between;align-items:center;gap:14px;padding:10px 12px;display:flex}.related-payments-section .section-heading-action{margin-bottom:12px}.supplier-verification-page{padding-bottom:32px}.verification-page-head{align-items:center;margin-bottom:20px}.verification-page-head .eyebrow{margin-top:18px;display:block}.verification-document-flow{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;display:flex}.verification-document-flow a,.verification-document-flow strong{color:var(--ink);font-size:14px;font-weight:600;text-decoration:none}.verification-document-flow a:hover{color:var(--brand)}.verification-summary-card{border:1px solid var(--line);background:#fff;border-radius:16px;grid-template-columns:repeat(4,minmax(0,1fr));display:grid;overflow:hidden}.verification-summary-card article,.verification-variance-grid article{border-right:1px solid #edf1ee;min-width:0;padding:18px 20px}.verification-summary-card article:last-child,.verification-variance-grid article:last-child{border-right:0}.verification-summary-card article>span:first-child,.verification-variance-grid article>span{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin-bottom:7px;font-size:11px;font-weight:700;display:block}.verification-summary-card strong,.verification-summary-card a{color:var(--ink);font:700 17px Montserrat,sans-serif;text-decoration:none}.verification-summary-card .status{margin:0;font-size:11px;display:inline-block}.verification-summary-card .verification-total-card{background:#edf8f2}.verification-total-card strong{color:var(--brand);font-size:20px}.verification-results{margin-top:24px}.verification-results .section-heading-action{margin-bottom:12px}.verification-results h2{margin:3px 0 2px;font-size:25px}.verification-variance-grid{border:1px solid var(--line);background:#fff;border-radius:13px;grid-template-columns:repeat(5,minmax(0,1fr));margin-top:10px;display:grid;overflow:hidden}.verification-variance-grid article{padding-block:14px}.verification-variance-grid .variance{min-width:0;font-size:14px}.verification-decision-card{grid-template-columns:minmax(220px,.65fr) minmax(320px,1.35fr);align-items:end;gap:14px 28px;margin-top:24px;padding:20px;display:grid}.verification-decision-card h2{align-self:center;margin:0;font-size:23px}.verification-decision-card .verification-warning{grid-column:1;margin:0}.verification-decision-card .field{grid-area:1/2/span 2}.verification-decision-card textarea{min-height:84px}.verification-decision-card .form-actions{grid-column:1/-1;padding-top:0}.ledger-report-page{padding-bottom:32px}.report-filter-card{border:1px solid var(--line);background:#fff;border-radius:16px;grid-template-columns:minmax(240px,1.4fr) minmax(200px,1fr) repeat(2,minmax(160px,.7fr));gap:14px;padding:18px;display:grid}.report-filter-card label{gap:7px;display:grid}.report-filter-card label>span{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:11px;font-weight:700}.report-filter-card input,.report-filter-card select{width:100%;min-width:0;height:var(--control-height,40px);min-height:var(--control-height,40px);border:1px solid var(--border);border-radius:var(--radius-md,10px);color:var(--text-primary);background:var(--surface);box-sizing:border-box;padding:0 12px}.report-filter-card select{cursor:pointer;padding:0 36px 0 12px}.report-subject-line{justify-content:space-between;align-items:end;gap:18px;margin:24px 0 12px;display:flex}.report-subject-line h2{margin:3px 0 0;font-size:25px}.report-basis{color:var(--brand);text-transform:capitalize;background:#eaf7f0;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:700}.ledger-summary-grid{border:1px solid var(--line);background:#fff;border-radius:14px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:12px;display:grid;overflow:hidden}.ledger-summary-grid article{border-right:1px solid #edf1ee;min-width:0;padding:16px 18px}.ledger-summary-grid article:last-child{border-right:0}.ledger-summary-grid span{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin-bottom:6px;font-size:11px;font-weight:700;display:block}.ledger-summary-grid strong{font:700 18px Montserrat,sans-serif}.ledger-closing-balance strong{color:var(--brand)}.bank-reconciliation-page{padding-bottom:36px}.reconciliation-create-card{margin-bottom:18px}.reconciliation-create-card h2,.reconciliation-import-grid h2{margin:0 0 14px;font-size:22px}.list-toolbar.compact{grid-template-columns:minmax(260px,1fr) 190px;gap:12px;max-width:680px;margin-bottom:16px;display:grid}.list-toolbar.compact input,.list-toolbar.compact select{width:100%;height:var(--control-height,40px);min-height:var(--control-height,40px);border:1px solid var(--border);border-radius:var(--radius-md,10px);background:var(--surface);color:var(--text-primary);box-sizing:border-box;padding:0 12px}.list-toolbar.compact select{cursor:pointer;padding:0 36px 0 12px}.reconciliation-summary{grid-template-columns:repeat(4,minmax(0,1fr))}.reconciliation-summary article:nth-child(4){border-right:0}.reconciliation-summary article:nth-child(n+5){border-top:1px solid #edf1ee}.reconciliation-summary .is-reconciled{color:var(--brand);background:#edf8f2}.reconciliation-summary .is-unreconciled{color:#a33535;background:#fff3f3}.reconciliation-balance-form{align-items:end;gap:12px;margin-bottom:16px;padding:14px 18px;display:flex}.reconciliation-balance-form label{gap:6px;min-width:240px;font-weight:700;display:grid}.reconciliation-balance-form input{border:1px solid var(--line);border-radius:10px;padding:10px 12px}.reconciliation-import-grid{grid-template-columns:.8fr 1.2fr;gap:16px;margin-bottom:20px;display:grid}.reconciliation-import-grid .request-form-card{margin:0}.reconciliation-import-grid form:first-child{align-content:start}.reconciliation-import-grid form:first-child input{margin:10px 0}.form-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.reconciliation-workspace{grid-template-columns:1fr 1fr;align-items:start;gap:18px;display:grid}.reconciliation-workspace .table-card{overflow-x:auto}.reconciliation-workspace table{min-width:650px}.section-heading{justify-content:space-between;align-items:end;gap:12px;margin:8px 0 10px;display:flex}.section-heading h2{color:var(--text-primary);margin:2px 0 0;font-size:18px;font-weight:600;line-height:1.35}.section-heading select{border:1px solid var(--border);border-radius:var(--radius-md,10px);background:var(--surface);height:36px;color:var(--text-primary);box-sizing:border-box;cursor:pointer;padding:0 36px 0 10px}.selected-row{background:#eef8f3}.inline-action{color:var(--brand);cursor:pointer;background:0 0;border:0;margin-left:8px;font-weight:700}.inline-action.danger{color:#a33535}.match-bar{background:#edf8f2;border:1px solid #b8dcca;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;margin-top:10px;padding:12px 14px;display:flex}.compact-head{margin-bottom:18px}.table-action{color:var(--brand);font-weight:700;text-decoration:none}.ledger-report-table table{min-width:1080px}.ledger-report-table td,.ledger-report-table th{padding-block:13px}.ledger-report-table a{color:var(--brand);font-weight:700;text-decoration:none}.number-column{text-align:right;font-variant-numeric:tabular-nums}.ledger-running-balance{color:var(--ink);white-space:nowrap;font-weight:700}.trial-balance-filters{grid-template-columns:repeat(4,minmax(180px,1fr))}.trial-balance-table{margin-top:18px;overflow-x:auto}.trial-balance-table table{min-width:1040px}.trial-balance-table thead tr:first-child th[colspan]{border-bottom:1px solid var(--line);text-align:center}.trial-balance-table tbody a{color:var(--brand);gap:2px;text-decoration:none;display:grid}.trial-balance-table tbody small{color:var(--muted);font-size:12px;font-weight:500}.trial-balance-table tfoot th,.trial-balance-table tfoot td{border-top:2px solid var(--line);background:#f5faf7;font-weight:800}.account-type-cell{text-transform:capitalize}.trial-closing{background:#f7fbf9;font-weight:700}.trial-balance-status{border:1px solid var(--line);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;padding:11px 14px;font-size:13px;display:flex}.trial-balance-status.is-balanced{color:var(--brand);background:#edf8f2;border-color:#a9d8c0}.trial-balance-status.is-unbalanced{color:#982f2f;background:#fff3f3;border-color:#ecc2c2}.profit-loss-filters{grid-template-columns:minmax(240px,1.3fr) repeat(2,minmax(180px,1fr))}.profit-loss-summary{border:1px solid var(--line);background:#fff;border-radius:14px;grid-template-columns:repeat(3,minmax(0,1fr));margin:18px 0;display:grid;overflow:hidden}.profit-loss-summary article{border-right:1px solid #edf1ee;padding:16px 18px}.profit-loss-summary article:last-child{border-right:0}.profit-loss-summary span{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin-bottom:7px;font-size:11px;font-weight:700;display:block}.profit-loss-summary strong{font-variant-numeric:tabular-nums;font:700 20px Montserrat,sans-serif}.profit-loss-net.is-profit{color:var(--brand);background:#edf8f2}.profit-loss-net.is-loss{color:#982f2f;background:#fff3f3}.profit-loss-sections{gap:16px;display:grid}.profit-loss-section{overflow-x:auto}.profit-loss-section header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;display:flex}.profit-loss-section header h2{margin:0;font-size:20px}.profit-loss-section header strong,.profit-loss-amount{font-variant-numeric:tabular-nums}.profit-loss-section table{min-width:720px}.profit-loss-section a{color:var(--brand);font-weight:700;text-decoration:none}.report-loading{border:1px solid var(--line);background:#fff;border-radius:14px;margin-top:18px}.balance-sheet-filters{grid-template-columns:minmax(260px,1.4fr) minmax(200px,1fr)}.balance-sheet-summary{border:1px solid var(--line);background:#fff;border-radius:14px;grid-template-columns:repeat(4,minmax(0,1fr));margin:18px 0;display:grid;overflow:hidden}.balance-sheet-summary article{border-right:1px solid #edf1ee;padding:16px 18px}.balance-sheet-summary article:last-child{background:#f5faf7;border-right:0}.balance-sheet-summary span{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin-bottom:7px;font-size:11px;font-weight:700;display:block}.balance-sheet-summary strong{font-variant-numeric:tabular-nums;font:700 19px Montserrat,sans-serif}.balance-sheet-sections{gap:16px;display:grid}.balance-sheet-section{overflow-x:auto}.balance-sheet-section header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;display:flex}.balance-sheet-section header h2{margin:0;font-size:20px}.balance-sheet-section header strong,.balance-sheet-amount{font-variant-numeric:tabular-nums}.balance-sheet-section table{min-width:680px}.balance-sheet-section a{color:var(--brand);font-weight:700;text-decoration:none}.current-profit-loss-row td{background:#f5faf7;font-weight:700}.balance-sheet-status{border:1px solid var(--line);border-radius:12px;justify-content:space-between;align-items:center;gap:18px;margin-top:16px;padding:14px 16px;display:flex}.balance-sheet-status>div{gap:3px;display:grid}.balance-sheet-status span{font-size:13px}.balance-sheet-status.is-balanced{color:var(--brand);background:#edf8f2;border-color:#a9d8c0}.balance-sheet-status.is-unbalanced{color:#982f2f;background:#fff3f3;border-color:#ecc2c2}.profitability-filters{grid-template-columns:minmax(240px,1.3fr) repeat(2,minmax(180px,1fr))}.profitability-summary .detail-card,.boq-profitability-summary .detail-card{min-height:112px}.profitability-summary .detail-card.is-positive strong{color:var(--brand)}.profitability-summary .detail-card.is-negative strong{color:#a93636}.profitability-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:18px 0;display:grid}.profitability-breakdown header,.profitability-projects header{padding:16px 18px 10px}.profitability-breakdown header h2,.profitability-projects header h2{margin:2px 0 0}.profitability-breakdown table,table.breakdown-table{table-layout:auto;border-collapse:collapse;width:100%!important;min-width:0!important}table.breakdown-table tbody tr{border-bottom:1px solid var(--border-subtle);transition:background-color .12s}table.breakdown-table tbody tr:last-child{border-bottom:none}table.breakdown-table tbody tr:hover{background:var(--surface-subtle)}table.breakdown-table td{vertical-align:middle;padding:.8rem 1.25rem}table.breakdown-table td:first-child{color:var(--text-primary);font-size:.875rem}table.breakdown-table td.number-column{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--text-primary);font-size:.875rem}table.breakdown-table tr.breakdown-row-strong td{background:var(--surface-subtle);border-top:1px solid var(--border);font-weight:600}.breakdown-link{color:var(--brand);align-items:center;gap:.35rem;font-weight:500;text-decoration:none;transition:all .15s;display:inline-flex}.breakdown-link:hover{color:var(--brand-dark);text-decoration:underline}.breakdown-link-arrow{opacity:.65;font-size:.75rem;transition:transform .15s,opacity .15s}.breakdown-link:hover .breakdown-link-arrow{opacity:1;transform:translate(1px,-1px)}.content-grid-2 table,.content-grid-3 table,.content-grid-4 table{min-width:0}.profitability-breakdown a,.profitability-drilldowns a{color:var(--brand);font-weight:700;text-decoration:none}.boq-profitability-summary,.profitability-drilldowns{margin-bottom:18px}.profitability-drilldowns h2{margin-top:0}.profitability-projects{margin-top:18px;overflow-x:auto}.profitability-projects table{min-width:760px}@media (width<=800px){.reconciliation-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.reconciliation-summary article:nth-child(2n){border-right:0}.reconciliation-workspace,.reconciliation-import-grid{grid-template-columns:1fr}.reconciliation-balance-form,.match-bar{flex-direction:column;align-items:stretch}.auth-page{grid-template-columns:1fr}.auth-story{min-height:300px}.auth-story h1{font-size:42px}.app-shell,.app-shell.sidebar-collapsed{grid-template-columns:1fr}.sidebar,.sidebar.sidebar-collapsed{z-index:50;width:min(300px,86vw);padding:20px 14px;transition:transform .2s;display:block;position:fixed;inset:0 auto 0 0;overflow-y:auto;transform:translate(-105%);box-shadow:20px 0 50px #0000003d}.sidebar.sidebar-collapsed .sidebar-header{flex-direction:row;margin-bottom:1.25rem}.sidebar.sidebar-collapsed .nav-section-toggle{display:flex}.sidebar.sidebar-collapsed .nav-link-text{display:inline}.sidebar.sidebar-collapsed .nav a{justify-content:flex-start;width:100%;height:auto;padding:7px 11px}.sidebar-toggle-btn.desktop-only{display:none!important}.sidebar-open,.sidebar.sidebar-collapsed.sidebar-open{transform:translate(0)}.mobile-menu-button,.mobile-nav-close{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:10px;place-items:center;display:grid}.mobile-menu-button{width:42px;height:42px;font-size:20px}.mobile-nav-close{color:#fff;background:#ffffff14;border-color:#ffffff2e;width:40px;height:40px;font-size:28px;position:absolute;top:26px;right:18px}.sidebar-backdrop{z-index:40;background:#07160f85;border:0;width:100%;display:block;position:fixed;inset:0}.stats{grid-template-columns:1fr}.page-head{flex-direction:column;align-items:stretch}.site-form{grid-template-columns:1fr}.span-2{grid-column:auto}.detail-header{flex-direction:column;align-items:stretch}.detail-grid,.module-grid,.form-grid,.compact-detail-grid{grid-template-columns:1fr}.field-full{grid-column:auto}.timeline-card{grid-template-columns:1fr;gap:18px}.timeline-line{width:2px;height:50px;margin:0 0 0 6px}.timeline-line:before{top:0;left:50%}.timeline-line:after{top:auto;bottom:0;left:50%}.timeline-point-end{text-align:left}.section-heading-action{flex-direction:column;align-items:stretch}.site-team-member{grid-template-columns:auto 1fr}.site-team-member .role-pill{grid-column:2;justify-self:start}.contact-grid,.document-upload{grid-template-columns:1fr}.detail-tabs{overflow:auto}.request-line,.approval-line,.activity-row,.pending-approval-card{grid-template-columns:1fr}.detail-actions{justify-content:flex-start}.pending-approval-card>div:last-child{justify-items:start}.po-award-line{grid-template-columns:38px 1fr;gap:14px}.po-award-quantity,.po-award-available{grid-column:2}.po-award-identity small{white-space:normal}.po-meta-grid,.po-summary-grid,.po-notes-grid{grid-template-columns:1fr}.po-list-toolbar{flex-direction:column;align-items:stretch}.po-filter,.po-search-filter{width:100%;max-width:none}.po-result-count{margin:0;padding:4px 0 0}.dispatch-po-summary,.dispatch-quantity-line{grid-template-columns:1fr}.dispatch-submit-bar{flex-direction:column;align-items:stretch;position:static}.dispatch-submit-bar .button{width:100%}.form-section-heading{flex-direction:column;align-items:stretch}.dispatch-meta-grid,.dispatch-reference-grid,.dispatch-transport-card{grid-template-columns:1fr}.dispatch-transport-card>div{border-bottom:1px solid #edf1ee;border-right:0}.dispatch-transport-card>div:last-child{border-bottom:0}.grn-meta-grid,.grn-document-upload{grid-template-columns:1fr}.grn-document-upload .button{width:100%}.grn-document-row{grid-template-columns:auto 1fr}.grn-document-row .danger-link{grid-column:2;justify-self:start}.finance-setup-grid{grid-template-columns:1fr}.coa-group-card>header{flex-direction:column;align-items:flex-start}.invoice-page-head{align-items:stretch}.invoice-actions{justify-content:flex-start;max-width:none}.invoice-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.invoice-meta-grid article:nth-child(2n){border-right:0}.invoice-meta-grid article{border-bottom:1px solid #edf1ee}.invoice-meta-grid article:last-child{border-bottom:0}.invoice-payment-grid,.invoice-totals-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.invoice-payment-grid article,.invoice-totals-grid article{border-bottom:1px solid #edf1ee}.invoice-payment-grid article:nth-child(2n),.invoice-totals-grid article:nth-child(2n){border-right:0}.invoice-payment-grid article:nth-last-child(-n+2),.invoice-totals-grid article:last-child{border-bottom:0}.invoice-attachment-card{grid-template-columns:1fr}.invoice-attachment-list,.invoice-attachment-empty{grid-column:1}.verification-page-head{align-items:stretch}.verification-actions{justify-content:flex-start}.verification-summary-card{grid-template-columns:repeat(2,minmax(0,1fr))}.verification-summary-card article,.verification-variance-grid article{border-bottom:1px solid #edf1ee}.verification-summary-card article:nth-child(2n){border-right:0}.verification-summary-card article:nth-last-child(-n+2){border-bottom:0}.verification-variance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.verification-variance-grid article:nth-child(2n){border-right:0}.verification-variance-grid article:last-child{border-bottom:0}.verification-decision-card{grid-template-columns:1fr}.verification-decision-card .verification-warning,.verification-decision-card .field,.verification-decision-card .form-actions{grid-area:auto/1}.report-filter-card,.ledger-summary-grid,.trial-balance-filters,.profit-loss-filters,.profitability-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.profitability-filters label:first-child{grid-column:1/-1}.profitability-columns{grid-template-columns:1fr}.balance-sheet-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.balance-sheet-summary article:nth-child(2n){border-right:0}.balance-sheet-summary article:nth-child(-n+2){border-bottom:1px solid #edf1ee}.profit-loss-filters label:first-child{grid-column:1/-1}.ledger-summary-grid article:nth-child(2n){border-right:0}.ledger-summary-grid article:nth-child(-n+2){border-bottom:1px solid #edf1ee}}@media (width<=520px){.invoice-meta-grid,.invoice-payment-grid,.invoice-totals-grid,.invoice-attachment-upload{grid-template-columns:1fr}.invoice-meta-grid article,.invoice-payment-grid article,.invoice-totals-grid article{border-bottom:1px solid #edf1ee;border-right:0}.invoice-meta-grid article:last-child,.invoice-payment-grid article:last-child,.invoice-totals-grid article:last-child{border-bottom:0}.invoice-grand-total{text-align:left;width:100%}.verification-summary-card,.verification-variance-grid{grid-template-columns:1fr}.verification-summary-card article,.verification-variance-grid article{border-bottom:1px solid #edf1ee;border-right:0}.verification-summary-card article:nth-last-child(-n+2){border-bottom:1px solid #edf1ee}.verification-summary-card article:last-child,.verification-variance-grid article:last-child{border-bottom:0}.report-filter-card{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px 8px!important}.report-filter-card label:first-child,.report-filter-card label:nth-child(2){grid-column:1/-1}.report-filter-card label:nth-child(3){grid-column:1}.report-filter-card label:nth-child(4){grid-column:2}.report-filter-card label>span{font-size:.625rem!important}.report-filter-card input,.report-filter-card select{height:34px!important;min-height:34px!important;padding:0 6px!important;font-size:.75rem!important}.report-filter-card select{padding-right:22px!important}.ledger-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.5rem!important}.trial-balance-filters,.profit-loss-filters,.profit-loss-summary,.profitability-filters{grid-template-columns:1fr}.profitability-filters label:first-child{grid-column:auto}.balance-sheet-filters,.balance-sheet-summary{grid-template-columns:1fr}.balance-sheet-summary article{border-bottom:1px solid #edf1ee;border-right:0}.balance-sheet-summary article:last-child{border-bottom:0}.profit-loss-filters label:first-child{grid-column:auto}.profit-loss-summary article{border-bottom:1px solid #edf1ee;border-right:0}.profit-loss-summary article:last-child{border-bottom:0}.trial-balance-status,.balance-sheet-status{flex-direction:column;align-items:flex-start}.ledger-summary-grid article{border-bottom:1px solid #edf1ee;border-right:0}.ledger-summary-grid article:nth-child(-n+2){border-bottom:1px solid #edf1ee}.ledger-summary-grid article:last-child{border-bottom:0}.report-subject-line{flex-direction:column;align-items:flex-start}}.module-tabs{flex-wrap:wrap;gap:.5rem;margin:-.6rem 0 1rem;display:flex}.module-tabs a{border:1px solid var(--line);color:var(--green-900);background:#fff;border-radius:999px;padding:.55rem .85rem;font-weight:700;text-decoration:none}.documents-filter-panel{grid-template-columns:minmax(240px,2fr) repeat(5,minmax(130px,1fr))}.document-detail-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-bottom:1.25rem;display:grid}.document-detail-grid article{border:1px solid var(--line);background:#fff;border-radius:16px;flex-direction:column;justify-content:space-between;gap:1rem;min-height:112px;padding:1rem;display:flex}.document-detail-grid span{color:var(--muted)}.document-detail-grid strong{overflow-wrap:anywhere}.document-upload-row{grid-template-columns:minmax(240px,2fr) minmax(180px,1fr) auto;align-items:center;gap:.75rem;display:grid}.document-upload-row input{width:100%}.document-attachment-list{margin:1rem 0 0;padding:0;list-style:none}.document-attachment-list li{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 0;display:flex}@media (width<=1100px){.documents-filter-panel,.document-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.documents-filter-panel,.document-detail-grid,.document-upload-row{grid-template-columns:1fr}}.report-export-wrap{flex-direction:column;align-items:flex-end;gap:.4rem;display:flex}.report-export-actions{flex-wrap:wrap;gap:.6rem;display:flex}.report-export-actions button{min-width:7rem}.ageing-bucket{background:#eef3ef;border-radius:999px;padding:.25rem .55rem;font-size:.78rem;font-weight:700;display:inline-flex}.ageing-61-90,.ageing-90plus{color:#8f2929;background:#fbecec}@media (width<=720px){.report-export-wrap{align-items:stretch;width:100%}.report-export-actions button{flex:1}}.subscription-read-only-banner{color:#704b00;background:#fff7df;border:1px solid #e8b04b;border-radius:12px;margin:0 0 1rem;padding:.8rem 1rem;font-weight:700}.subscription-hero{background:var(--surface);border:1px solid var(--border);color:var(--text-primary);border-radius:12px;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;padding:1.25rem;display:flex}.subscription-hero h2{color:var(--text-primary);margin:.25rem 0 .15rem;font-size:1.35rem}.subscription-hero p{color:var(--text-secondary);margin:0}.subscription-usage,.plan-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-bottom:1rem;display:grid}.subscription-usage article,.plan-grid article{border:1px solid var(--border,#d8e1dc);background:#fff;border-radius:16px;gap:.65rem;padding:1.2rem;display:grid}.subscription-usage span,.subscription-dates span{color:var(--muted,#66756e)}.subscription-usage strong{font-size:1.35rem}.subscription-usage progress{width:100%;accent-color:var(--brand)}.subscription-dates{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.subscription-dates div{gap:.3rem;display:grid}.entitlement-grid{text-transform:capitalize;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem;margin-top:1rem;display:grid}.entitlement-grid>span,.entitlement-grid>label{background:var(--surface-subtle);color:var(--text-primary);border-radius:10px;padding:.65rem .8rem}.plan-grid article.current-plan{border:2px solid var(--brand)}.plan-grid h3,.plan-grid p{margin:0}.plan-grid>article>strong{font-size:1.5rem}.plan-grid small{color:var(--text-secondary);font-size:.75rem}.saas-admin-grid{grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:1rem;display:grid}.plan-admin-list{gap:.6rem;display:grid}.plan-admin-list button{border:1px solid var(--border);background:var(--surface);text-align:left;cursor:pointer;color:var(--text-primary);border-radius:10px;justify-content:space-between;gap:1rem;padding:.9rem;display:flex}@media (width<=800px){.subscription-usage,.plan-grid,.saas-admin-grid,.subscription-dates{grid-template-columns:1fr}.entitlement-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.subscription-hero{flex-direction:column;align-items:flex-start}}.billing-cycle-toggle{background:#ffffff1f;border-radius:12px;gap:.25rem;padding:.25rem;display:inline-flex}.billing-cycle-toggle button{color:#fff;cursor:pointer;background:0 0;border:0;border-radius:9px;padding:.6rem 1rem}.billing-cycle-toggle button.active{background:var(--surface);color:var(--brand);font-weight:600}.payment-result{border:1px solid var(--border);background:var(--surface);max-width:620px;color:var(--text-primary);text-align:center;border-radius:22px;margin:7vh auto;padding:3rem}.payment-result-icon{background:var(--success-bg);width:64px;height:64px;color:var(--success);border-radius:50%;place-items:center;display:inline-grid}.payment-result-failure .payment-result-icon{background:var(--danger-bg);color:var(--danger)}.payment-result .form-actions{justify-content:center;margin-top:1.5rem}:root{--control-height:44px;--control-radius:10px;--card-radius:14px;--page-gap:20px;--soft:#f7faf8;--green:#176b4d;--green-900:#0e5039;--danger:#a13a3a}body{color:var(--ink);background:#f4f7f4;line-height:1.5;overflow-x:hidden}a{color:var(--brand);text-underline-offset:2px}:where(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea){width:100%;min-width:0;min-height:var(--control-height);border:1px solid var(--line);border-radius:var(--control-radius);color:var(--ink);background:var(--surface);outline:none;padding:10px 13px;transition:border-color .18s,box-shadow .18s,background .18s}:where(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea):focus-visible{border-color:var(--brand);box-shadow:0 0 0 3px #176b4d1f}:where(input,select,textarea)::placeholder{color:#8a968f}:where(input,select,textarea):disabled,:where(input,textarea)[readonly]{color:var(--text-secondary);background:var(--surface-subtle);border-color:var(--border);cursor:not-allowed;opacity:.7}input[type=file]{padding:7px 9px}textarea{resize:vertical;min-height:92px}label{color:var(--ink)}button,.button,.button-primary,.button-link{box-sizing:border-box;white-space:nowrap;color:#fff;background:var(--brand);border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:7px;height:36px;min-height:36px;max-height:36px;padding:0 14px;font-size:14px;font-weight:600;line-height:36px;text-decoration:none;transition:background .18s,border-color .18s,box-shadow .18s,transform .18s;display:inline-flex}button:not([class]):hover:not(:disabled),.button:hover:not(:disabled),.button-link:hover{background:var(--brand-dark)}button:focus-visible,.button:focus-visible,.button-link:focus-visible,a:focus-visible{outline-offset:2px;outline:3px solid #2563eb40}button:disabled,.button:disabled{opacity:.55;cursor:not-allowed;transform:none}.secondary-button,.button-secondary,.button-link-secondary,button.secondary{border:1px solid var(--border-strong,#cbd5e1);box-sizing:border-box;white-space:nowrap;height:36px;min-height:36px;max-height:36px;color:var(--text-primary);background:var(--surface,#fff);border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:0 12px;font-size:14px;font-weight:500;line-height:36px;text-decoration:none;display:inline-flex}.secondary-button:hover:not(:disabled),.button-link-secondary:hover,button.secondary:hover:not(:disabled){border-color:var(--brand);color:var(--brand-dark);background:var(--brand-light,#eff6ff);transform:none}.danger-button,button.danger:not(.inline-action),.button.danger,.button-danger{box-sizing:border-box;white-space:nowrap;color:#fff;background:var(--danger);border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;height:36px;min-height:36px;max-height:36px;padding:0 14px;font-size:14px;font-weight:600;line-height:36px;text-decoration:none;display:inline-flex}.danger-button:hover:not(:disabled),button.danger:hover:not(:disabled):not(.inline-action),.button.danger:hover:not(:disabled){background:#b91c1c}.button-ghost,button.button-ghost,a.button-ghost{box-sizing:border-box;white-space:nowrap;height:36px;min-height:36px;max-height:36px;color:var(--text-secondary);border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:0 12px;font-size:14px;font-weight:500;line-height:36px;text-decoration:none;transition:background .15s,color .15s,border-color .15s;display:inline-flex;background:0 0!important}.button-ghost:hover:not(:disabled),button.button-ghost:hover:not(:disabled),a.button-ghost:hover:not(:disabled){color:var(--text-primary);border-color:#0000;background:var(--surface-subtle,#f1f5f9)!important}.button-archive,.button-danger-subtle,.button-danger-ghost,.button.button-archive,.button.button-danger-subtle,button.button-archive,.button-ghost[style*=danger],.button-ghost[style*=--danger],.button[style*=danger]:not(.button-primary),.button[style*=--danger]:not(.button-primary){box-sizing:border-box;white-space:nowrap;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:6px;height:36px;min-height:36px;max-height:36px;padding:0 12px;font-size:13px;font-weight:500;line-height:36px;text-decoration:none;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex;border:1px solid var(--danger-border,#fecaca)!important;color:var(--danger,#dc2626)!important;background:var(--danger-bg,#fef2f2)!important}.button-archive:hover:not(:disabled),.button-danger-subtle:hover:not(:disabled),.button-danger-ghost:hover:not(:disabled),.button.button-archive:hover:not(:disabled),.button.button-danger-subtle:hover:not(:disabled),button.button-archive:hover:not(:disabled),.button-ghost[style*=danger]:hover:not(:disabled),.button-ghost[style*=--danger]:hover:not(:disabled),.button[style*=danger]:hover:not(:disabled):not(.button-primary),.button[style*=--danger]:hover:not(:disabled):not(.button-primary){color:#991b1b!important;background:#fee2e2!important;border-color:#f87171!important}.button-archive:focus-visible,.button-danger-subtle:focus-visible,button.button-archive:focus-visible{outline-offset:2px;outline:3px solid #ef444440!important}.button-sm,.btn-sm,.small-button,.row-actions button,.row-actions a,.table-card a.button,.table-card button:not(.icon-button),.modern-table a.button,.modern-table button:not(.icon-button),.table-action-btn{box-sizing:border-box!important;white-space:nowrap!important;border-radius:7px!important;justify-content:center!important;align-items:center!important;height:32px!important;min-height:32px!important;max-height:32px!important;padding:0 10px!important;font-size:13px!important;font-weight:500!important;line-height:32px!important;display:inline-flex!important}.link-button,.danger-link,.inline-action,.row-actions button,.row-actions a,.icon-button,.po-clear-filters{border-radius:var(--radius-sm);min-height:32px;color:var(--brand);background:0 0;border:0;padding:4px 8px;font-weight:600;text-decoration:none;transform:none}.link-button:hover:not(:disabled),.inline-action:hover:not(:disabled),.row-actions button:hover:not(:disabled),.row-actions a:hover,.icon-button:hover:not(:disabled),.po-clear-filters:hover:not(:disabled){color:var(--brand-dark);background:var(--brand-light,#eff6ff);transform:none}.danger-link,.inline-action.danger{color:var(--danger)}.danger-link:hover:not(:disabled),.inline-action.danger:hover:not(:disabled){color:#842f2f;background:#fff0f0}.nav-section-toggle,.detail-tabs button,.billing-cycle-toggle button,.task-counter,.plan-admin-list button,.pagination-controls button,.nav-section-toggle:hover:not(:disabled),.detail-tabs button:hover:not(:disabled),.billing-cycle-toggle button:hover:not(:disabled),.task-counter:hover:not(:disabled),.plan-admin-list button:hover:not(:disabled),.pagination-controls button:hover:not(:disabled){transform:none}.detail-tabs button{min-height:40px;color:var(--muted);background:0 0;border-radius:0}.task-counter,.plan-admin-list button,.pagination-controls button{color:var(--ink);background:#fff}.plan-admin-list button:hover:not(:disabled),.pagination-controls button:hover:not(:disabled),.task-counter:hover:not(:disabled){border-color:var(--brand);color:var(--brand-dark);background:#f4faf6}.main{min-width:0;padding:28px clamp(20px,3.25vw,52px) 44px}.topbar{min-height:44px}.org-pill:empty{display:none}.page-head,.detail-header{align-items:center;margin:30px 0 20px}.page-head>div,.detail-header>div{min-width:0}.page-head h1,.detail-header h1{letter-spacing:-.01em;color:var(--text-primary);margin:0 0 4px;font-size:26px;font-weight:600;line-height:1.25}@media (width<=1024px){.page-head h1,.detail-header h1{font-size:24px}}@media (width<=640px){.page-head h1,.detail-header h1{font-size:22px}}.page-head .subtle,.detail-header .subtle{margin:0}.detail-actions,.task-action-bar,.form-actions,.row-actions,.table-actions,.report-export-actions{flex-wrap:wrap;align-items:center;gap:8px}.toolbar,.po-list-toolbar,.task-filter-panel{flex-wrap:wrap;gap:10px}.toolbar>input:not([type=date]):not([type=checkbox]):not([type=radio]){flex:240px;min-width:180px;max-width:440px}.toolbar>input[type=date]{flex:none;min-width:130px;max-width:170px;width:auto!important}.toolbar>select{flex:none;min-width:150px;max-width:240px;width:auto!important}.toolbar>:where(button,a){white-space:nowrap;flex:none;align-self:center}.request-form,.coa-groups,.pending-approval-list{gap:var(--page-gap)}.request-form-card,.approval-panel,.grn-documents-card,.invoice-attachment-card{border-radius:var(--card-radius);padding:20px}.request-form-card>h2:first-child,.approval-panel>h2:first-child,.project-section h2:first-child{margin-top:0}.form-grid,.site-form{gap:15px 16px}.form-grid>label,.field{gap:6px}.form-grid>label,.field label,.field>span,.task-filter-panel label,.po-filter>span{font-size:13px;font-weight:700}.project-section{margin-top:28px}.section-heading,.section-heading-action{align-items:center}.section-heading h2,.section-heading-action h2{color:var(--text-primary);margin:2px 0 10px;font-size:18px;font-weight:600;line-height:1.35}.table-card{border-radius:var(--card-radius)}table{min-width:760px}th,td{vertical-align:middle;padding:13px 15px}tbody tr:last-child td{border-bottom:0}.empty-state{padding:36px 20px}.detail-grid,.po-meta-grid,.dispatch-meta-grid,.grn-meta-grid,.module-grid,.subscription-usage,.plan-grid{gap:12px}.detail-card{border-radius:var(--card-radius);min-height:128px;padding:18px}.detail-card strong{padding-top:18px;font-size:20px}.metric-grid{margin-bottom:var(--page-gap);grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.metric-grid.compact-metrics{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.metric-card,.metric-grid>article{border:1px solid var(--line);border-radius:var(--card-radius);background:#fff;flex-direction:column;justify-content:space-between;gap:16px;min-width:0;min-height:108px;padding:17px 18px;display:flex}.metric-card>span,.metric-grid>article>span{color:var(--muted);letter-spacing:.045em;text-transform:uppercase;font-size:12px;font-weight:700}.metric-card>strong,.metric-grid>article>strong{overflow-wrap:anywhere;font-variant-numeric:tabular-nums;font:700 20px/1.25 Montserrat,sans-serif}.status-badge{text-transform:capitalize;border-radius:999px;align-items:center;width:fit-content;padding:5px 9px;font-size:12px;font-weight:700;line-height:1.2;display:inline-flex}.status-finalized,.status-paid,.status-issued,.status-posted,.status-received{color:#176b4d;background:#e8f5ee}.table-actions,.page-actions,.section-title-row{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}button.table-action,a.table-action{border:1px solid var(--border);min-height:32px;color:var(--brand);background:var(--surface);white-space:nowrap;border-radius:7px;padding:6px 10px;font-weight:600;line-height:1.2;text-decoration:none;transition:all .15s;transform:none}button.table-action:hover:not(:disabled),a.table-action:hover{border-color:var(--brand-border);color:var(--brand);background:var(--brand-light);transform:none}.section-title-row{justify-content:space-between;margin-bottom:16px}.section-title-row>:where(h2,h3,p){margin:0}.form-grid>label.checkbox-field,.checkbox-field{min-height:var(--control-height);border:1px solid var(--line);border-radius:var(--control-radius);background:var(--soft);align-self:end;align-items:center;gap:9px;padding:10px 12px;display:flex}.check-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px;margin-top:14px;display:grid}.check-grid>label{border:1px solid var(--line);border-radius:var(--control-radius);background:var(--soft);align-items:center;gap:9px;min-width:0;padding:11px 12px;display:flex}.form-span-2,.wide-field{grid-column:1/-1}.field-error{color:#9b3030;margin-top:2px;font-size:12px;font-weight:600;display:block}.detail-label{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin-bottom:6px;font-size:11px;font-weight:700;display:block}.compact-form-card{margin-bottom:var(--page-gap)}.compact-form-card>.form-actions:last-child{margin-top:14px}.attachment-upload{border:1px solid var(--line);border-radius:var(--control-radius);background:var(--soft);flex-wrap:wrap;align-items:center;gap:10px;padding:14px;display:flex}.attachment-upload>input{flex:280px}.table-scroll{border:1px solid var(--line);border-radius:var(--card-radius);background:#fff;width:100%;overflow-x:auto}.table-scroll .data-table{margin:0}.dispatch-po-card,.supplier-overview{margin-bottom:var(--page-gap)}.compact-detail-grid .detail-card,.site-finance-detail-grid .detail-card{min-height:110px}.subscription-usage article,.plan-grid article{border-radius:var(--card-radius);padding:18px}@media (width<=900px){.main{padding:20px 18px 36px}.page-head,.detail-header{flex-direction:column;align-items:stretch;gap:14px;margin-top:22px}.page-head>:last-child,.detail-header>:last-child{align-self:flex-start}.detail-grid,.compact-detail-grid,.site-finance-detail-grid,.metric-grid,.po-meta-grid,.dispatch-meta-grid,.grn-meta-grid,.module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.main{padding:16px 14px 30px}.topbar{flex-wrap:nowrap!important;gap:8px!important;margin-bottom:1.25rem!important;padding:.5rem .75rem!important}.topbar-org-pill{max-width:170px;padding:.3rem .55rem!important;font-size:.8125rem!important}.profile-menu-user-info{display:none!important}.profile-menu-trigger{padding:.25rem .45rem!important}.quick-jumps-bar{gap:.45rem!important;margin-bottom:1.25rem!important;margin-left:-14px!important;margin-right:-14px!important;padding-left:14px!important;padding-right:14px!important}.approvals-filter-card{margin-bottom:.875rem!important}.approvals-filter-card .section-card-header{padding:.5rem .85rem!important}.approvals-filter-card .section-card-title{font-size:.875rem!important}.approvals-filter-card .section-card-body{padding:.65rem .85rem!important}.approvals-filter-grid{grid-template-columns:1fr 1fr!important;gap:.5rem!important;display:grid!important}.approvals-filter-grid select{width:100%!important;min-width:0!important;height:36px!important;padding:.35rem .5rem!important;font-size:.8125rem!important}.approvals-date-range{grid-column:1/-1!important;grid-template-columns:1fr auto 1fr!important;align-items:center!important;gap:.4rem!important;width:100%!important;display:grid!important}.approvals-date-range input[type=date]{width:100%!important;min-width:0!important;height:36px!important;padding:.35rem .45rem!important;font-size:.75rem!important}.pending-approval-list{gap:8px!important}.pending-approval-card{border-radius:var(--radius-md)!important;flex-direction:column!important;gap:6px!important;padding:10px 14px!important;display:flex!important}.pending-approval-mobile-badge{display:inline-flex!important}.pending-approval-desktop-badge{display:none!important}.pending-approval-card-header{justify-content:space-between!important;align-items:center!important;gap:6px!important;display:flex!important}.pending-approval-card h3{margin:2px 0!important;font-size:.9375rem!important;line-height:1.25!important}.pending-approval-card p.subtle{font-size:.75rem!important;line-height:1.3!important}.pending-approval-card-meta,.pending-approval-card>div:last-child{border-top:1px dashed var(--border-subtle)!important;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;width:100%!important;margin-top:2px!important;padding-top:6px!important;display:flex!important}.pending-approval-step-name{font-size:.75rem!important}.pending-approval-action-btn{padding:.25rem .65rem!important;font-size:.75rem!important}.page-head h1,.detail-header h1{font-size:22px}.toolbar,.form-actions,.detail-actions,.task-action-bar,.section-heading,.section-heading-action{flex-direction:column;align-items:stretch}.toolbar>:where(input,select,button,a),.form-actions>:where(button,a),.detail-actions>:where(button,a),.task-action-bar>:where(button,a){flex-basis:auto!important;width:100%!important}.toolbar>:where(input,select),.toolbar input,.toolbar select{height:var(--control-height,40px)!important;min-height:var(--control-height,40px)!important;max-height:var(--control-height,40px)!important;flex:none!important}.filter-bar{flex-direction:column;align-items:stretch;gap:.625rem}.filter-bar-search-wrapper{flex:none!important;width:100%!important}.filter-bar-search-wrapper input{width:100%!important;height:var(--control-height,40px)!important;min-height:var(--control-height,40px)!important;max-height:var(--control-height,40px)!important;flex:none!important}.filter-bar select{width:100%!important;max-width:100%!important;height:var(--control-height,40px)!important;min-height:var(--control-height,40px)!important;max-height:var(--control-height,40px)!important;flex:none!important}.request-form-card,.approval-panel,.grn-documents-card,.invoice-attachment-card{padding:16px}.form-panel{padding:20px 16px}.onboarding-template-actions>span,.onboarding-upload label{flex-basis:100%}.onboarding-template-actions>button,.onboarding-upload>button{width:100%}.form-grid,.site-form,.metric-grid,.metric-grid.compact-metrics,.detail-grid,.compact-detail-grid,.site-finance-detail-grid,.po-meta-grid,.dispatch-meta-grid,.grn-meta-grid,.module-grid,.entitlement-grid{grid-template-columns:1fr}.import-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.span-2,.field-full,.full-span,.form-span-2,.wide-field{grid-column:auto}.page-actions,.section-title-row,.attachment-upload{flex-direction:column;align-items:stretch}.page-actions>:where(button,a),.attachment-upload>:where(input,button,a){width:100%}table{min-width:680px}th,td{padding:12px}}.material-report-pill-nav{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:6px;margin-bottom:.75rem;padding-bottom:4px;display:flex;overflow-x:auto}.material-report-pill-nav::-webkit-scrollbar{display:none}.material-report-pill-btn{white-space:nowrap;border-radius:var(--radius-pill,9999px);border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);cursor:pointer;flex-shrink:0;align-items:center;height:28px;padding:5px 12px;font-size:.75rem;font-weight:500;transition:all .15s;display:inline-flex}.material-report-pill-btn:hover{color:var(--text-primary);border-color:var(--border-strong)}.material-report-pill-btn.active{border-color:var(--brand);background:var(--brand-light,#eff6ff);color:var(--brand);font-weight:600}[data-theme=dark] .material-report-pill-btn.active{background:var(--brand-light,#1e3a5f);color:var(--brand);border-color:var(--brand)}.material-report-filter-card.section-card{margin-bottom:.875rem}.material-report-filter-card .section-card-header{padding:.5rem .875rem}.material-report-filter-card .section-card-title{font-size:.875rem;font-weight:600}.material-report-filter-card .section-card-body{padding:.625rem .875rem}.material-filter-reset-btn{height:24px;color:var(--brand);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;align-items:center;gap:4px;padding:0 8px;font-size:.6875rem;font-weight:500;transition:background .15s,border-color .15s;display:inline-flex}.material-filter-reset-btn:hover{background:var(--surface-subtle);border-color:var(--border-subtle)}.material-report-filter-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px 12px;display:grid}.material-report-filter-grid .filter-field{flex-direction:column;gap:2px;min-width:0;display:flex}.material-report-filter-grid .filter-field>.field-label,.material-report-filter-grid .filter-field>span{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em;margin-bottom:2px;font-size:.6875rem;font-weight:600;line-height:1.2}.material-report-filter-grid input:not([type=checkbox]):not([type=radio]),.material-report-filter-grid select{border:1px solid var(--border-strong);background:var(--surface);width:100%;height:32px;min-height:32px;color:var(--text-primary);box-sizing:border-box;border-radius:6px;outline:none;padding:0 .5rem;font-size:.75rem;transition:border-color .15s,box-shadow .15s}.material-report-filter-grid select{padding-right:1.6rem}.material-report-filter-grid input[type=date]{padding:0 .45rem}.material-report-filter-grid input:focus,.material-report-filter-grid select:focus{border-color:var(--brand);box-shadow:var(--focus-ring)}@media (width<=1024px){.material-report-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 10px}}@media (width<=640px){.material-report-filter-card.section-card{margin-bottom:.625rem!important}.material-report-filter-card .section-card-header{padding:.45rem .75rem!important}.material-report-filter-card .section-card-title{font-size:.8125rem!important}.material-report-filter-card .section-card-body{padding:.5rem .75rem!important}.material-report-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:5px 8px!important}.material-report-filter-grid .material-filter-category,.material-report-filter-grid .material-filter-site,.material-report-filter-grid .material-filter-supplier,.material-report-filter-grid .material-filter-user,.material-report-filter-grid .material-filter-days{grid-column:1/-1!important}.material-report-filter-grid .material-filter-material{grid-column:1!important}.material-report-filter-grid .material-filter-classification{grid-column:2!important}.material-report-filter-grid .material-filter-from-date{grid-column:1!important}.material-report-filter-grid .material-filter-to-date{grid-column:2!important}.material-report-filter-grid input:not([type=checkbox]):not([type=radio]),.material-report-filter-grid select{height:30px!important;min-height:30px!important;padding:0 .45rem!important;font-size:.75rem!important}.material-report-filter-grid select{padding-right:1.4rem!important}.material-report-filter-grid .filter-field>.field-label,.material-report-filter-grid .filter-field>span{margin-bottom:1px!important;font-size:.625rem!important}}.audit-filter-card.section-card{margin-bottom:.875rem}.audit-filter-card .section-card-header{padding:.5rem .875rem}.audit-filter-card .section-card-title{font-size:.875rem;font-weight:600}.audit-filter-card .section-card-body{padding:.625rem .875rem}.audit-filter-reset-btn{height:24px;color:var(--brand);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;align-items:center;gap:4px;padding:0 8px;font-size:.6875rem;font-weight:500;transition:background .15s,border-color .15s;display:inline-flex}.audit-filter-reset-btn:hover{background:var(--surface-subtle);border-color:var(--border-subtle)}.audit-filter-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px 12px;display:grid}.audit-filter-grid .audit-filter-search{grid-column:span 2}.audit-filter-grid .filter-field{flex-direction:column;gap:2px;min-width:0;display:flex}.audit-filter-grid .filter-field>.field-label,.audit-filter-grid .filter-field>span{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em;margin-bottom:2px;font-size:.6875rem;font-weight:600;line-height:1.2}.audit-search-input-wrap{align-items:center;width:100%;display:flex;position:relative}.audit-search-icon{pointer-events:none;color:var(--text-tertiary);z-index:1;position:absolute;left:.65rem}.audit-filter-grid .audit-search-input-wrap input.audit-search-input,.audit-search-input{border:1px solid var(--border-strong);background:var(--surface);width:100%;height:32px;min-height:32px;color:var(--text-primary);box-sizing:border-box;border-radius:6px;outline:none;transition:border-color .15s,box-shadow .15s;padding-left:2.15rem!important;padding-right:1.85rem!important;font-size:.75rem!important}.audit-search-clear{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:2px;transition:color .15s;display:inline-flex;position:absolute;right:.45rem}.audit-search-clear:hover{color:var(--text-primary)}.audit-filter-grid input:not([type=checkbox]):not([type=radio]):not(.audit-search-input),.audit-filter-grid select{border:1px solid var(--border-strong);background:var(--surface);width:100%;height:32px;min-height:32px;color:var(--text-primary);box-sizing:border-box;border-radius:6px;outline:none;padding:0 .5rem;font-size:.75rem;transition:border-color .15s,box-shadow .15s}.audit-filter-grid select{padding-right:1.6rem}.audit-filter-grid input[type=date]{padding:0 .45rem}.audit-filter-grid input:focus,.audit-filter-grid select:focus{border-color:var(--brand);box-shadow:var(--focus-ring)}@media (width<=1024px){.audit-filter-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px 10px}.audit-filter-grid .audit-filter-search{grid-column:span 2}}@media (width<=640px){.audit-filter-card.section-card{margin-bottom:.625rem!important}.audit-filter-card .section-card-header{padding:.45rem .75rem!important}.audit-filter-card .section-card-title{font-size:.8125rem!important}.audit-filter-card .section-card-body{padding:.5rem .75rem!important}.audit-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:5px 8px!important}.audit-filter-grid .audit-filter-search{grid-column:1/-1!important}.audit-filter-grid .audit-filter-action{grid-column:1!important}.audit-filter-grid .audit-filter-actor{grid-column:2!important}.audit-filter-grid .audit-filter-from-date{grid-column:1!important}.audit-filter-grid .audit-filter-to-date{grid-column:2!important}.audit-filter-grid input:not([type=checkbox]):not([type=radio]):not(.audit-search-input),.audit-filter-grid select{height:30px!important;min-height:30px!important;padding:0 .45rem!important;font-size:.75rem!important}.audit-filter-grid .audit-search-input-wrap input.audit-search-input,.audit-search-input{height:30px!important;min-height:30px!important;padding-left:2.15rem!important;padding-right:1.85rem!important;font-size:.75rem!important}.audit-filter-grid select{padding-right:1.4rem!important}.audit-filter-grid .filter-field>.field-label,.audit-filter-grid .filter-field>span{margin-bottom:1px!important;font-size:.625rem!important}}.tabs,.tabs-pills,.opening-balances-page .tabs{flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 16px;padding-bottom:3px;display:flex;overflow-x:auto}.tabs button,.tabs-pills button,.opening-balances-page .tabs button{background:var(--surface);border:1px solid var(--border-strong,var(--border));color:var(--text-secondary);cursor:pointer;font:inherit;border-radius:999px;flex:none;justify-content:center;align-items:center;height:32px;min-height:32px;padding:0 14px;font-size:.8125rem;font-weight:500;transition:all .15s;display:inline-flex}.tabs button:hover,.tabs-pills button:hover,.opening-balances-page .tabs button:hover{color:var(--text-primary);border-color:var(--brand);background:var(--surface-subtle)}.tabs button.active,.tabs-pills button.active,.opening-balances-page .tabs button.active{background:var(--brand);border-color:var(--brand);color:#fff;font-weight:600}.opening-balances-page .details-grid{grid-template-columns:minmax(340px,.8fr) minmax(560px,1.5fr);align-items:start;gap:18px;display:grid}.opening-balances-page .stat-grid,.opening-balances-page .summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.opening-balances-page :is(.stat-grid,.summary-grid) article{background:var(--surface);border:1px solid var(--line);border-radius:14px;gap:14px;min-height:100px;padding:16px;display:grid}.opening-balances-page :is(.stat-grid,.summary-grid) span{color:var(--muted)}.opening-balances-page :is(.stat-grid,.summary-grid) strong{font-size:1.2rem}@media (width<=1100px){.opening-balances-page .details-grid{grid-template-columns:1fr}.opening-balances-page .stat-grid,.opening-balances-page .summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.opening-balances-page .stat-grid,.opening-balances-page .summary-grid{grid-template-columns:1fr}}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1.5rem;margin-bottom:1.75rem;display:flex}.page-header-main{flex:1;min-width:260px}.page-header-pretitle-row{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.625rem;display:flex}.page-header-pretitle-row .erp-eyebrow{margin-bottom:0}.page-back-button-mobile{display:none}@media (width<=768px){.page-back-button-mobile{background:var(--surface);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-full,9999px);cursor:pointer;box-shadow:var(--shadow-xs);-webkit-tap-highlight-color:transparent;flex-shrink:0;align-items:center;gap:.35rem;height:26px;padding:0 10px 0 7px;font-size:.75rem;font-weight:600;line-height:1;transition:background-color .15s,color .15s,border-color .15s;display:inline-flex;position:relative}.page-back-button-mobile:after{content:"";position:absolute;inset:-6px}.page-back-button-mobile:hover,.page-back-button-mobile:active{background:var(--surface-subtle);color:var(--brand);border-color:var(--brand-border)}}.erp-eyebrow{margin-bottom:.625rem}.page-header-title-row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.page-header-subtitle{color:var(--text-secondary);margin:.375rem 0 0;font-size:.875rem;line-height:1.5}.page-header-actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.breadcrumbs{color:var(--text-tertiary);align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.8125rem;display:flex}.breadcrumbs a{color:var(--text-secondary);text-decoration:none;transition:color .15s}.breadcrumbs a:hover{color:var(--brand)}.breadcrumbs-sep{color:var(--border-strong)}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1.125rem;margin-bottom:1.75rem;display:grid}.stat-card{background:var(--surface,#fff);border:1px solid var(--border,#e2e8f0);border-radius:var(--radius-lg,16px);box-shadow:var(--shadow-card,0 1px 3px #0f172a0a, 0 4px 12px #0f172a05);flex-direction:column;justify-content:space-between;padding:1.25rem 1.35rem;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.stat-card:hover{box-shadow:var(--shadow-card-hover,0 4px 12px #0f172a0f, 0 1px 3px #0f172a0a);border-color:var(--border-strong,#cbd5e1);transform:translateY(-1px)}.stat-card-label{color:var(--text-secondary,#475569);text-transform:none;letter-spacing:.01em;justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.845rem;font-weight:500;display:flex}.stat-card-value{color:var(--text-primary,#0f172a);font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:1.75rem;font-weight:700;line-height:1.2}.stat-card-subtext{color:var(--text-tertiary,#94a3b8);margin-top:.35rem;font-size:.8125rem}.section-card{background:var(--surface,#fff);border:1px solid var(--border,#e2e8f0);border-radius:var(--radius-lg,16px);box-shadow:var(--shadow-card,0 1px 3px #0f172a0a, 0 4px 12px #0f172a05);margin-bottom:1.5rem;overflow:hidden}.section-card-header{border-bottom:1px solid var(--border,#e2e8f0);background:var(--surface);justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.35rem;display:flex}.section-card-title{color:var(--text-primary);letter-spacing:-.01em;margin:0;font-size:1rem;font-weight:600}.section-card-desc{color:var(--text-secondary,#475569);margin:.2rem 0 0;font-size:.8125rem}.section-card-body{padding:1.25rem 1.35rem}.section-card-footer{border-top:1px solid var(--border,#e2e8f0);background:var(--surface-subtle,#f1f5f9);justify-content:flex-end;align-items:center;gap:.75rem;padding:.875rem 1.35rem;display:flex}.data-table-container{background:var(--surface,#fff);border:1px solid var(--border,#e2e8f0);border-radius:var(--radius-lg,16px);box-shadow:var(--shadow-card,0 1px 3px #0f172a0a, 0 4px 12px #0f172a05);margin-bottom:1.5rem;overflow:hidden}.table-responsive,.table-scroll,.data-table-scroll,.view-table-container,.table-container,.billing-table-responsive,.attendance-table-desktop,.leave-table-desktop,.leave-type-table-desktop,.team-table-desktop,.sites-table-card,.attendance-table-card,.leave-table-card,.leave-type-table-card{-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y;width:100%;overflow-x:auto}:is(.section-card-body:has(table),.section-card-body:has(.modern-table),.section-card-body:has(.table-responsive),.section-card-body:has(.data-table-scroll)){-webkit-overflow-scrolling:touch;overflow-x:auto}@media (width<=768px){.section-card-body{-webkit-overflow-scrolling:touch;overflow-x:auto}}.table-responsive::-webkit-scrollbar{height:6px}.data-table-scroll::-webkit-scrollbar{height:6px}.section-card-body::-webkit-scrollbar{height:6px}.table-responsive::-webkit-scrollbar-track{background:var(--surface-subtle,#f1f5f9);border-radius:3px}.data-table-scroll::-webkit-scrollbar-track{background:var(--surface-subtle,#f1f5f9);border-radius:3px}.section-card-body::-webkit-scrollbar-track{background:var(--surface-subtle,#f1f5f9);border-radius:3px}.table-responsive::-webkit-scrollbar-thumb{background:var(--border-strong,#cbd5e1);border-radius:3px}.data-table-scroll::-webkit-scrollbar-thumb{background:var(--border-strong,#cbd5e1);border-radius:3px}.section-card-body::-webkit-scrollbar-thumb{background:var(--border-strong,#cbd5e1);border-radius:3px}table.modern-table{border-collapse:separate;border-spacing:0;text-align:left;width:100%;min-width:620px;font-size:.875rem}table.modern-table thead th{background:var(--surface-subtle,#f1f5f9);color:var(--text-secondary);text-transform:none;letter-spacing:.01em;border-bottom:1px solid var(--border);white-space:nowrap;z-index:10;padding:.75rem 1rem;font-size:.8125rem;font-weight:600;position:sticky;top:0}table.modern-table tbody tr{transition:background .12s}table.modern-table tbody tr:hover{background:var(--surface-subtle)}table.modern-table tbody td{border-bottom:1px solid var(--border-subtle);color:var(--text-primary);vertical-align:middle;padding:.875rem 1rem}table.modern-table td.numeric,table.modern-table th.numeric{text-align:right;font-variant-numeric:tabular-nums}.status-badge{border-radius:var(--radius-full);white-space:nowrap;border:1px solid #0000;align-items:center;gap:.375rem;padding:.2rem .65rem;font-size:.75rem;font-weight:600;line-height:1.3;display:inline-flex}.status-badge-dot{background:currentColor;border-radius:50%;width:6px;height:6px}.status-badge-success{background:var(--success-bg);color:var(--success-text);border-color:var(--success-border)}.status-badge-warning{background:var(--warning-bg);color:var(--warning-text);border-color:var(--warning-border)}.status-badge-danger{background:var(--danger-bg);color:var(--danger-text);border-color:var(--danger-border)}.status-badge-info{background:var(--info-bg);color:var(--info-text);border-color:var(--info-border)}.status-badge-neutral{background:var(--surface-subtle);color:var(--text-secondary);border-color:var(--border)}.filter-bar{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1.25rem;padding:.875rem 1rem;display:flex}.filter-bar-search{flex:1;min-width:240px}.filter-bar input,.filter-bar select{border:1px solid var(--border);border-radius:var(--radius-md);height:var(--control-height,40px);min-height:var(--control-height,40px);background:var(--surface);color:var(--text-primary);box-sizing:border-box;outline:none;padding:0 .75rem;font-size:.875rem;transition:all .15s}.filter-bar select{cursor:pointer;flex:none;min-width:140px;max-width:240px;padding-right:36px;width:auto!important}.filter-bar input:focus,.filter-bar select:focus{border-color:var(--brand);box-shadow:var(--focus-ring)}.toolbar select,.filter-bar select,.list-toolbar select,.team-toolbar select,.inventory-toolbar select,.sites-toolbar select{flex:none;max-width:100%;width:auto!important}.filter-field{flex-direction:column;gap:6px;min-width:0;display:flex}.filter-field>.field-label,.filter-field>span{font-size:var(--font-size-xs,.75rem);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.section-card .filter-bar,.section-card .report-filter-card{box-shadow:none!important;background:0 0!important;border:none!important;margin-bottom:0!important;padding:0!important}@media (width<=768px){.toolbar input:not([type=date]):not([type=checkbox]):not([type=radio]),.inventory-toolbar input:not([type=date]):not([type=checkbox]):not([type=radio]){flex:100%;max-width:100%}.toolbar select,.inventory-toolbar select{flex:calc(50% - .375rem);min-width:130px;max-width:none}}@media (width<=640px){.filter-bar{flex-direction:column;gap:.625rem;align-items:stretch!important}.filter-bar-search-wrapper{flex:none!important;width:100%!important}.filter-bar-search-wrapper input{width:100%!important;height:var(--control-height,40px)!important;min-height:var(--control-height,40px)!important;max-height:var(--control-height,40px)!important;flex:none!important}.filter-bar select,.toolbar select{width:100%!important;max-width:100%!important;height:var(--control-height,40px)!important;min-height:var(--control-height,40px)!important;max-height:var(--control-height,40px)!important;flex:none!important}}.empty-state-box{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:3rem 1.5rem;display:flex}.empty-state-icon{color:var(--text-tertiary);margin-bottom:.75rem;font-size:2.5rem}.empty-state-title{color:var(--text-primary);margin:0 0 .25rem;font-size:1.125rem;font-weight:700}.empty-state-message{color:var(--text-secondary);max-width:420px;margin:0 0 1.25rem;font-size:.875rem}.skeleton{border-radius:var(--radius-md);background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%) 0 0/200% 100%;animation:1.5s infinite skeleton-shimmer}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.modern-tabs{border-bottom:1px solid var(--border);align-items:center;gap:.5rem;margin-bottom:1.5rem;display:flex;overflow-x:auto}.modern-tab-item{color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:.5rem;padding:.65rem 1rem;font-size:.875rem;font-weight:600;transition:all .15s;display:inline-flex}.modern-tab-item:hover{color:var(--text-primary);border-bottom-color:var(--border-strong)}.modern-tab-item.active{color:var(--brand);border-bottom-color:var(--brand)}.modern-tab-badge{border-radius:var(--radius-full);background:var(--surface-subtle);color:var(--text-secondary);padding:.15rem .5rem;font-size:.75rem}.modern-tab-item.active .modern-tab-badge{background:var(--brand-light);color:var(--brand-dark)}.drawer-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:999;background:#0f172a80;justify-content:flex-end;display:flex;position:fixed;inset:0}.drawer-content{background:var(--surface);width:100%;max-width:540px;height:100%;box-shadow:var(--shadow-xl);flex-direction:column;animation:.25s ease-out drawer-slide-in;display:flex}@keyframes drawer-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}.drawer-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.drawer-body{flex:1;padding:1.5rem;overflow-y:auto}.drawer-footer{border-top:1px solid var(--border);background:var(--surface-subtle);justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;display:flex}.modal-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1000;background:#0f172a8c;justify-content:center;align-items:center;padding:1rem;animation:.2s ease-out modal-fade-in;display:flex;position:fixed;inset:0}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--surface);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);flex-direction:column;max-height:90vh;animation:.2s cubic-bezier(.16,1,.3,1) modal-scale-in;display:flex;overflow-y:auto}@keyframes modal-scale-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.25rem 1.5rem;display:flex}.modal-body{flex:1;padding:1.5rem;overflow-y:auto}.modal-footer{border-top:1px solid var(--border);background:var(--surface-subtle);border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg);justify-content:flex-end;align-items:center;gap:.75rem;padding:1rem 1.5rem;display:flex}.dashboard-grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;margin-bottom:1.5rem;display:grid}.dashboard-grid-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;margin-bottom:1.5rem;display:grid}.dashboard-grid-4{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.125rem;margin-bottom:1.5rem;display:grid}@media (width<=1080px){.dashboard-grid-4,.dashboard-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=768px){.dashboard-grid-4,.dashboard-grid-3,.dashboard-grid-2{grid-template-columns:1fr}}.quick-action-pill{background:var(--surface,#fff);border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text-primary);box-shadow:var(--shadow-xs);white-space:nowrap;-webkit-user-select:none;user-select:none;flex-shrink:0;align-items:center;gap:.5rem;padding:.45rem .95rem;font-size:.8125rem;font-weight:550;text-decoration:none;transition:all .15s;display:inline-flex}.quick-action-pill:hover{border-color:var(--brand);color:var(--brand);background:var(--brand-light);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.dash-top-grid-6{grid-template-columns:repeat(6,minmax(0,1fr));gap:.875rem;margin-bottom:1.25rem;display:grid}@media (width<=1400px){.dash-top-grid-6{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}}@media (width<=768px){.dash-top-grid-6{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin-bottom:1rem}}@media (width<=480px){.dash-top-grid-6{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;margin-bottom:.75rem!important}}.dash-stat-card{color:#fff;border:1px solid #ffffff2e;border-radius:12px;flex-direction:column;justify-content:space-between;min-height:98px;padding:.75rem .85rem;text-decoration:none;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.dash-stat-card:hover{transform:translateY(-2px)}.dash-stat-top{justify-content:space-between;align-items:center;margin-bottom:.35rem;display:flex}.dash-stat-icon{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff38;border:1px solid #ffffff47;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;transition:transform .2s,background .2s;display:flex}.dash-stat-icon svg{width:16px;height:16px}.dash-stat-card:hover .dash-stat-icon{background:#ffffff47;transform:scale(1.06)}.dash-stat-badge{white-space:nowrap;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff3;border:1px solid #ffffff4d;border-radius:9999px;align-items:center;gap:3px;padding:2px 7px;font-size:.6875rem;font-weight:550;line-height:1.2;display:inline-flex}.dash-stat-badge.badge-success,.dash-stat-badge.badge-warning,.dash-stat-badge.badge-urgent,.dash-stat-badge.badge-neutral{color:#fff;background:#fff3;border:1px solid #ffffff4d}.dash-stat-body{flex-direction:column;display:flex}.dash-stat-label{letter-spacing:.01em;color:#ffffffeb;font-size:.75rem;font-weight:500;font-family:var(--font-body);white-space:nowrap;text-overflow:ellipsis;margin-bottom:.2rem;overflow:hidden}.dash-stat-value{color:#fff;font-size:1.35rem;font-weight:600;line-height:1.15;font-family:var(--font-heading);letter-spacing:-.015em;margin-bottom:.15rem}.dash-stat-bottom{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.dash-stat-sub{color:#ffffffd9;font-size:.7rem;font-weight:400;font-family:var(--font-body);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@media (width<=640px){.dash-stat-card{border-radius:10px!important;min-height:72px!important;padding:.5rem .6rem!important}.dash-stat-top{margin-bottom:.2rem!important}.dash-stat-icon{border-radius:6px!important;width:22px!important;height:22px!important}.dash-stat-icon svg{width:12px!important;height:12px!important}.dash-stat-badge{padding:1px 5px!important;font-size:.5625rem!important;line-height:1.1!important}.dash-stat-label{margin-bottom:.1rem!important;font-size:.6875rem!important}.dash-stat-value{margin-bottom:.05rem!important;font-size:1.15rem!important;line-height:1.15!important}.dash-stat-sub{font-size:.59375rem!important;line-height:1.15!important}}.dash-stat-card.accent-emerald{background:linear-gradient(135deg,#10b981 0%,#059669 100%);box-shadow:0 4px 14px #10b98147}.dash-stat-card.accent-emerald:hover{box-shadow:0 8px 20px -2px #10b9816b}.dash-stat-card.accent-blue{background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);box-shadow:0 4px 14px #3b82f647}.dash-stat-card.accent-blue:hover{box-shadow:0 8px 20px -2px #3b82f66b}.dash-stat-card.accent-purple,.dash-stat-card.accent-indigo{background:linear-gradient(135deg,#8b5cf6 0%,#6d28d9 100%);box-shadow:0 4px 14px #8b5cf647}.dash-stat-card.accent-purple:hover,.dash-stat-card.accent-indigo:hover{box-shadow:0 8px 20px -2px #8b5cf66b}.dash-stat-card.accent-amber{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);box-shadow:0 4px 14px #f59e0b47}.dash-stat-card.accent-amber:hover{box-shadow:0 8px 20px -2px #f59e0b6b}.dash-stat-card.accent-teal{background:linear-gradient(135deg,#06b6d4 0%,#0284c7 100%);box-shadow:0 4px 14px #06b6d447}.dash-stat-card.accent-teal:hover{box-shadow:0 8px 20px -2px #06b6d46b}.dash-stat-card.accent-rose{background:linear-gradient(135deg,#f43f5e 0%,#e11d48 100%);box-shadow:0 4px 14px #f43f5e47}.dash-stat-card.accent-rose:hover{box-shadow:0 8px 20px -2px #f43f5e6b}[data-theme=dark] .dash-stat-card{border-color:#ffffff26}[data-theme=dark] .dash-stat-card.accent-emerald{box-shadow:0 4px 16px #10b98140}[data-theme=dark] .dash-stat-card.accent-blue{box-shadow:0 4px 16px #3b82f640}[data-theme=dark] .dash-stat-card.accent-purple,[data-theme=dark] .dash-stat-card.accent-indigo{box-shadow:0 4px 16px #8b5cf640}[data-theme=dark] .dash-stat-card.accent-amber{box-shadow:0 4px 16px #f59e0b40}[data-theme=dark] .dash-stat-card.accent-teal{box-shadow:0 4px 16px #06b6d440}[data-theme=dark] .dash-stat-card.accent-rose{box-shadow:0 4px 16px #f43f5e40}.dash-middle-grid{grid-template-columns:1.35fr 1fr 1fr;align-items:stretch;gap:1.25rem;margin-bottom:1.5rem;display:grid}@media (width<=1280px){.dash-middle-grid{grid-template-columns:1fr}}.dash-bottom-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:1.25rem;margin-bottom:1.5rem;display:grid}@media (width<=1100px){.dash-bottom-grid{grid-template-columns:1fr}}.dash-tables-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;margin-top:1rem;margin-bottom:1.5rem;display:grid}@media (width<=1024px){.dash-tables-grid{grid-template-columns:1fr}}.dash-panel{background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;justify-content:space-between;padding:1.25rem;display:flex;position:relative;box-shadow:0 1px 3px #0f172a0a,0 1px 2px #0f172a05}.dash-panel-header{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.dash-panel-title-group{align-items:center;gap:.65rem;display:flex}.dash-panel-badge-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.dash-panel-title-text h3{font-family:var(--font-heading);color:var(--text-primary);margin:0;font-size:.975rem;font-weight:600;line-height:1.25}.dash-panel-title-text p{font-family:var(--font-body);color:var(--text-secondary);margin:.15rem 0 0;font-size:.775rem}@media (width<=640px){.dash-middle-grid,.dash-bottom-grid,.dash-tables-grid{gap:.75rem!important;margin-bottom:.875rem!important}.dash-panel{border-radius:10px!important;min-height:auto!important;padding:.85rem .95rem!important}.dash-panel-header{margin-bottom:.65rem!important}.dash-panel-badge-icon{border-radius:6px!important;width:28px!important;height:28px!important}.dash-panel-badge-icon svg{width:15px!important;height:15px!important}.dash-panel-title-text h3{font-size:.875rem!important}.dash-panel-title-text p{font-size:.6875rem!important}}.dash-entity-row{margin-bottom:.9rem}.dash-entity-row:last-child{margin-bottom:0}.dash-entity-top{justify-content:space-between;align-items:center;margin-bottom:.35rem;display:flex}.dash-entity-info{align-items:center;gap:.65rem;min-width:0;display:flex}.dash-entity-avatar{width:30px;height:30px;font-size:.72rem;font-weight:600;font-family:var(--font-heading);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.dash-entity-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:600;overflow:hidden}.dash-entity-subtitle{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.dash-entity-value{text-align:right;color:var(--text-primary);font-size:.85rem;font-weight:600;font-family:var(--font-body);flex-shrink:0;margin-left:.5rem}.dash-progress-track{background:var(--surface-subtle);border:1px solid var(--border-subtle);border-radius:999px;width:100%;height:6px;overflow:hidden}.dash-progress-fill{border-radius:999px;height:100%;transition:width .4s}.dash-panel-footer{background:var(--surface-subtle);border-top:1px solid var(--border);border-radius:0 0 12px 12px;justify-content:space-between;align-items:center;margin:1.15rem -1.25rem -1.25rem;padding:.75rem 1rem;font-size:.8125rem;display:flex}[data-theme=dark] .dash-panel-footer{background:var(--surface-subtle);border-color:var(--border)}.dash-action-btn{background:var(--surface-subtle);border:1px solid var(--border-subtle);color:var(--text-primary);border-radius:8px;align-items:center;gap:.75rem;margin-bottom:.5rem;padding:.65rem .85rem;font-size:.825rem;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.dash-action-btn:last-child{margin-bottom:0}.dash-action-btn:hover{background:var(--surface);border-color:var(--brand);color:var(--brand);transform:translate(2px);box-shadow:0 2px 6px -1px #0f172a14}.dash-action-icon-box{border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.view-toggle{background:var(--surface-subtle);border-radius:var(--radius-md);border:1px solid var(--border);align-items:center;gap:2px;padding:3px;display:inline-flex}.view-toggle-btn{color:var(--text-secondary);border-radius:calc(var(--radius-md) - 2px);cursor:pointer;background:0 0;border:none;align-items:center;gap:.375rem;padding:.35rem .65rem;font-size:.8125rem;font-weight:550;line-height:1;transition:all .15s;display:inline-flex}.view-toggle-btn:hover{color:var(--text-primary)}.view-toggle-btn.active{color:var(--brand);background:#fff;font-weight:600;box-shadow:0 1px 2px #0f172a14}.view-toggle-btn:focus-visible{outline:2px solid var(--brand);outline-offset:1px}.summary-strip{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:1.25rem;display:grid}.summary-strip-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;justify-content:space-between;min-height:104px;padding:1.125rem 1.25rem;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:relative;box-shadow:0 1px 3px #0f172a08}.summary-strip-card:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0f172a0f}.summary-strip-icon-box{background:#ffffffd9;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex;box-shadow:0 1px 2px #0000000a}[data-theme=dark] .summary-strip-icon-box{background:#ffffff1a}.summary-strip-card.card-tint-purple{background:var(--pastel-purple-bg)!important;border-color:var(--pastel-purple-border)!important}.summary-strip-card.card-tint-purple .summary-strip-label{color:var(--pastel-purple-text)!important}.summary-strip-card.card-tint-purple .summary-strip-value{color:var(--pastel-purple-val)!important}.summary-strip-card.card-tint-purple .summary-strip-sub{color:var(--pastel-purple-sub)!important}.summary-strip-card.card-tint-purple .summary-strip-icon-box{color:var(--pastel-purple-text)!important}.summary-strip-card.card-tint-teal{background:var(--pastel-teal-bg)!important;border-color:var(--pastel-teal-border)!important}.summary-strip-card.card-tint-teal .summary-strip-label{color:var(--pastel-teal-text)!important}.summary-strip-card.card-tint-teal .summary-strip-value{color:var(--pastel-teal-val)!important}.summary-strip-card.card-tint-teal .summary-strip-sub{color:var(--pastel-teal-sub)!important}.summary-strip-card.card-tint-teal .summary-strip-icon-box{color:var(--pastel-teal-text)!important}.summary-strip-card.card-tint-amber{background:var(--pastel-amber-bg)!important;border-color:var(--pastel-amber-border)!important}.summary-strip-card.card-tint-amber .summary-strip-label{color:var(--pastel-amber-text)!important}.summary-strip-card.card-tint-amber .summary-strip-value{color:var(--pastel-amber-val)!important}.summary-strip-card.card-tint-amber .summary-strip-sub{color:var(--pastel-amber-sub)!important}.summary-strip-card.card-tint-amber .summary-strip-icon-box{color:var(--pastel-amber-text)!important}.summary-strip-card.card-tint-blue{background:var(--pastel-blue-bg)!important;border-color:var(--pastel-blue-border)!important}.summary-strip-card.card-tint-blue .summary-strip-label{color:var(--pastel-blue-text)!important}.summary-strip-card.card-tint-blue .summary-strip-value{color:var(--pastel-blue-val)!important}.summary-strip-card.card-tint-blue .summary-strip-sub{color:var(--pastel-blue-sub)!important}.summary-strip-card.card-tint-blue .summary-strip-icon-box{color:var(--pastel-blue-text)!important}.summary-strip-card.card-tint-green{background:var(--pastel-green-bg)!important;border-color:var(--pastel-green-border)!important}.summary-strip-card.card-tint-green .summary-strip-label{color:var(--pastel-green-text)!important}.summary-strip-card.card-tint-green .summary-strip-value{color:var(--pastel-green-val)!important}.summary-strip-card.card-tint-green .summary-strip-sub{color:var(--pastel-green-sub)!important}.summary-strip-card.card-tint-green .summary-strip-icon-box{color:var(--pastel-green-text)!important}.summary-strip-card.card-tint-rose{background:var(--pastel-rose-bg)!important;border-color:var(--pastel-rose-border)!important}.summary-strip-card.card-tint-rose .summary-strip-label{color:var(--pastel-rose-text)!important}.summary-strip-card.card-tint-rose .summary-strip-value{color:var(--pastel-rose-val)!important}.summary-strip-card.card-tint-rose .summary-strip-sub{color:var(--pastel-rose-sub)!important}.summary-strip-card.card-tint-rose .summary-strip-icon-box{color:var(--pastel-rose-text)!important}.summary-strip-label{color:var(--text-secondary);letter-spacing:.01em;font-size:.8125rem;font-weight:500}.summary-strip-value{font-size:1.65rem;font-weight:700;font-family:var(--font-heading);color:var(--text-primary);font-variant-numeric:tabular-nums;margin:.25rem 0;line-height:1.2}.summary-strip-sub{color:var(--text-muted);font-size:.75rem}@media (width<=640px){.summary-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.5rem!important;margin-bottom:.75rem!important;display:grid!important}.summary-strip>.summary-strip-card:last-child:nth-child(odd){grid-column:1/-1}.summary-strip-card{border-radius:var(--radius-md)!important;box-sizing:border-box!important;flex-direction:column!important;justify-content:center!important;min-height:56px!important;padding:.5rem .625rem!important;display:flex!important}.summary-strip-label{letter-spacing:.02em!important;white-space:nowrap!important;text-overflow:ellipsis!important;margin-bottom:2px!important;font-size:.6875rem!important;font-weight:600!important;line-height:1.2!important;overflow:hidden!important}.summary-strip-value{margin:0!important;font-size:1.15rem!important;font-weight:700!important;line-height:1.2!important}.summary-strip-sub{white-space:nowrap!important;text-overflow:ellipsis!important;opacity:.85!important;margin-top:2px!important;font-size:.625rem!important;line-height:1.2!important;overflow:hidden!important}.summary-strip-icon-box{display:none!important}}.entity-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.25rem;margin-bottom:1.5rem;display:grid}@media (width<=640px){.entity-grid{grid-template-columns:1fr}}.entity-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);flex-direction:column;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.entity-card:hover{box-shadow:var(--shadow-card-hover);border-color:var(--border-strong);transform:translateY(-2px)}.entity-card-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:flex-start;gap:.75rem;padding:1.125rem 1.25rem .875rem;display:flex}.entity-card-title-group{flex-direction:column;gap:.15rem;min-width:0;display:flex}.entity-card-title{font-size:var(--font-size-lg,1rem);font-weight:var(--font-weight-semibold,600);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;line-height:var(--line-height-snug,1.35);margin:0;overflow:hidden}.entity-card-subtitle{font-size:var(--font-size-sm,.8125rem);color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.entity-card-body{flex-direction:column;flex:auto;gap:.75rem;padding:1rem 1.25rem;display:flex}.entity-card-metrics{background:var(--surface-subtle);border-radius:var(--radius-md);border:1px solid var(--border-subtle);grid-template-columns:repeat(2,1fr);gap:.75rem;padding:.75rem;display:grid}.entity-metric-item{flex-direction:column;gap:.1rem;display:flex}.entity-metric-label{font-size:.6875rem;font-weight:var(--font-weight-semibold,600);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.025em}.entity-metric-val{font-size:var(--font-size-base,.875rem);font-weight:var(--font-weight-semibold,600);color:var(--text-primary);font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.entity-card-footer{background:var(--surface-subtle);border-top:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:.5rem;padding:.75rem 1.25rem;display:flex}.entity-card-actions{align-items:center;gap:.5rem;margin-left:auto;display:flex}.mobile-records-list{flex-direction:column;gap:.75rem;display:flex}.mobile-record-card{border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);background:#fff;flex-direction:column;gap:.5rem;padding:.875rem 1rem;display:flex}.mobile-record-row{justify-content:space-between;align-items:center;gap:.5rem;font-size:.8125rem;display:flex}.mobile-record-label{color:var(--text-secondary);font-weight:500}.mobile-record-value{color:var(--text-primary);text-align:right;font-weight:600}.task-board{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:flex-start;gap:1.25rem;margin-bottom:1.5rem;display:grid}.task-board-column{background:var(--surface-subtle);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;gap:.75rem;max-height:calc(100vh - 220px);padding:1rem;display:flex;overflow-y:auto}.task-board-column-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding-bottom:.5rem;display:flex}.task-board-column-title{color:var(--text-primary);align-items:center;gap:.5rem;font-size:.875rem;font-weight:650;display:flex}.task-board-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);cursor:pointer;flex-direction:column;gap:.5rem;padding:.875rem;transition:all .15s;display:flex}.task-board-card:hover{box-shadow:var(--shadow-sm);border-color:var(--border-strong);transform:translateY(-1px)}.stat-card-tint-blue{background:var(--pastel-blue-bg)!important;border-color:var(--pastel-blue-border)!important}.stat-card-tint-purple,.stat-card-tint-lavender{background:var(--pastel-purple-bg)!important;border-color:var(--pastel-purple-border)!important}.stat-card-tint-teal,.stat-card-tint-cyan{background:var(--pastel-teal-bg)!important;border-color:var(--pastel-teal-border)!important}.stat-card-tint-mint,.stat-card-tint-green{background:var(--pastel-green-bg)!important;border-color:var(--pastel-green-border)!important}.stat-card-tint-amber,.stat-card-tint-peach,.stat-card-tint-yellow{background:var(--pastel-amber-bg)!important;border-color:var(--pastel-amber-border)!important}.stat-card-tint-rose{background:var(--pastel-rose-bg)!important;border-color:var(--pastel-rose-border)!important}.sku-badge{color:#2563eb;letter-spacing:.02em;background:#eff6ff;border:1px solid #dbeafe;border-radius:6px;padding:2.5px 8px;font-family:monospace,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas;font-size:11px;font-weight:600;display:inline-block}[data-theme=dark] .sku-badge{color:#60a5fa;background:#3b82f626;border-color:#3b82f64d}.category-badge{color:#475569;background:#f1f5f9;border-radius:6px;padding:2.5px 8px;font-size:12px;font-weight:500;display:inline-block}[data-theme=dark] .category-badge{color:#cbd5e1;background:#334155}.section-card-icon-badge{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:17px;display:inline-flex;box-shadow:0 1px 2px #0000000a}.section-card-icon-badge.badge-blue{color:#3b82f6;background:#eef4ff}.section-card-icon-badge.badge-purple{color:#7c3aed;background:#f4eeff}.section-card-icon-badge.badge-teal{color:#0d9488;background:#ecfefb}.section-card-icon-badge.badge-amber{color:#d97706;background:#fff7ed}.section-card-icon-badge.badge-green{color:#16a34a;background:#ecfdf3}[data-theme=dark] .section-card-icon-badge.badge-blue{color:#60a5fa;background:#3b82f633}[data-theme=dark] .section-card-icon-badge.badge-purple{color:#c4b5fd;background:#7c3aed33}[data-theme=dark] .section-card-icon-badge.badge-teal{color:#5eead4;background:#0d948833}[data-theme=dark] .section-card-icon-badge.badge-amber{color:#fcd34d;background:#d9770633}[data-theme=dark] .section-card-icon-badge.badge-green{color:#86efac;background:#16a34a33}.filter-bar-search-wrapper{align-items:center;width:100%;display:flex;position:relative}.filter-bar-search-icon{color:var(--text-tertiary);pointer-events:none;z-index:2;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.filter-bar-search-wrapper input{padding-left:36px!important}.materials-filter-card{flex-direction:column;gap:1rem;margin-bottom:1.5rem;padding:1.25rem 1.5rem;display:flex}.materials-filter-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.materials-filter-title-group{align-items:center;gap:.875rem;display:flex}.materials-filter-title{color:var(--text-primary);margin:0;font-size:1rem;font-weight:650}.materials-filter-subtitle{color:var(--text-tertiary);margin:2px 0 0;font-size:.8125rem}.materials-filters-bar{flex-wrap:wrap;align-items:center;gap:.75rem;width:100%;display:flex}.materials-filters-bar .filter-bar-search-wrapper{flex:260px;min-width:220px}.materials-filters-bar select{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);height:40px;min-height:40px;color:var(--text-primary);cursor:pointer;box-sizing:border-box;outline:none;flex:150px;min-width:130px;padding:0 32px 0 12px;font-size:.875rem;transition:all .15s}.materials-filters-bar select:focus{border-color:var(--brand);box-shadow:var(--focus-ring)}.materials-filters-toggle{flex-shrink:0;margin-left:auto}@media (width<=768px){.materials-filters-bar .filter-bar-search-wrapper{flex:100%;width:100%}.materials-filters-bar select{flex:calc(50% - .375rem)}.materials-filters-toggle{margin-left:auto}}@media (width<=640px){.materials-filter-card{gap:.875rem!important;padding:1rem!important}.materials-filters-bar{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.625rem!important;width:100%!important;display:grid!important}.materials-filters-bar .filter-bar-search-wrapper{grid-column:1/-1!important;width:100%!important}.materials-filters-bar .filter-bar-search-wrapper input{width:100%!important;height:40px!important;font-size:.875rem!important}.materials-filters-bar select{text-overflow:ellipsis;width:100%!important;min-width:0!important;max-width:100%!important;height:40px!important;padding:0 24px 0 8px!important;font-size:.8125rem!important}.materials-filters-toggle{grid-column:2/3!important;width:100%!important;margin-left:0!important;display:flex!important}.materials-filters-toggle .view-toggle{box-sizing:border-box!important;justify-content:center!important;width:100%!important;height:40px!important;display:flex!important}.materials-filters-toggle .view-toggle-btn{flex:1!important;justify-content:center!important;height:100%!important;padding:0 4px!important;font-size:.75rem!important}}.po-filter-card{flex-direction:column;gap:1rem;margin-bottom:1.5rem;padding:1.25rem 1.5rem;display:flex}.po-filter-header{justify-content:space-between;align-items:center;gap:1rem;width:100%;display:flex}.po-filter-title-group{align-items:center;gap:.875rem;display:flex}.po-filter-title{color:var(--text-primary);margin:0;font-size:1rem;font-weight:650}.po-filter-subtitle{color:var(--text-tertiary);margin:2px 0 0;font-size:.8125rem}.po-create-btn{border-radius:var(--radius-md);white-space:nowrap;flex-shrink:0;align-items:center;gap:6px;height:38px;padding:0 14px;font-weight:550;text-decoration:none;display:inline-flex}.po-create-text-desktop{display:inline}.po-create-text-mobile{display:none}.po-filters-bar{flex-wrap:wrap;align-items:center;gap:.75rem;width:100%;display:flex}.po-filters-bar .filter-bar-search-wrapper{flex:280px;min-width:220px}.po-filters-bar .filter-bar-search-wrapper input{width:100%;height:40px}.po-filters-bar select{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);height:40px;min-height:40px;color:var(--text-primary);cursor:pointer;box-sizing:border-box;outline:none;flex:0 0 170px;min-width:150px;padding:0 32px 0 12px;font-size:.875rem;transition:all .15s}.po-filters-bar select:focus{border-color:var(--brand);box-shadow:var(--focus-ring)}.po-clear-btn{flex-shrink:0;height:40px;padding:0 14px}@media (width<=768px){.po-filters-bar .filter-bar-search-wrapper{flex:100%;width:100%}.po-filters-bar select{flex:auto}}@media (width<=640px){.po-filter-card{gap:.875rem!important;padding:1rem!important}.po-filter-header{grid-template-columns:1fr auto!important;grid-template-areas:"title action""subtitle subtitle"!important;align-items:center!important;gap:.25rem .5rem!important;display:grid!important}.po-filter-title-group{grid-area:title!important;align-items:center!important;gap:.625rem!important;display:flex!important}.po-filter-title{font-size:.9375rem!important}.po-filter-subtitle{grid-area:subtitle!important;margin-top:2px!important;padding-left:calc(36px + .625rem)!important;font-size:.75rem!important;line-height:1.35!important}.po-create-btn{grid-area:action!important;gap:4px!important;height:34px!important;padding:0 10px!important;font-size:.8125rem!important}.po-create-text-desktop{display:none!important}.po-create-text-mobile{display:inline!important}.po-filters-bar{flex-direction:column!important;gap:.625rem!important;width:100%!important;display:flex!important}.po-filters-bar .filter-bar-search-wrapper{flex:none!important;width:100%!important}.po-filters-bar .filter-bar-search-wrapper input{width:100%!important;height:40px!important;font-size:.875rem!important}.po-filters-bar select{flex:0 0 40px!important;width:100%!important;min-width:0!important;max-width:100%!important;height:40px!important;padding:0 24px 0 10px!important;font-size:.8125rem!important}.po-filters-bar.has-clear-action{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.625rem!important;display:grid!important}.po-filters-bar:has(.po-clear-btn){grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.625rem!important;display:grid!important}.po-filters-bar.has-clear-action .filter-bar-search-wrapper{grid-column:1/-1!important}.po-filters-bar:has(.po-clear-btn) .filter-bar-search-wrapper{grid-column:1/-1!important}.po-filters-bar.has-clear-action select{grid-column:1/2!important;width:100%!important}.po-filters-bar:has(.po-clear-btn) select{grid-column:1/2!important;width:100%!important}.po-filters-bar.has-clear-action .po-clear-btn{grid-column:2/3!important;width:100%!important;height:40px!important}.po-filters-bar:has(.po-clear-btn) .po-clear-btn{grid-column:2/3!important;width:100%!important;height:40px!important}}.grn-actions-bar{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.grn-actions-bar .button{border-radius:var(--radius-md);white-space:nowrap;box-sizing:border-box;justify-content:center;align-items:center;gap:6px;height:38px;padding:0 14px;font-size:.8125rem;font-weight:550;text-decoration:none;display:inline-flex}.grn-overview-strip{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.grn-overview-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);box-sizing:border-box;flex-direction:column;justify-content:center;min-height:72px;padding:1rem 1.125rem;display:flex}.grn-overview-label{font-size:var(--font-size-xs);color:var(--text-tertiary);margin-bottom:4px;font-weight:500}.grn-overview-value{color:var(--text-primary);font-weight:600;font-size:var(--font-size-base);word-break:break-word;line-height:1.35}.grn-overview-sub{font-size:var(--font-size-xs);color:var(--text-tertiary);margin-top:2px}.grn-overview-link{color:var(--brand);font-weight:600;font-size:var(--font-size-base);align-items:center;gap:4px;text-decoration:none;display:inline-flex}.grn-overview-link:hover{text-decoration:underline}@media (width<=640px){.grn-actions-bar{gap:.5rem!important;width:100%!important;display:flex!important}.grn-actions-bar .button{flex:calc(50% - .25rem)!important;justify-content:center!important;min-width:0!important;height:38px!important;padding:0 8px!important;font-size:.75rem!important}.grn-overview-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.625rem!important;margin-bottom:1.25rem!important}.grn-overview-card{min-height:64px!important;padding:.75rem .875rem!important}.grn-overview-card-wide{grid-column:1/-1!important}.grn-overview-label{margin-bottom:2px!important;font-size:.6875rem!important}.grn-overview-value{font-size:.8125rem!important;line-height:1.25!important}.grn-overview-sub{font-size:.6875rem!important}.grn-overview-link{font-size:.8125rem!important}}.invoice-actions-bar{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.invoice-actions-bar .button{border-radius:var(--radius-md);white-space:nowrap;box-sizing:border-box;justify-content:center;align-items:center;gap:6px;height:38px;padding:0 14px;font-size:.8125rem;font-weight:550;text-decoration:none;display:inline-flex}.invoice-trail-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--font-size-sm);flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1rem;padding:.75rem 1rem;display:flex}.invoice-trail-item{align-items:center;gap:.375rem;display:flex}.invoice-trail-label{color:var(--text-tertiary);font-size:var(--font-size-xs)}.invoice-trail-link{color:var(--brand);font-weight:600;text-decoration:none}.invoice-trail-link:hover{text-decoration:underline}.invoice-trail-separator{color:var(--text-tertiary);align-items:center;display:flex}.invoice-overview-strip{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.25rem;display:grid}.invoice-overview-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);box-sizing:border-box;flex-direction:column;justify-content:center;min-height:72px;padding:1rem 1.125rem;display:flex}.invoice-overview-label{font-size:var(--font-size-xs);color:var(--text-tertiary);margin-bottom:4px;font-weight:500}.invoice-overview-value{color:var(--text-primary);font-weight:600;font-size:var(--font-size-base);word-break:break-word;line-height:1.35}.invoice-overview-sub{font-size:var(--font-size-xs);color:var(--text-tertiary);margin-top:2px}.invoice-overview-val-brand{font-size:1.125rem;color:var(--brand)!important;font-weight:700!important}.invoice-overview-val-success{font-size:.9375rem;color:var(--success)!important;font-weight:600!important}.invoice-overview-val-warning{font-size:.9375rem;color:var(--warning)!important;font-weight:600!important}.invoice-overview-val-danger{font-size:.9375rem;color:var(--danger)!important;font-weight:600!important}.invoice-payment-summary{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem;margin-bottom:1.25rem;display:grid}.invoice-commercial-grid{background:var(--surface-subtle);border-radius:var(--radius-md);border:1px solid var(--border);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem;margin-top:1rem;padding:1rem;display:grid}.invoice-commercial-item{flex-direction:column;gap:2px;display:flex}.invoice-commercial-label{font-size:var(--font-size-xs);color:var(--text-tertiary)}.invoice-commercial-val{color:var(--text-primary);font-size:.875rem;font-weight:600}.invoice-commercial-val-danger{color:var(--danger)!important}.invoice-commercial-val-brand{color:var(--brand)!important;font-weight:700!important}.invoice-commercial-val-success{color:var(--success)!important;font-weight:700!important}.invoice-commercial-totals{border-top:1px solid var(--border);grid-column:1/-1;justify-content:flex-end;align-items:center;gap:1.5rem;margin-top:.25rem;padding-top:.75rem;display:flex}.invoice-commercial-total-card{text-align:right;flex-direction:column;gap:2px;display:flex}.invoice-commercial-total-val{font-size:1.125rem;font-weight:700}.attachment-item-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md,8px);justify-content:space-between;align-items:center;gap:.75rem;padding:.625rem .875rem;transition:border-color .15s;display:flex}.attachment-item-card:hover{border-color:var(--border-strong,#cbd5e1)}.attachment-item-main{flex:1;align-items:center;gap:.625rem;min-width:0;display:flex}.attachment-item-icon{border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.attachment-item-details{flex:1;min-width:0}.attachment-item-name-row{align-items:center;gap:.375rem;display:flex;overflow:hidden}.attachment-item-name{text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;font-weight:500;overflow:hidden}.attachment-item-meta-row{color:var(--text-tertiary);flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:2px;font-size:.75rem;display:flex}.attachment-item-badge{background:var(--surface-subtle);color:var(--text-secondary);border-radius:4px;padding:1px 6px}.attachment-item-actions{flex-shrink:0;align-items:center;gap:.375rem;display:flex}.attachment-item-actions .attachment-item-btn{align-items:center;gap:4px;height:28px;padding:.25rem .6rem;font-size:.75rem;display:inline-flex}@media (width<=640px){.invoice-actions-bar{flex-wrap:wrap!important;gap:.5rem!important;width:100%!important;display:flex!important}.invoice-actions-bar .button{flex:auto!important;justify-content:center!important;min-width:120px!important;height:38px!important;padding:0 10px!important;font-size:.75rem!important}.invoice-trail-card{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.5rem!important;padding:.75rem!important;display:grid!important}.invoice-trail-separator{display:none!important}.invoice-trail-item{flex-direction:column!important;align-items:flex-start!important;gap:.125rem!important;display:flex!important}.invoice-trail-link{text-overflow:ellipsis!important;white-space:nowrap!important;max-width:100%!important;font-size:.8125rem!important;overflow:hidden!important}.invoice-overview-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.5rem!important;margin-bottom:.75rem!important}.invoice-overview-card{min-height:54px!important;padding:.5rem .625rem!important}.invoice-overview-label{margin-bottom:2px!important;font-size:.6875rem!important;line-height:1.2!important}.invoice-overview-value{font-size:.8125rem!important;line-height:1.25!important}.invoice-overview-val-brand{font-size:.9375rem!important}.invoice-overview-val-success,.invoice-overview-val-warning,.invoice-overview-val-danger{font-size:.8125rem!important}.invoice-overview-sub{margin-top:1px!important;font-size:.6875rem!important;line-height:1.2!important}.invoice-payment-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.5rem!important;margin-bottom:.75rem!important}.invoice-commercial-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.5rem!important;padding:.625rem!important}.invoice-commercial-item{background:var(--surface)!important;border:1px solid var(--border)!important;border-radius:var(--radius-sm)!important;padding:.375rem .5rem!important}.invoice-commercial-label{font-size:.6875rem!important}.invoice-commercial-val{font-size:.8125rem!important}.invoice-commercial-totals{border-top:1px solid var(--border)!important;grid-column:1/-1!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.5rem!important;margin-top:.25rem!important;padding-top:.5rem!important;display:grid!important}.invoice-commercial-total-card{background:var(--surface)!important;border:1px solid var(--border)!important;border-radius:var(--radius-sm)!important;text-align:left!important;padding:.5rem!important}.invoice-commercial-total-val{font-size:.9375rem!important}.attachment-item-card{flex-direction:column!important;align-items:stretch!important;gap:.625rem!important;padding:.75rem .875rem!important}.attachment-item-main{width:100%!important}.attachment-item-actions{border-top:1px solid var(--border-subtle,var(--border))!important;gap:.5rem!important;width:100%!important;padding-top:.5rem!important;display:flex!important}.attachment-item-actions .attachment-item-btn,.attachment-item-actions .button{flex:1 1 0!important;justify-content:center!important;height:34px!important;padding:0 8px!important;font-size:.75rem!important}}.payment-actions-bar{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.payment-actions-bar .button{border-radius:var(--radius-md);white-space:nowrap;box-sizing:border-box;justify-content:center;align-items:center;gap:6px;height:38px;padding:0 14px;font-size:.8125rem;font-weight:550;text-decoration:none;display:inline-flex}.payment-overview-strip{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem;margin-bottom:1.25rem;display:grid}.payment-overview-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);box-sizing:border-box;flex-direction:column;justify-content:center;min-height:68px;padding:.875rem 1rem;display:flex}.payment-overview-label{font-size:var(--font-size-xs);color:var(--text-tertiary);margin-bottom:4px;font-weight:500}.payment-overview-value{color:var(--text-primary);font-weight:600;font-size:var(--font-size-base);word-break:break-word;line-height:1.35}.payment-overview-val-brand{color:var(--brand);font-size:1.125rem;font-weight:700}.payment-target-grid{background:var(--surface-subtle);border-radius:var(--radius-md);border:1px solid var(--border);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem;padding:1rem;display:grid}.payment-target-item{flex-direction:column;gap:4px;display:flex}.payment-target-label{font-size:var(--font-size-xs);color:var(--text-tertiary)}.payment-target-val{color:var(--text-primary);font-size:.875rem;font-weight:600}@media (width<=640px){.payment-actions-bar{flex-wrap:wrap!important;gap:.5rem!important;width:100%!important;display:flex!important}.payment-actions-bar .button{flex:auto!important;justify-content:center!important;min-width:120px!important;height:38px!important;padding:0 10px!important;font-size:.75rem!important}.payment-overview-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.5rem!important;margin-bottom:.75rem!important}.payment-overview-card{min-height:54px!important;padding:.5rem .625rem!important}.payment-overview-card-wide{grid-column:1/-1!important}.payment-overview-label{margin-bottom:2px!important;font-size:.6875rem!important;line-height:1.2!important}.payment-overview-value{font-size:.8125rem!important;line-height:1.25!important}.payment-overview-val-brand{font-size:.9375rem!important}.payment-target-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.5rem!important;padding:.625rem!important}.payment-target-item{background:var(--surface)!important;border:1px solid var(--border)!important;border-radius:var(--radius-sm)!important;padding:.45rem .55rem!important}.payment-target-label{font-size:.6875rem!important}.payment-target-val{font-size:.8125rem!important}.activity-row{gap:.5rem!important;padding:.75rem!important}}.supplier-ledger-filter-card{margin-bottom:1rem}.supplier-ledger-filter-card .section-card-header{min-height:40px!important;padding:.5rem 1rem!important}.supplier-ledger-filter-card .section-card-title{font-size:.875rem!important;font-weight:600!important}.supplier-ledger-filter-card .section-card-body{padding:.75rem 1rem!important}.supplier-ledger-filter-grid{grid-template-columns:minmax(220px,1.4fr) minmax(180px,1fr) minmax(130px,.7fr) minmax(130px,.7fr);align-items:end;gap:12px;display:grid}.supplier-ledger-filter-grid .filter-field{flex-direction:column;gap:4px;min-width:0;display:flex}.supplier-ledger-filter-grid .field-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);font-size:.6875rem;font-weight:700;line-height:1.2}.supplier-ledger-filter-grid select,.supplier-ledger-filter-grid input[type=date]{border-radius:var(--radius-sm,6px);border:1px solid var(--border-strong);background:var(--surface);width:100%;min-width:0;height:36px;min-height:36px;color:var(--text-primary);box-sizing:border-box;padding:0 10px;font-size:.8125rem;transition:border-color .15s,box-shadow .15s}.supplier-ledger-filter-grid select{cursor:pointer;padding-right:28px}@media (width<=900px){.supplier-ledger-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}@media (width<=640px){.supplier-ledger-filter-card{margin-bottom:.75rem}.supplier-ledger-filter-card .section-card-header{min-height:36px!important;padding:.4rem .75rem!important}.supplier-ledger-filter-card .section-card-body{padding:.5rem .625rem!important}.supplier-ledger-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px 8px!important}.supplier-ledger-filter-grid .filter-field-supplier,.supplier-ledger-filter-grid .filter-field-site{grid-column:1/-1!important}.supplier-ledger-filter-grid .filter-field-from-date{grid-column:1!important}.supplier-ledger-filter-grid .filter-field-to-date{grid-column:2!important}.supplier-ledger-filter-grid .field-label{font-size:.625rem!important}.supplier-ledger-filter-grid select,.supplier-ledger-filter-grid input[type=date]{height:34px!important;min-height:34px!important;padding:0 6px!important;font-size:.75rem!important}.supplier-ledger-filter-grid select{padding-right:22px!important}}.outstanding-filter-card{margin-bottom:1rem}.outstanding-filter-card .section-card-header{min-height:40px!important;padding:.5rem 1rem!important}.outstanding-filter-card .section-card-title{font-size:.875rem!important;font-weight:600!important}.outstanding-filter-card .section-card-body{padding:.75rem 1rem!important}.outstanding-filter-grid{grid-template-columns:minmax(220px,1.4fr) minmax(180px,1fr) minmax(130px,.7fr) minmax(130px,.7fr);align-items:end;gap:12px;display:grid}.outstanding-filter-grid .filter-field{flex-direction:column;gap:4px;min-width:0;display:flex}.outstanding-filter-grid .field-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);font-size:.6875rem;font-weight:700;line-height:1.2}.outstanding-filter-grid select,.outstanding-filter-grid input[type=date]{border-radius:var(--radius-sm,6px);border:1px solid var(--border-strong);background:var(--surface);width:100%;min-width:0;height:36px;min-height:36px;color:var(--text-primary);box-sizing:border-box;padding:0 10px;font-size:.8125rem;transition:border-color .15s,box-shadow .15s}.outstanding-filter-grid select{cursor:pointer;padding-right:28px}.outstanding-summary-strip{margin-bottom:1rem}@media (width<=900px){.outstanding-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}@media (width<=640px){.outstanding-filter-card{margin-bottom:.75rem}.outstanding-filter-card .section-card-header{min-height:36px!important;padding:.4rem .75rem!important}.outstanding-filter-card .section-card-body{padding:.5rem .625rem!important}.outstanding-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px 8px!important}.outstanding-filter-grid .filter-field-party,.outstanding-filter-grid .filter-field-site{grid-column:1/-1!important}.outstanding-filter-grid .filter-field-from-date{grid-column:1!important}.outstanding-filter-grid .filter-field-to-date{grid-column:2!important}.outstanding-filter-grid .field-label{font-size:.625rem!important}.outstanding-filter-grid select,.outstanding-filter-grid input[type=date]{height:34px!important;min-height:34px!important;padding:0 6px!important;font-size:.75rem!important}.outstanding-filter-grid select{padding-right:22px!important}.outstanding-summary-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.5rem!important;margin-bottom:.75rem!important;display:grid!important}.outstanding-summary-strip .summary-strip-card{border-radius:var(--radius-md)!important;box-sizing:border-box!important;flex-direction:column!important;justify-content:center!important;min-height:54px!important;padding:.5rem .625rem!important;display:flex!important}.outstanding-summary-strip .summary-strip-label{letter-spacing:.02em!important;margin-bottom:2px!important;font-size:.6875rem!important;font-weight:600!important;line-height:1.2!important}.outstanding-summary-strip .summary-strip-value{margin:0!important;font-size:1.125rem!important;font-weight:700!important;line-height:1.2!important}.outstanding-summary-strip .summary-strip-icon-box{display:none!important}.outstanding-balances-card{margin-bottom:1rem}.outstanding-balances-card .section-card-header{min-height:36px!important;padding:.4rem .75rem!important}.outstanding-balances-card .section-card-title{font-size:.875rem!important}}.supplier-summary-strip{margin-bottom:1.25rem}.supplier-filter-card{flex-direction:column;gap:1rem;margin-bottom:1.5rem;padding:1.25rem 1.5rem;display:flex}.supplier-filter-header{justify-content:space-between;align-items:center;gap:1rem;width:100%;display:flex}.supplier-filter-title-group{align-items:center;gap:.875rem;display:flex}.supplier-filter-title{color:var(--text-primary);margin:0;font-size:1rem;font-weight:650}.supplier-filter-subtitle{color:var(--text-tertiary);margin:2px 0 0;font-size:.8125rem}.supplier-create-btn{border-radius:var(--radius-md);white-space:nowrap;flex-shrink:0;align-items:center;gap:6px;height:38px;padding:0 14px;font-weight:550;text-decoration:none;display:inline-flex}.supplier-create-text-desktop{display:inline}.supplier-create-text-mobile{display:none}.supplier-filters-bar{flex-wrap:wrap;align-items:center;gap:.75rem;width:100%;display:flex}.supplier-filters-bar .filter-bar-search-wrapper{flex:280px;min-width:200px}.supplier-filters-bar .filter-bar-search-wrapper input{width:100%;height:40px}.supplier-filters-bar select{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);height:40px;min-height:40px;color:var(--text-primary);cursor:pointer;box-sizing:border-box;outline:none;flex:none;min-width:130px;padding:0 32px 0 12px;font-size:.875rem;transition:all .15s}.supplier-filters-bar select:focus{border-color:var(--brand);box-shadow:var(--focus-ring)}.supplier-clear-btn{flex-shrink:0;height:40px;padding:0 14px}.supplier-filters-toggle{flex-shrink:0;margin-left:auto}@media (width<=768px){.supplier-filters-bar .filter-bar-search-wrapper{flex:100%;width:100%}.supplier-filters-bar select{flex:auto}}@media (width<=640px){.supplier-summary-strip .summary-strip{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:.5rem!important;margin-bottom:0!important;display:grid!important}.supplier-summary-strip .summary-strip-card{box-sizing:border-box!important;min-height:72px!important;padding:.625rem .5rem!important}.supplier-summary-strip .summary-strip-icon-box{border-radius:6px!important;width:24px!important;height:24px!important}.supplier-summary-strip .summary-strip-icon-box svg{width:13px!important;height:13px!important}.supplier-summary-strip .summary-strip-label{white-space:nowrap!important;text-overflow:ellipsis!important;font-size:.6875rem!important;line-height:1.2!important;overflow:hidden!important}.supplier-summary-strip .summary-strip-value{margin:.125rem 0!important;font-size:1.25rem!important}.supplier-summary-strip .summary-strip-sub{display:none!important}.supplier-filter-card{gap:.875rem!important;padding:1rem!important}.supplier-filter-header{grid-template-columns:1fr auto!important;grid-template-areas:"title action""subtitle subtitle"!important;align-items:center!important;gap:.25rem .5rem!important;display:grid!important}.supplier-filter-title-group{grid-area:title!important;align-items:center!important;gap:.625rem!important;display:flex!important}.supplier-filter-title{font-size:.9375rem!important}.supplier-filter-subtitle{grid-area:subtitle!important;margin-top:2px!important;padding-left:calc(36px + .625rem)!important;font-size:.75rem!important;line-height:1.35!important}.supplier-create-btn{grid-area:action!important;gap:4px!important;height:34px!important;padding:0 10px!important;font-size:.8125rem!important}.supplier-create-text-desktop{display:none!important}.supplier-create-text-mobile{display:inline!important}.supplier-filters-bar{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.625rem!important;width:100%!important;display:grid!important}.supplier-filters-bar .filter-bar-search-wrapper{flex:none!important;grid-column:1/-1!important;width:100%!important}.supplier-filters-bar .filter-bar-search-wrapper input{width:100%!important;height:40px!important;font-size:.875rem!important}.supplier-filters-bar select{flex:none!important;width:100%!important;min-width:0!important;height:40px!important;padding:0 24px 0 10px!important;font-size:.8125rem!important}.supplier-select-status{grid-column:1/2!important}.supplier-select-sort{grid-column:2/3!important}.supplier-filters-bar.has-clear-action .supplier-select-direction{grid-column:1/2!important}.supplier-filters-bar:has(.supplier-clear-btn) .supplier-select-direction{grid-column:1/2!important}.supplier-filters-bar:not(.has-clear-action) .supplier-select-direction{grid-column:1/-1!important}.supplier-clear-btn{grid-column:2/3!important;justify-content:center!important;align-items:center!important;width:100%!important;height:40px!important;display:flex!important}.supplier-filters-toggle{grid-column:1/-1!important;width:100%!important;margin-left:0!important}.supplier-filters-toggle .view-toggle{box-sizing:border-box!important;justify-content:center!important;width:100%!important;height:40px!important;display:flex!important}.supplier-filters-toggle .view-toggle-btn{flex:1!important;justify-content:center!important;height:100%!important;padding:0 4px!important;font-size:.75rem!important}}.subcontractors-filter-bar{flex-wrap:wrap;align-items:center;gap:.625rem;width:100%;margin-bottom:1rem;display:flex}.subcontractors-filter-bar .filter-bar-search-wrapper{flex:260px;min-width:200px}.subcontractors-filter-bar .filter-bar-search-wrapper input{width:100%;height:38px}.subcontractors-filter-bar select{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);height:38px;min-height:38px;color:var(--text-primary);cursor:pointer;box-sizing:border-box;outline:none;flex:none;min-width:160px;padding:0 32px 0 12px;font-size:.875rem;transition:all .15s}.subcontractors-filter-bar select:focus{border-color:var(--brand);box-shadow:var(--focus-ring)}.subcontractors-filter-toggle{flex-shrink:0;margin-left:auto}@media (width<=640px){.subcontractors-filter-bar{grid-template-columns:1fr auto!important;gap:.5rem!important;width:100%!important;padding:.625rem .75rem!important;display:grid!important}.subcontractors-filter-bar .filter-bar-search-wrapper{flex:none!important;grid-column:1/-1!important;width:100%!important}.subcontractors-filter-bar .filter-bar-search-wrapper input{width:100%!important;height:36px!important;font-size:.8125rem!important}.subcontractors-filter-bar select{flex:none!important;grid-column:1/2!important;width:100%!important;min-width:0!important;height:36px!important;font-size:.8125rem!important}.subcontractors-filter-bar .subcontractors-filter-toggle{grid-column:2/3!important;justify-self:end!important;margin-left:0!important}}.opening-balances-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;display:grid}.opening-balances-form-grid .col-span-full{grid-column:1/-1}@media (width<=640px){.opening-balances-form-grid{grid-template-columns:1fr!important;gap:8px!important}.opening-balances-form-grid .col-span-full{grid-column:1!important}}.opening-balances-filter-bar{flex-direction:column;gap:.625rem;width:100%;margin-bottom:.875rem;display:flex}.opening-balances-filter-row{flex-wrap:wrap;align-items:center;gap:.5rem;width:100%;display:flex}.opening-balances-filter-bar .filter-bar-search-wrapper{flex:180px;min-width:140px}.opening-balances-filter-bar .filter-bar-search-wrapper input{width:100%;height:34px;font-size:.8125rem}.opening-balances-filter-bar select{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);height:34px;min-height:34px;color:var(--text-primary);cursor:pointer;box-sizing:border-box;outline:none;flex:0 auto;padding:0 28px 0 10px;font-size:.8125rem;transition:all .15s}.opening-balances-filter-bar select:focus,.opening-balances-filter-bar input:focus{border-color:var(--brand);box-shadow:var(--focus-ring)}.opening-balances-select-status{min-width:120px}.opening-balances-select-site{min-width:130px}.opening-balances-date-group{flex-wrap:wrap;align-items:center;gap:.375rem;display:flex}.opening-balances-date-label{color:var(--text-secondary);white-space:nowrap;font-size:.75rem;font-weight:600}.opening-balances-date-sep{color:var(--text-tertiary);font-size:.75rem}.opening-balances-filter-bar input[type=date]{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);height:34px;min-height:34px;color:var(--text-primary);box-sizing:border-box;width:auto;min-width:125px;padding:0 8px;font-size:.8125rem}.opening-balances-clear-btn{border:1px solid var(--border);border-radius:var(--radius-md);height:30px;min-height:30px;color:var(--text-secondary);cursor:pointer;background:0 0;align-items:center;gap:4px;padding:0 10px;font-size:.75rem;font-weight:500;transition:all .15s;display:inline-flex}.opening-balances-clear-btn:hover{color:var(--danger);border-color:var(--danger-border,#fca5a5);background:var(--surface-subtle)}@media (width<=640px){.opening-balances-filter-bar{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.5rem!important;display:grid!important}.opening-balances-filter-row{display:contents!important}.opening-balances-filter-bar .filter-bar-search-wrapper{grid-column:1/-1!important;width:100%!important}.opening-balances-select-status{grid-column:1/2!important;width:100%!important;min-width:0!important}.opening-balances-select-site{grid-column:2/3!important;width:100%!important;min-width:0!important}.opening-balances-date-group{grid-column:1/-1!important;grid-template-columns:1fr auto 1fr!important;align-items:center!important;gap:.375rem!important;width:100%!important;display:grid!important}.opening-balances-date-label{display:none!important}.opening-balances-date-sep{text-align:center!important}.opening-balances-filter-bar input[type=date]{width:100%!important;min-width:0!important}.opening-balances-clear-btn{grid-column:1/-1!important;justify-content:center!important;width:100%!important;height:32px!important}}.coa-form-card .section-card-header,.tax-form-card .section-card-header,.fleet-form-card .section-card-header{padding:.625rem 1rem!important}.coa-form-card .section-card-title,.tax-form-card .section-card-title,.fleet-form-card .section-card-title{font-size:.9375rem!important}.coa-form-card .section-card-description,.tax-form-card .section-card-description,.fleet-form-card .section-card-description{margin-top:2px!important;font-size:.75rem!important}.coa-form-card .section-card-body,.tax-form-card .section-card-body,.fleet-form-card .section-card-body{padding:.75rem 1rem!important}.coa-form-grid,.tax-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 10px;display:grid}.coa-form-grid .col-span-full,.tax-form-grid .col-span-full{grid-column:1/-1}.coa-form-grid>label,.tax-form-grid>label{flex-direction:column;gap:2px;min-width:0;display:flex}.coa-form-grid .field-label,.tax-form-grid .field-label{color:var(--text-secondary);margin-bottom:2px;font-size:.75rem;font-weight:600;line-height:1.2}.coa-form-grid input:not([type=checkbox]):not([type=radio]),.coa-form-grid select,.tax-form-grid input:not([type=checkbox]):not([type=radio]),.tax-form-grid select{border:1px solid var(--border);border-radius:var(--radius-md,6px);background:var(--surface);width:100%;height:34px;min-height:34px;color:var(--text-primary);box-sizing:border-box;outline:none;padding:0 10px;font-size:.8125rem;transition:all .15s}.coa-form-grid select,.tax-form-grid select{cursor:pointer;padding-right:28px}.coa-form-grid input:focus,.coa-form-grid select:focus,.tax-form-grid input:focus,.tax-form-grid select:focus{border-color:var(--brand);box-shadow:var(--focus-ring)}.coa-form-actions,.tax-form-actions{align-items:center;margin-top:.75rem;display:flex}.coa-form-actions button,.tax-form-actions button{height:32px;min-height:32px;padding:0 1.125rem;font-size:.8125rem;font-weight:500}.tax-form-checkbox{cursor:pointer;-webkit-user-select:none;user-select:none;padding:4px 0;flex-direction:row!important;align-items:center!important;gap:8px!important;display:flex!important}.tax-form-checkbox input[type=checkbox]{accent-color:var(--brand);cursor:pointer;width:16px!important;height:16px!important;min-height:16px!important;margin:0!important}.tax-form-checkbox .field-label{cursor:pointer;color:var(--text-primary)!important;margin:0!important;font-size:.8125rem!important;font-weight:500!important}.tax-ledger-item{background:var(--surface-subtle);border-radius:var(--radius-sm,6px);border:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:6px 10px;display:flex}.fleet-form-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 10px;display:grid}.fleet-form-grid .col-span-full{grid-column:1/-1}.fleet-form-grid .col-span-2{grid-column:span 2}.fleet-form-grid>div,.fleet-form-grid>label{flex-direction:column;gap:2px;min-width:0;display:flex}.fleet-form-grid .field-label{color:var(--text-secondary);margin-bottom:2px;font-size:.75rem;font-weight:600;line-height:1.2}.fleet-form-grid input:not([type=checkbox]):not([type=radio]),.fleet-form-grid select,.fleet-form-grid textarea{border:1px solid var(--border);border-radius:var(--radius-md,6px);background:var(--surface);width:100%;height:34px;min-height:34px;color:var(--text-primary);box-sizing:border-box;outline:none;padding:0 10px;font-size:.8125rem;transition:all .15s}.fleet-form-grid textarea{resize:vertical;height:auto;min-height:52px;padding:6px 10px}.fleet-form-grid select{cursor:pointer;padding-right:28px}.fleet-form-grid input:focus,.fleet-form-grid select:focus,.fleet-form-grid textarea:focus{border-color:var(--brand);box-shadow:var(--focus-ring)}.fleet-form-actions{border-top:1px solid var(--border-subtle);justify-content:flex-end;align-items:center;gap:.5rem;margin-top:.75rem;padding-top:.75rem;display:flex}.fleet-form-actions button{height:32px;min-height:32px;padding:0 1rem;font-size:.8125rem;font-weight:500}.fleet-filter-card .section-card-body{padding:.625rem .875rem!important}.fleet-filter-card input,.fleet-filter-card select{height:34px!important;min-height:34px!important;padding-top:0!important;padding-bottom:0!important;font-size:.8125rem!important}.fleet-inline-form{background:var(--surface-subtle);border-radius:var(--radius-md,6px);border:1px solid var(--border-subtle);grid-template-columns:repeat(auto-fit,minmax(130px,1fr));align-items:center;gap:.5rem;margin-bottom:.75rem;padding:.625rem;display:grid}.fleet-inline-form input,.fleet-inline-form select{border:1px solid var(--border);border-radius:var(--radius-md,6px);background:var(--surface);color:var(--text-primary);height:34px!important;min-height:34px!important;padding:0 10px!important;font-size:.8125rem!important}.fleet-inline-form button{height:34px!important;min-height:34px!important;padding:0 1rem!important;font-size:.8125rem!important}@media (width<=768px){.fleet-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 8px}.fleet-form-grid .col-span-2,.fleet-form-grid .mobile-col-span-full{grid-column:1/-1}}@media (width<=640px){.coa-form-grid,.tax-form-grid{gap:6px 8px}}.task-toolbar{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.25rem;display:flex}.task-view-tabs-container{flex:1;min-width:0;position:relative;overflow:hidden}.task-view-tabs{white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;gap:.375rem;margin:0;padding:3px 2px 6px;display:flex;overflow-x:auto}.task-view-tabs::-webkit-scrollbar{display:none}.task-view-tabs .task-view-tab-btn,.task-view-tab-btn{cursor:pointer;white-space:nowrap;flex-shrink:0;align-items:center;gap:.35rem;padding:.35rem .8rem;font-size:.8125rem;font-weight:500;line-height:1;transition:all .15s;display:inline-flex;border:1px solid var(--border)!important;background:var(--surface)!important;color:var(--text-secondary)!important;border-radius:9999px!important;height:32px!important;min-height:32px!important;text-decoration:none!important}.task-view-tabs .task-view-tab-btn:hover,.task-view-tab-btn:hover{color:var(--text-primary)!important;border-color:var(--border-strong)!important;background:var(--surface-subtle)!important}.task-view-tabs .task-view-tab-btn.active,.task-view-tab-btn.active{font-weight:600;box-shadow:0 1px 2px #2563eb33;background:var(--brand)!important;color:#fff!important;border-color:var(--brand)!important}.task-view-tabs .task-view-tab-btn.active span,.task-view-tab-btn.active span{color:#fff!important}.task-view-tab-badge{background:var(--surface-subtle);color:var(--text-tertiary);border-radius:9999px;padding:1px 6px;font-size:.6875rem;font-weight:600;line-height:1.2}.task-view-tabs .task-view-tab-btn.active .task-view-tab-badge,.task-view-tab-btn.active .task-view-tab-badge{color:#fff!important;background:#ffffff40!important}.task-view-toggle-wrap{flex-shrink:0;align-items:center;display:flex}.task-filter-card.section-card{margin-bottom:0!important}.task-filter-card .section-card-body{padding:.625rem .875rem!important}.task-filter-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;margin-bottom:.5rem;padding-bottom:.35rem;display:flex}.task-filter-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:.4rem;font-size:.75rem;font-weight:600;display:inline-flex}.task-filter-reset{color:var(--brand);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:1px solid #0000;align-items:center;gap:.3rem;height:24px;padding:2px 8px;font-size:.75rem;font-weight:500;transition:all .15s;display:inline-flex}.task-filter-reset:hover{background:var(--surface-subtle);border-color:var(--border-subtle)}.task-filter-grid{grid-template-columns:minmax(180px,1.8fr) minmax(140px,1.3fr) minmax(130px,1.1fr) minmax(110px,1fr) minmax(110px,1fr) minmax(125px,1fr) minmax(125px,1fr);align-items:center;gap:.5rem;display:grid}.task-filter-field{min-width:0}.task-filter-grid select{box-sizing:border-box;outline:none;width:100%;transition:border-color .15s,box-shadow .15s;border-radius:var(--radius-md)!important;background-color:var(--surface)!important;height:34px!important;min-height:34px!important;color:var(--text-primary)!important;border:1px solid var(--border-strong)!important;padding:0 .625rem!important;font-size:.8125rem!important}.task-filter-grid select:focus{border-color:var(--brand)!important;box-shadow:var(--focus-ring)!important}.task-search-input-wrap{align-items:center;width:100%;display:flex;position:relative}.task-search-icon{color:var(--text-tertiary);pointer-events:none;position:absolute;left:.625rem}.task-search-input{box-sizing:border-box;outline:none;width:100%;transition:border-color .15s,box-shadow .15s;border-radius:var(--radius-md)!important;background:var(--surface)!important;height:34px!important;min-height:34px!important;color:var(--text-primary)!important;border:1px solid var(--border-strong)!important;padding-left:2rem!important;padding-right:2rem!important;font-size:.8125rem!important}.task-search-input:focus{border-color:var(--brand)!important;box-shadow:var(--focus-ring)!important}.task-search-clear{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:2px;display:inline-flex;position:absolute;right:.5rem}.task-search-clear:hover{color:var(--text-primary);background:var(--surface-subtle)}.task-date-input-wrap{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-md);box-sizing:border-box;align-items:center;height:34px;min-height:34px;padding:0 .5rem;transition:border-color .15s,box-shadow .15s;display:flex}.task-date-input-wrap:focus-within{border-color:var(--brand);box-shadow:var(--focus-ring)}.task-date-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.02em;white-space:nowrap;margin-right:.35rem;font-size:.6875rem;font-weight:600}.task-date-input-wrap input[type=date]{height:100%!important;min-height:auto!important;color:var(--text-primary)!important;box-shadow:none!important;background:0 0!important;border:none!important;outline:none!important;width:100%!important;padding:0!important;font-size:.75rem!important}@media (width<=1100px) and (width>=641px){.task-filter-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem}.task-filter-grid .col-span-search{grid-column:span 2}}@media (width<=640px){.task-toolbar{flex-direction:column;align-items:stretch;gap:.5rem}.task-view-toggle-wrap{align-self:flex-end}.task-view-tab-btn{height:30px;padding:.25rem .625rem;font-size:.75rem}.task-filter-card .section-card-body{padding:.5rem .625rem!important}.task-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem .5rem}.task-filter-grid .col-span-search{grid-column:1/-1}.task-filter-grid select,.task-search-input,.task-date-input-wrap{height:32px!important;min-height:32px!important;font-size:.75rem!important}.task-board{gap:.75rem}.task-board-column{max-height:none;padding:.75rem}}.document-toolbar{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.25rem;display:flex}.document-view-tabs-container{flex:1;min-width:0;position:relative;overflow:hidden}.document-view-tabs{white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;gap:.375rem;margin:0;padding:3px 2px 6px;display:flex;overflow-x:auto}.document-view-tabs::-webkit-scrollbar{display:none}.document-view-tab-btn{border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);cursor:pointer;white-space:nowrap;border-radius:9999px;flex-shrink:0;align-items:center;gap:.4rem;height:32px;padding:.35rem .85rem;font-size:.8125rem;font-weight:500;line-height:1;transition:all .15s;display:inline-flex;text-decoration:none!important}.document-view-tab-btn:hover{color:var(--text-primary);border-color:var(--border-strong);background:var(--surface-subtle)}.document-view-tab-btn.active{background:var(--brand);border-color:var(--brand);font-weight:600;box-shadow:0 1px 2px #2563eb33;color:#fff!important}.document-view-toggle-wrap{flex-shrink:0;align-items:center;display:flex}.document-filter-card.section-card{margin-bottom:0!important}.document-filter-card .section-card-body{padding:.625rem .875rem!important}.document-filter-header{border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.5rem;padding-bottom:.35rem;display:flex}.document-filter-title-group{align-items:center;gap:.5rem;display:inline-flex}.document-filter-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:.4rem;font-size:.75rem;font-weight:600;display:inline-flex}.document-filter-reset{color:var(--brand);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:1px solid #0000;align-items:center;gap:.3rem;height:24px;padding:2px 8px;font-size:.75rem;font-weight:500;transition:all .15s;display:inline-flex}.document-filter-reset:hover{background:var(--surface-subtle);border-color:var(--border-subtle)}.document-filter-grid{grid-template-columns:minmax(180px,2fr) minmax(140px,1.2fr) minmax(130px,1.1fr) minmax(120px,1fr) minmax(125px,1fr) minmax(125px,1fr);align-items:center;gap:.5rem;display:grid}.document-filter-field{min-width:0}.document-filter-grid select,.document-filter-grid input:not([type=date]):not(.document-search-input){box-sizing:border-box;outline:none;width:100%;transition:border-color .15s,box-shadow .15s;border-radius:var(--radius-md)!important;background-color:var(--surface)!important;height:34px!important;min-height:34px!important;color:var(--text-primary)!important;border:1px solid var(--border-strong)!important;padding:0 .625rem!important;font-size:.8125rem!important}.document-filter-grid select:focus,.document-filter-grid input:not([type=date]):not(.document-search-input):focus{border-color:var(--brand)!important;box-shadow:var(--focus-ring)!important}.document-search-input-wrap{align-items:center;width:100%;display:flex;position:relative}.document-search-icon{color:var(--text-tertiary);pointer-events:none;z-index:1;position:absolute;left:.65rem}.document-filter-grid .document-search-input,.document-search-input{box-sizing:border-box;outline:none;width:100%;transition:border-color .15s,box-shadow .15s;border-radius:var(--radius-md)!important;background:var(--surface)!important;height:34px!important;min-height:34px!important;color:var(--text-primary)!important;border:1px solid var(--border-strong)!important;padding-left:2.15rem!important;padding-right:2rem!important;font-size:.8125rem!important}.document-filter-grid .document-search-input:focus,.document-search-input:focus{border-color:var(--brand)!important;box-shadow:var(--focus-ring)!important}.document-search-clear{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:2px;display:inline-flex;position:absolute;right:.5rem}.document-search-clear:hover{color:var(--text-primary);background:var(--surface-subtle)}.document-date-input-wrap{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-md);box-sizing:border-box;align-items:center;height:34px;min-height:34px;padding:0 .5rem;transition:border-color .15s,box-shadow .15s;display:flex}.document-date-input-wrap:focus-within{border-color:var(--brand);box-shadow:var(--focus-ring)}.document-date-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.02em;white-space:nowrap;margin-right:.35rem;font-size:.6875rem;font-weight:600}.document-date-input-wrap input[type=date]{height:100%!important;min-height:auto!important;color:var(--text-primary)!important;box-shadow:none!important;background:0 0!important;border:none!important;outline:none!important;width:100%!important;padding:0!important;font-size:.75rem!important}@media (width<=1100px) and (width>=641px){.document-filter-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem}.document-filter-grid .col-span-search{grid-column:span 2}}@media (width<=640px){.document-toolbar{flex-direction:column;align-items:stretch;gap:.5rem}.document-view-toggle-wrap{align-self:flex-end}.document-view-tab-btn{height:30px;padding:.25rem .625rem;font-size:.75rem}.document-filter-card .section-card-body{padding:.5rem .625rem!important}.document-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem .5rem}.document-filter-grid .col-span-search{grid-column:1/-1}.document-filter-grid .document-date-from{grid-column:1}.document-filter-grid .document-date-to{grid-column:2}.document-filter-grid select,.document-filter-grid input:not([type=date]):not(.document-search-input),.document-date-input-wrap{height:32px!important;min-height:32px!important;font-size:.75rem!important}.document-filter-grid .document-search-input{height:32px!important;min-height:32px!important;padding-left:2.15rem!important;padding-right:1.85rem!important;font-size:.75rem!important}.document-form-stack{gap:.5rem!important}}.button-primary-purple{color:#fff!important;background:#6366f1!important;border-color:#6366f1!important;box-shadow:0 2px 6px #6366f140!important}.button-primary-purple:hover{background:#4f46e5!important;border-color:#4f46e5!important;box-shadow:0 4px 10px #6366f159!important}.button-primary-teal{color:#fff!important;background:#0d9488!important;border-color:#0d9488!important;box-shadow:0 2px 6px #0d948840!important}.button-primary-teal:hover{background:#0f766e!important;border-color:#0f766e!important;box-shadow:0 4px 10px #0d948859!important}.button-primary-emerald{color:#fff!important;background:#059669!important;border-color:#059669!important;box-shadow:0 2px 6px #05966940!important}.button-primary-emerald:hover{background:#047857!important;border-color:#047857!important;box-shadow:0 4px 10px #05966959!important}.chart-card{border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);background:#fff;overflow:hidden}.chart-card-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.35rem .75rem;display:flex}.chart-card-title{color:var(--text-primary);letter-spacing:-.01em;margin:0;font-size:.975rem;font-weight:650}.chart-card-body{padding:1.25rem 1.35rem}.chart-bars{align-items:flex-end;gap:.5rem;height:80px;display:flex}.chart-bar-group{flex-direction:column;flex:1;align-items:center;gap:4px;display:flex}.chart-bar-track{background:var(--surface-subtle);border-radius:4px 4px 0 0;align-items:flex-end;width:100%;height:64px;display:flex;overflow:hidden}.chart-bar-fill{border-radius:4px 4px 0 0;width:100%;transition:height .5s cubic-bezier(.16,1,.3,1)}.chart-bar-label{color:var(--text-tertiary);text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.65rem;font-weight:500;overflow:hidden}.balance-meter{background:var(--surface-subtle);border:1px solid var(--border);border-radius:4px;gap:0;height:8px;display:flex;overflow:hidden}.balance-meter-asset{background:var(--brand);transition:width .4s}.balance-meter-overdraft{background:var(--danger);transition:width .4s}.dashboard-greeting{border-radius:var(--radius-xl);box-sizing:border-box;background:linear-gradient(135deg,#eff6ff 0%,#f5f3ff 100%);border:1px solid #dbeafe;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;max-width:100%;margin-bottom:1.5rem;padding:1.35rem 1.5rem;display:flex;overflow:hidden}.dashboard-greeting-content{flex:auto;min-width:0;max-width:100%}.dashboard-greeting h1{color:var(--text-primary);letter-spacing:-.015em;margin:0 0 .25rem;font-size:clamp(1.35rem,2.2vw,1.55rem);font-weight:600;line-height:1.25}.dashboard-greeting-sub{color:var(--text-secondary);word-break:break-word;margin:0;font-size:.875rem;font-weight:400}.dashboard-greeting-actions{flex-wrap:wrap;align-items:center;gap:.5rem;max-width:100%;display:flex}@media (width<=640px){.dashboard-greeting{flex-direction:column;justify-content:flex-start;align-items:stretch;gap:.75rem;padding:1rem 1.15rem}.dashboard-greeting-content{flex:none;width:100%}.dashboard-greeting-actions{width:100%;margin-top:.25rem}.dashboard-greeting-actions>*{max-width:100%}}.quick-jumps-bar{-webkit-overflow-scrolling:touch;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;flex-wrap:nowrap;align-items:center;gap:.5rem;margin-bottom:1.75rem;padding:4px 2px 8px;display:flex;overflow-x:auto}.quick-jumps-bar::-webkit-scrollbar{display:none}.quick-jumps-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em;flex-shrink:0;margin-right:.25rem;font-size:.75rem;font-weight:600}.kpi-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}@media (width<=1100px){.kpi-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.kpi-strip{grid-template-columns:1fr}}.insight-tint-blue{background:var(--surface-blue)!important;border-color:#bfdbfe!important}.insight-tint-lavender{background:var(--surface-lavender)!important;border-color:#ddd6fe!important}.sidebar-user-pill{background:var(--surface-subtle);border:1px solid var(--border);border-radius:var(--radius-md);align-items:center;gap:.6rem;margin-top:auto;padding:.65rem .75rem;display:flex}.sidebar-user-avatar{background:var(--brand);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.7rem;font-weight:600;display:flex}.sidebar-user-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:.8125rem;font-weight:500;overflow:hidden}.sidebar-user-role{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em;font-size:.7rem}@media (width<=768px){.sidebar{border-right:1px solid var(--border);box-shadow:0 4px 24px #0f172a1f}}[data-theme=dark] .stat-card-tint-blue{background:var(--surface-blue)!important;border-color:var(--brand-border)!important}[data-theme=dark] .stat-card-tint-lavender{background:var(--surface-lavender)!important;border-color:#312e81!important}[data-theme=dark] .stat-card-tint-mint{background:var(--surface-mint)!important;border-color:var(--success-border)!important}[data-theme=dark] .stat-card-tint-peach{background:var(--surface-peach)!important;border-color:var(--warning-border)!important}[data-theme=dark] .stat-card-tint-yellow{background:var(--surface-yellow)!important;border-color:var(--warning-border)!important}[data-theme=dark] .stat-card-tint-rose{background:var(--surface-rose)!important;border-color:var(--danger-border)!important}[data-theme=dark] .stat-card-tint-cyan{background:var(--surface-cyan)!important;border-color:var(--info-border)!important}[data-theme=dark] .insight-tint-blue{background:var(--surface-blue)!important;border-color:var(--brand-border)!important}[data-theme=dark] .insight-tint-lavender{background:var(--surface-lavender)!important;border-color:#312e81!important}[data-theme=dark] .sidebar{border-right-color:var(--border);color:var(--text-primary);background:#1e293b}[data-theme=dark] .nav a{color:var(--text-secondary)}[data-theme=dark] .nav a:hover{color:var(--text-primary);background:var(--surface-subtle)}[data-theme=dark] .nav a.active{color:var(--brand);background:var(--brand-light)}[data-theme=dark] .nav-section-toggle{color:var(--text-tertiary)}[data-theme=dark] .nav-section-toggle:hover,[data-theme=dark] .nav-section-active>.nav-section-toggle{color:var(--brand);background:var(--brand-light)}[data-theme=dark] .section-card,[data-theme=dark] .modern-table-card,[data-theme=dark] .table-card,[data-theme=dark] .data-table-container,[data-theme=dark] .activity-card,[data-theme=dark] .chart-card,[data-theme=dark] .filter-bar,[data-theme=dark] .section-card-header{background:var(--surface);border-color:var(--border);color:var(--text-primary)}[data-theme=dark] .section-card-header{background:var(--surface);border-bottom-color:var(--border)}[data-theme=dark] .section-card-footer{background:var(--surface-subtle);border-top-color:var(--border)}[data-theme=dark] .topbar{background:var(--surface)!important;border-color:var(--border)!important}[data-theme=dark] .task-counter{background:var(--surface);border-color:var(--border);color:var(--text-secondary)}[data-theme=dark] .app-shell,[data-theme=dark] .main{background:var(--bg-app)}[data-theme=dark] .sidebar-toggle-btn:hover{background:var(--surface-subtle);color:var(--brand)}[data-theme=dark] .profile-dropdown-menu{background:var(--surface)!important;border-color:var(--border)!important;box-shadow:var(--shadow-xl)!important}[data-theme=dark] .profile-menu-trigger{background:var(--surface)!important;border-color:var(--border)!important}[data-theme=dark] .status-badge-neutral{background:var(--surface-muted);color:var(--text-secondary);border-color:var(--border)}[data-theme=dark] .quick-action-pill{background:var(--surface);border-color:var(--border);color:var(--text-primary)}[data-theme=dark] .quick-action-pill:hover{border-color:var(--brand);color:var(--brand);background:var(--brand-light)}[data-theme=dark] .summary-strip,[data-theme=dark] .summary-strip-card,[data-theme=dark] .entity-card{background:var(--surface);border-color:var(--border)}[data-theme=dark] .view-toggle{background:var(--surface-subtle);border-color:var(--border)}[data-theme=dark] .view-toggle-btn.active{background:var(--surface);color:var(--text-primary)}[data-theme=dark] .skeleton{background:linear-gradient(90deg, var(--surface-subtle) 25%, var(--surface-muted) 50%, var(--surface-subtle) 75%);background-size:200% 100%}[data-theme=dark] .drawer-backdrop,[data-theme=dark] .panel-overlay{background:#000000a6}[data-theme=dark] .drawer-content,[data-theme=dark] .form-panel{background:var(--surface);color:var(--text-primary);border-left-color:var(--border)}[data-theme=dark] .drawer-header,[data-theme=dark] .modal-header{border-bottom-color:var(--border)}[data-theme=dark] .drawer-footer,[data-theme=dark] .modal-footer{background:var(--surface-subtle);border-top-color:var(--border)}[data-theme=dark] .modal-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#000000a6}[data-theme=dark] .modal-content{background:var(--surface);color:var(--text-primary);border-color:var(--border)}[data-theme=dark] .modern-tabs{border-bottom-color:var(--border)}[data-theme=dark] .modern-tab-item{color:var(--text-secondary)}[data-theme=dark] .modern-tab-item:hover{color:var(--text-primary);border-bottom-color:var(--border-strong)}[data-theme=dark] .modern-tab-item.active{color:var(--brand);border-bottom-color:var(--brand)}[data-theme=dark] .modern-tab-badge{background:var(--surface-subtle);color:var(--text-secondary)}[data-theme=dark] .tabs button,[data-theme=dark] .tabs-pills button{background:var(--surface);color:var(--text-secondary);border-color:var(--border)}[data-theme=dark] .tabs button:hover,[data-theme=dark] .tabs-pills button:hover{color:var(--text-primary);background:var(--surface-subtle);border-color:var(--brand)}[data-theme=dark] .tabs button.active,[data-theme=dark] .tabs-pills button.active{background:var(--brand);border-color:var(--brand);color:#fff}[data-theme=dark] .filter-bar input,[data-theme=dark] .filter-bar select{background:var(--surface);color:var(--text-primary);border-color:var(--border-strong)}[data-theme=dark] .empty-state-icon{color:var(--text-tertiary)}[data-theme=dark] .empty-state-title{color:var(--text-primary)}[data-theme=dark] .empty-state-message{color:var(--text-secondary)}[data-theme=dark] table.modern-table thead th{background:var(--surface-subtle);color:var(--text-secondary);border-bottom-color:var(--border)}[data-theme=dark] table.modern-table tbody tr:hover{background:var(--surface-subtle)}[data-theme=dark] table.modern-table tbody td{color:var(--text-primary);border-bottom-color:var(--border-subtle)}[data-theme=dark] th,[data-theme=dark] tfoot td{background:var(--surface-subtle);color:var(--text-secondary);border-color:var(--border)}[data-theme=dark] table tbody tr:hover{background:var(--surface-subtle)}[data-theme=dark] .topbar-identity{background:var(--surface)}[data-theme=dark] .org-pill{background:var(--surface);border-color:var(--border);color:var(--text-primary)}[data-theme=dark] .subscription-read-only-banner{background:var(--warning-bg)!important;border-color:var(--warning-border)!important;color:var(--warning-text)!important}[data-theme=dark] .chart-bar-track{background:var(--surface-subtle)}[data-theme=dark] .dashboard-greeting{border-color:var(--brand-border);background:linear-gradient(135deg,#1e3a5f 0%,#1e1b4b 100%)}[data-theme=dark] .super-admin-sidebar{border-right-color:var(--border);background:#111827}[data-theme=dark] .super-admin-main{background:var(--bg-app)}[data-theme=dark] ::-webkit-scrollbar-track{background:var(--surface)}[data-theme=dark] ::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}.sites-page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.25rem;display:flex}.sites-page-head-content{flex:300px;min-width:0}.sites-page-head-content .eyebrow,.sites-eyebrow{text-transform:none;letter-spacing:normal;color:var(--brand,#2563eb);background:var(--brand-light,#eff6ff);border-radius:6px;align-items:center;margin-bottom:.625rem;padding:2px 8px;font-size:12px;font-weight:500;display:inline-flex}[data-theme=dark] .sites-eyebrow,[data-theme=dark] .sites-page-head-content .eyebrow{background:var(--brand-light,#1e3a5f);color:var(--brand,#60a5fa)}.sites-page-title{letter-spacing:-.01em;color:var(--text-primary);margin:0 0 .25rem;font-size:26px;font-weight:600;line-height:1.25}@media (width<=1024px){.sites-page-title{font-size:24px}}@media (width<=640px){.sites-page-title{font-size:22px}}.sites-page-desc{color:var(--text-secondary);max-width:600px;margin:0;font-size:.875rem;line-height:1.45}.sites-new-btn{color:#fff;background-color:var(--brand,#2563eb);box-sizing:border-box;cursor:pointer;white-space:nowrap;height:36px;min-height:36px;max-height:36px;box-shadow:var(--shadow-xs);border:none;border-radius:8px;justify-content:center;align-items:center;padding:0 14px;font-size:14px;font-weight:600;line-height:36px;transition:background-color .15s,transform .1s;display:inline-flex}.sites-new-btn:hover{background-color:var(--brand-dark,#1d4ed8)}.sites-summary-strip{margin-bottom:1.25rem}.sites-summary-strip .summary-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-bottom:0;display:grid}@media (width<=768px){.sites-summary-strip .summary-strip{grid-template-columns:1fr}}.sites-summary-strip .summary-strip-card{box-shadow:var(--shadow-xs);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-sizing:border-box;flex-direction:column;justify-content:space-between;min-height:84px;padding:.875rem 1.125rem;transition:border-color .15s,box-shadow .15s;display:flex}.sites-summary-strip .summary-strip-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.sites-summary-strip .summary-strip-label{text-transform:none;letter-spacing:normal;color:var(--text-secondary);font-size:.8125rem;font-weight:500}.sites-summary-strip .summary-strip-value{font-variant-numeric:tabular-nums;margin:.25rem 0;font-size:1.35rem;font-weight:700;line-height:1.2}.sites-summary-strip .summary-strip-sub{color:var(--text-tertiary);font-size:.75rem}.sites-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1.25rem;display:flex}.sites-toolbar-filters{flex-wrap:wrap;flex:480px;align-items:center;gap:.625rem;min-width:0;display:flex}.sites-search-wrapper{flex:260px;min-width:200px;max-width:380px;position:relative}.sites-search-icon{color:var(--text-tertiary);pointer-events:none;z-index:2;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.sites-search-input{background:var(--surface);width:100%;height:38px;color:var(--text-primary);border:1px solid var(--border);box-sizing:border-box;border-radius:8px;outline:none;font-size:.875rem;transition:border-color .15s,box-shadow .15s;padding:0 .75rem 0 2.25rem!important}.sites-search-input:focus{border-color:var(--brand);box-shadow:var(--focus-ring)}.sites-select-wrapper{flex:0 0 150px;width:150px}.sites-status-select{background:var(--surface);width:100%;height:38px;color:var(--text-primary);border:1px solid var(--border);cursor:pointer;box-sizing:border-box;border-radius:8px;outline:none;padding:0 .875rem;font-size:.875rem;transition:border-color .15s,box-shadow .15s}.sites-status-select:focus{border-color:var(--brand);box-shadow:var(--focus-ring)}.sites-toolbar-toggle{flex-shrink:0;align-items:center;margin-left:auto;display:flex}.sites-toolbar-toggle .view-toggle{box-sizing:border-box;align-items:center;height:38px;padding:3px;display:inline-flex}.sites-toolbar-toggle .view-toggle-btn{box-sizing:border-box;height:30px!important;min-height:30px!important;max-height:30px!important;padding:0 .75rem!important;line-height:30px!important}.sites-loading-card{background:var(--surface);border:1px solid var(--border);text-align:center;border-radius:10px;padding:2.5rem}.sites-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;margin-bottom:1.5rem;display:grid}@media (width<=1200px){.sites-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}}@media (width<=680px){.sites-grid{grid-template-columns:1fr;gap:1rem}}.site-card{background:var(--surface);border:1px solid var(--border);box-shadow:none;border-radius:10px;flex-direction:column;justify-content:space-between;transition:border-color .15s,box-shadow .15s;display:flex;position:relative;overflow:visible}.site-card:hover{border-color:var(--border-strong)}.site-card-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:flex-start;gap:.75rem;padding:1rem 1.125rem .875rem;display:flex}.site-card-identity{flex:1;align-items:center;gap:.625rem;min-width:0;display:flex}.site-card-icon-badge{background:var(--surface-subtle);border:1px solid var(--border-subtle);width:32px;height:32px;color:var(--brand);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.site-card-title-group{flex-direction:column;gap:.125rem;min-width:0;display:flex}.site-card-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.9375rem;font-weight:600;line-height:1.3;overflow:hidden}.site-card-subtitle{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.site-card-header-actions{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.site-overflow-wrapper{align-items:center;display:inline-flex;position:relative}.site-overflow-trigger{width:28px;height:28px;color:var(--text-tertiary);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;padding:0;transition:all .15s;display:inline-flex}.site-overflow-trigger:hover{background:var(--surface-subtle);border-color:var(--border);color:var(--text-primary)}.site-overflow-menu{z-index:50;background:var(--surface);border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:2px;min-width:140px;padding:4px;display:flex;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 4px 12px #0000001a}.site-overflow-item{width:100%;color:var(--text-primary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:6px 10px;font-size:.8125rem;font-weight:500;transition:background-color .15s,color .15s;display:flex}.site-overflow-item:hover{background:var(--surface-subtle);color:var(--brand)}.site-overflow-item-danger{color:var(--danger,#ef4444)}.site-overflow-item-danger:hover{background:var(--danger-bg,#fef2f2);color:var(--danger,#dc2626)}.site-card-body{flex:auto;padding:.875rem 1.125rem}.site-metadata-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem 1rem;display:grid}.site-metadata-item{flex-direction:column;gap:.125rem;min-width:0;display:flex}.site-metadata-label{color:var(--text-tertiary);text-transform:none;letter-spacing:normal;align-items:center;gap:.35rem;font-size:.6875rem;font-weight:500;display:inline-flex}.site-meta-icon{color:var(--text-tertiary);flex-shrink:0}.site-metadata-val{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;font-weight:600;overflow:hidden}.site-val-highlight{font-variant-numeric:tabular-nums;font-weight:650}.site-timeline-val{color:var(--text-secondary);font-size:.75rem;font-weight:500}.site-card-footer{border-top:1px solid var(--border-subtle);background:var(--surface);justify-content:space-between;align-items:center;gap:.5rem;padding:.625rem 1.125rem;display:flex}.sites-card-footer-left,.site-card-footer-left{flex-wrap:wrap;align-items:center;gap:.625rem;display:flex}.site-card-footer-right{align-items:center;display:flex}.site-btn{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;height:32px;padding:0 .75rem;font-size:.8125rem;font-weight:500;line-height:1;text-decoration:none;transition:all .15s;display:inline-flex}.site-btn-primary{background:var(--brand,#2563eb);color:#fff;border-color:var(--brand,#2563eb)}.site-btn-primary:hover{background:var(--brand-dark,#1d4ed8);border-color:var(--brand-dark,#1d4ed8);color:#fff}.site-btn-secondary{background:var(--surface);color:var(--text-secondary);border-color:var(--border)}.site-btn-secondary:hover{background:var(--surface-subtle);color:var(--text-primary);border-color:var(--border-strong)}.site-btn-danger{background:var(--danger-bg,#fef2f2);color:var(--danger,#dc2626);border:1px solid var(--danger-border,#fecaca);padding:0 .5rem}.site-btn-danger:hover{color:#991b1b;background:#fee2e2;border-color:#f87171}.site-btn-xs{height:28px;padding:0 .625rem;font-size:.75rem}.sites-table-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-xs);-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y;border-radius:10px;width:100%;margin-bottom:1.5rem;overflow-x:auto}.sites-table{border-collapse:collapse;width:100%;min-width:680px}.sites-table th,.sites-table td{white-space:nowrap}.sites-table th{text-align:left;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em;background:var(--surface-subtle);border-bottom:1px solid var(--border);padding:.75rem 1rem;font-size:.75rem;font-weight:600}.sites-table td{border-bottom:1px solid var(--border-subtle);vertical-align:middle;padding:.875rem 1rem}.sites-table tr:hover td{background:var(--surface-subtle)}.sites-td-title{color:var(--text-primary);font-size:.875rem;font-weight:600}.sites-td-main{color:var(--text-primary);font-size:.875rem}.sites-td-sub{color:var(--text-secondary);font-size:.75rem}.sites-td-value{color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:.875rem;font-weight:600}.sites-table-actions{justify-content:flex-end;align-items:center;gap:.375rem;display:inline-flex}.site-detail-stack{flex-direction:column;gap:1.5rem;display:flex}.site-detail-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1.25rem;display:flex}.site-detail-back-link{color:var(--text-secondary);align-items:center;gap:.375rem;margin-bottom:.625rem;font-size:.8125rem;font-weight:500;text-decoration:none;transition:color .15s;display:inline-flex}.site-detail-back-link:hover{color:var(--brand)}.site-detail-identity-row{flex-direction:column;gap:.375rem;display:flex}.site-detail-badges{align-items:center;gap:.5rem;margin-bottom:.125rem;display:flex}.site-detail-code-badge{background:var(--surface-subtle);border:1px solid var(--border);color:var(--text-secondary);letter-spacing:.04em;border-radius:4px;padding:.125rem .5rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.6875rem;font-weight:700}.site-detail-title{letter-spacing:-.01em;color:var(--text-primary);margin:0;font-size:26px;font-weight:600;line-height:1.25}@media (width<=1024px){.site-detail-title{font-size:24px}}@media (width<=640px){.site-detail-title{font-size:22px}}.site-detail-subtitle{color:var(--text-secondary);margin:0;font-size:.8125rem;line-height:1.4}.site-detail-subtitle strong{color:var(--text-primary);font-weight:600}.site-detail-edit-btn{box-sizing:border-box;background:var(--surface);height:36px;min-height:36px;max-height:36px;color:var(--text-primary);border:1px solid var(--border);cursor:pointer;white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:.375rem;padding:0 12px;font-size:14px;font-weight:500;line-height:36px;transition:all .15s;display:inline-flex}.site-detail-edit-btn:hover{background:var(--surface-subtle);border-color:var(--border-strong);color:var(--brand)}.site-summary-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:.875rem;display:grid}@media (width<=1200px){.site-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=768px){.site-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=500px){.site-summary-grid{grid-template-columns:1fr}}.site-summary-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);min-height:100px;box-shadow:var(--shadow-xs);flex-direction:column;justify-content:space-between;padding:1rem 1.125rem;transition:all .15s;display:flex}.site-summary-card:hover{border-color:var(--border-strong)}.site-summary-card-accent{border-color:var(--border);border-top:3px solid var(--brand)}.site-summary-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;font-size:.75rem;font-weight:600}.site-summary-val{color:var(--text-primary);font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;margin-top:.5rem;font-size:1.375rem;font-weight:700;overflow:hidden}.site-summary-desc{color:var(--text-tertiary);margin-top:.25rem;font-size:.75rem;line-height:1.3}.site-detail-section{flex-direction:column;gap:.875rem;display:flex}.site-section-head{flex-direction:column;gap:.25rem;display:flex}.site-section-head-with-action{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;display:flex}.site-section-eyebrow{letter-spacing:.01em;width:fit-content;color:var(--brand,#2563eb);background:var(--brand-light,#2563eb14);border:1px solid var(--brand-border,#2563eb33);border-radius:9999px;align-items:center;margin-bottom:.625rem;padding:.125rem .5rem;font-size:.6875rem;font-weight:600;line-height:1.25;display:inline-flex}.site-section-title{color:var(--text-primary);margin:0;font-size:1.125rem;font-weight:600;line-height:1.3}.site-access-note{color:var(--text-secondary);margin:-.25rem 0 .125rem;font-size:.8125rem;line-height:1.45}.site-team-manage-btn{background:var(--surface);height:36px;color:var(--text-secondary);border:1px solid var(--border);cursor:pointer;white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:.375rem;padding:0 .875rem;font-size:.8125rem;font-weight:500;transition:all .15s;display:inline-flex}.site-team-manage-btn:hover{background:var(--surface-subtle);border-color:var(--border-strong);color:var(--text-primary)}.site-team-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-xs);border-radius:10px;overflow:hidden}.site-team-loading{color:var(--text-secondary);padding:1.25rem;font-size:.8125rem}.site-team-empty{color:var(--text-secondary);align-items:center;gap:1rem;padding:1.5rem;display:flex}.site-team-empty-icon{color:var(--text-tertiary);flex-shrink:0}.site-team-empty strong{color:var(--text-primary);margin-bottom:.125rem;font-size:.875rem;font-weight:600;display:block}.site-team-empty span{color:var(--text-secondary);font-size:.8125rem}.site-team-row{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:1rem;padding:.875rem 1.125rem;transition:background .15s;display:flex}.site-team-row:last-child{border-bottom:none}.site-team-row:hover{background:var(--surface-subtle)}.site-team-member-info{align-items:center;gap:.75rem;min-width:0;display:flex}.site-team-avatar{background:var(--brand-light,#2563eb14);width:34px;height:34px;color:var(--brand,#2563eb);border:1px solid var(--brand-border,#2563eb33);letter-spacing:.02em;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:flex}.site-team-avatar-sm{width:28px;height:28px;font-size:.6875rem}.site-team-details{flex-direction:column;gap:.125rem;min-width:0;display:flex}.site-team-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;font-weight:600;overflow:hidden}.site-team-email{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.site-team-role-pill{background:var(--surface-subtle);border:1px solid var(--border-subtle);color:var(--text-secondary);text-transform:capitalize;white-space:nowrap;border-radius:9999px;padding:.1875rem .5rem;font-size:.6875rem;font-weight:500}.site-timeline-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-xs);border-radius:10px;grid-template-columns:minmax(130px,auto) 1fr minmax(130px,auto);align-items:center;gap:1.5rem;padding:1.25rem 1.5rem;display:grid}.site-timeline-point{flex-direction:column;gap:.1875rem;display:flex}.site-timeline-point-end{text-align:right;align-items:flex-end}.site-timeline-label{color:var(--text-secondary);font-size:.6875rem;font-weight:500}.site-timeline-date{color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:.9375rem;font-weight:650}.site-timeline-sub{color:var(--text-tertiary);font-size:.6875rem}.site-timeline-track{align-items:center;width:100%;height:18px;display:flex;position:relative}.site-timeline-line{background:var(--border-strong);border-radius:2px;width:100%;height:2px}.site-timeline-dot{background:var(--brand,#2563eb);border:2px solid var(--surface);width:10px;height:10px;box-shadow:0 0 0 1px var(--brand,#2563eb);border-radius:50%;position:absolute;top:4px}.site-timeline-dot-start{left:0}.site-timeline-dot-end{right:0}@media (width<=640px){.site-timeline-card{grid-template-columns:1fr;gap:1rem}.site-timeline-point-end{text-align:left;align-items:flex-start}.site-timeline-track{display:none}}.site-modules-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}@media (width<=1024px){.site-modules-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.site-modules-grid{grid-template-columns:1fr}}.site-module-card{background:var(--surface);border:1px solid var(--border);color:inherit;box-shadow:var(--shadow-xs);border-radius:10px;flex-direction:column;justify-content:space-between;padding:1.125rem 1.25rem;text-decoration:none;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex}.site-module-card:hover{border-color:var(--brand);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.site-module-header{justify-content:space-between;align-items:center;gap:.625rem;margin-bottom:.75rem;display:flex}.site-module-icon-wrap{background:var(--brand-light,#2563eb14);width:34px;height:34px;color:var(--brand,#2563eb);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.site-module-badge{border-radius:9999px;padding:.125rem .5rem;font-size:.6875rem;font-weight:600;line-height:1.25}.site-module-badge-success{background:var(--success-bg,#ecfdf5);color:var(--success,#059669);border:1px solid var(--success-border,#a7f3d0)}.site-module-badge-info{background:var(--info-bg,#f0f9ff);color:var(--info,#0284c7);border:1px solid var(--info-border,#bae6fd)}.site-module-badge-neutral{background:var(--surface-subtle);color:var(--text-secondary);border:1px solid var(--border-subtle)}.site-module-body{flex-direction:column;flex:auto;gap:.25rem;display:flex}.site-module-title{color:var(--text-primary);font-size:.875rem;font-weight:600}.site-module-desc{color:var(--text-secondary);margin:0;font-size:.75rem;line-height:1.4}.site-module-footer{border-top:1px solid var(--border-subtle);margin-top:.875rem;padding-top:.625rem}.site-module-action-link{color:var(--brand);align-items:center;gap:.25rem;font-size:.75rem;font-weight:500;transition:gap .15s;display:inline-flex}.site-module-card:hover .site-module-action-link{gap:.375rem}.site-form-modal{width:100%;max-width:640px}.site-modal-form{flex-direction:column;gap:1.25rem;padding:1.25rem 1.5rem 1.5rem;display:flex}.site-form-group{background:var(--surface-subtle);border:1px solid var(--border-subtle);border-radius:8px;flex-direction:column;gap:.75rem;padding:1rem 1.125rem;display:flex}.site-form-group-head{color:var(--brand);border-bottom:1px solid var(--border-subtle);align-items:center;gap:.5rem;padding-bottom:.5rem;display:flex}.site-form-group-icon{flex-shrink:0}.site-form-group-title{color:var(--text-primary);text-transform:uppercase;letter-spacing:.03em;margin:0;font-size:.8125rem;font-weight:600}.site-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:.875rem 1rem;display:grid}@media (width<=600px){.site-form-grid{grid-template-columns:1fr}.site-form-grid .span-2{grid-column:span 1!important}}.site-form-grid .span-2{grid-column:span 2}.site-form-modal-footer{border-top:1px solid var(--border-subtle);justify-content:flex-end;align-items:center;gap:.75rem;padding:1rem 1.5rem;display:flex}.uppercase-input{text-transform:uppercase}.req{color:var(--danger,#dc2626)}.site-team-modal{width:100%;max-width:600px}.site-assign-toolbar{border-bottom:1px solid var(--border-subtle);background:var(--surface-subtle);justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 1.5rem;display:flex}.site-assign-search-box{flex:1;min-width:0;position:relative}.site-assign-search-icon{color:var(--text-tertiary);pointer-events:none;position:absolute;top:50%;left:.625rem;transform:translateY(-50%)}.site-assign-search-input{background:var(--surface);border:1px solid var(--border);width:100%;height:34px;color:var(--text-primary);border-radius:6px;padding-right:.75rem;font-size:.8125rem;padding-left:2rem!important}.site-assign-count-badge{background:var(--surface);border:1px solid var(--border);color:var(--brand);white-space:nowrap;border-radius:6px;align-items:center;gap:.375rem;padding:.25rem .625rem;font-size:.75rem;font-weight:500;display:inline-flex}.site-assign-list{flex-direction:column;gap:.5rem;max-height:360px;padding:.75rem 1.5rem;display:flex;overflow-y:auto}.site-assign-empty{text-align:center;padding:2rem 1rem}.site-assign-option{border:1px solid var(--border-subtle);background:var(--surface);cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;gap:.75rem;padding:.625rem .75rem;transition:all .15s;display:flex}.site-assign-option:hover{border-color:var(--border-strong);background:var(--surface-subtle)}.site-assign-option-active{border-color:var(--brand-border,#bfdbfe);background:var(--brand-light,#2563eb0a)}.site-assign-option-left{align-items:center;gap:.75rem;min-width:0;display:flex}.site-assign-details{flex-direction:column;gap:.125rem;min-width:0;display:flex}.site-assign-name-row{align-items:center;gap:.5rem;display:flex}.site-assign-name-row strong{color:var(--text-primary);font-size:.8125rem}.site-assign-email{color:var(--text-secondary);font-size:.6875rem}.site-assign-status-tag{flex-shrink:0}.site-status-tag-active{color:var(--success);background:var(--success-bg);border:1px solid var(--success-border);border-radius:4px;align-items:center;gap:.25rem;padding:.125rem .375rem;font-size:.6875rem;font-weight:500;display:inline-flex}.site-status-tag-inactive{color:var(--text-tertiary);background:var(--surface-subtle);border:1px solid var(--border-subtle);border-radius:4px;align-items:center;gap:.25rem;padding:.125rem .375rem;font-size:.6875rem;font-weight:500;display:inline-flex}.site-form-page-head{flex-direction:column;gap:.35rem;margin-bottom:-.25rem;display:flex}.site-form-page-head .site-detail-back-link{margin-bottom:0}.site-form-page-head .page-head{margin:0!important}.site-form-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-xs);border-radius:10px;flex-direction:column;gap:1.5rem;padding:1.5rem;display:flex}.site-form-grid .field,.site-form-card .field{min-width:0;flex-direction:column!important;justify-content:flex-start!important;gap:6px!important;display:flex!important}.site-form-grid .field label,.site-form-card .field label{color:var(--text-primary)!important;margin:0!important;font-size:.8125rem!important;font-weight:600!important;line-height:1.25!important}.site-form-grid .field select,.site-form-grid .field input,.site-form-grid .field textarea,.site-form-card .field select,.site-form-card .field input,.site-form-card .field textarea{width:100%!important;margin:0!important}.site-form-section{border-bottom:1px solid var(--border-subtle);flex-direction:column;gap:1rem;padding-bottom:1.25rem;display:flex}.site-form-section:last-of-type{border-bottom:none;padding-bottom:0}.site-form-section-head{align-items:flex-start;gap:.625rem;display:flex}.site-form-section-icon{color:var(--brand);flex-shrink:0;margin-top:.125rem}.site-form-section-title{color:var(--text-primary);margin:0;font-size:.9375rem;font-weight:600}.site-form-section-desc{color:var(--text-secondary);margin:.125rem 0 0;font-size:.75rem}.site-form-actions-bar{border-top:1px solid var(--border-subtle);justify-content:flex-end;align-items:center;gap:.75rem;padding-top:1rem;display:flex}.site-calculated-preview{background:var(--surface-subtle);border:1px solid var(--border-subtle);border-radius:6px;flex-direction:column;justify-content:center;height:38px;padding:0 .75rem;display:flex}.site-calculated-preview strong{color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:.875rem}.site-calculated-preview small{color:var(--text-tertiary);font-size:.6875rem}.site-progress-bar-wrap{background:var(--surface-muted,#e2e8f0);border-radius:9999px;width:100%;height:6px;overflow:hidden}.site-progress-bar-fill{background:var(--brand,#2563eb);border-radius:9999px;height:100%;transition:width .3s}.site-table-progress-cell{flex-direction:column;gap:.25rem;min-width:100px;display:flex}.site-evidence-badge{background:var(--surface-subtle);border:1px solid var(--border-subtle);color:var(--text-secondary);border-radius:4px;align-items:center;gap:.25rem;padding:.125rem .375rem;font-size:.6875rem;font-weight:500;display:inline-flex}.site-attachment-uploader{border-bottom:1px solid var(--border-subtle);background:var(--surface-subtle);flex-wrap:wrap;align-items:center;gap:.75rem;padding:1rem 1.25rem;display:flex}.site-file-input{color:var(--text-secondary);font-size:.8125rem}.site-attachments-list{flex-direction:column;display:flex}.site-attachment-row{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1.25rem;display:flex}.site-attachment-row:last-child{border-bottom:none}.site-attachment-info{align-items:center;gap:.5rem;min-width:0;display:flex}.site-attachment-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;font-weight:500;overflow:hidden}.site-reversal-modal-body{flex-direction:column;gap:1rem;padding:1.25rem 1.5rem;display:flex}.site-reversal-alert{background:var(--danger-bg,#fef2f2);border:1px solid var(--danger-border,#fecaca);color:var(--danger,#dc2626);border-radius:8px;align-items:flex-start;gap:.75rem;padding:.875rem 1rem;font-size:.8125rem;display:flex}.site-reversal-alert strong{margin-bottom:.125rem;font-weight:600;display:block}.site-reversal-alert p{color:var(--danger,#dc2626);opacity:.9;margin:0}.sites-date-wrapper{align-items:center;gap:.375rem;display:inline-flex}.sites-date-label{color:var(--text-secondary);font-size:.75rem;font-weight:500}.sites-date-input{background:var(--surface);border:1px solid var(--border);height:36px;color:var(--text-primary);border-radius:8px;padding:0 .625rem;font-size:.8125rem}.table-cell-desc{white-space:nowrap;text-overflow:ellipsis;max-width:280px;color:var(--text-secondary);margin:0;font-size:.8125rem;overflow:hidden}.tabular-num{font-variant-numeric:tabular-nums}.billing-page-head{margin-bottom:.75rem}.billing-page-head .eyebrow{text-transform:uppercase;letter-spacing:.04em;color:var(--brand);margin-bottom:.625rem;font-size:.75rem;font-weight:600;display:inline-block}.billing-page-title{letter-spacing:-.01em;color:var(--text-primary);margin:0 0 .25rem;font-size:26px;font-weight:600;line-height:1.25}@media (width<=1024px){.billing-page-title{font-size:24px}}@media (width<=640px){.billing-page-title{font-size:22px}}.billing-page-desc{color:var(--text-secondary);margin:0;font-size:.875rem;line-height:1.45}.billing-stack{flex-direction:column;gap:1.25rem;display:flex}.billing-current-plan-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-xs);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.25rem;padding:1.25rem 1.5rem;display:flex;position:relative;overflow:hidden}.billing-current-plan-card:before{content:"";background:var(--brand);width:4px;position:absolute;top:0;bottom:0;left:0}.billing-current-plan-info{flex-direction:column;gap:.375rem;min-width:0;display:flex}.billing-current-plan-header{flex-wrap:wrap;align-items:center;gap:.625rem;display:flex}.billing-current-plan-name{color:var(--text-primary);margin:0;font-size:1.25rem;font-weight:600;line-height:1.2}.billing-current-plan-sub{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.875rem;display:flex}.billing-current-plan-meta{flex-wrap:wrap;align-items:center;gap:1.5rem;display:flex}.billing-plan-meta-item{flex-direction:column;gap:.125rem;display:flex}.billing-plan-meta-label{text-transform:uppercase;letter-spacing:.03em;color:var(--text-tertiary);font-size:.6875rem;font-weight:600}.billing-plan-meta-value{color:var(--text-primary);font-size:.9375rem;font-weight:600}.billing-usage-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}@media (width<=768px){.billing-usage-grid{grid-template-columns:1fr}}.billing-usage-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-xs);border-radius:10px;flex-direction:column;gap:.625rem;padding:1rem 1.125rem;display:flex}.billing-usage-card-head{justify-content:space-between;align-items:center;display:flex}.billing-usage-label{text-transform:uppercase;letter-spacing:.03em;color:var(--text-secondary);font-size:.75rem;font-weight:600}.billing-usage-pct{color:var(--text-tertiary);font-size:.75rem;font-weight:600}.billing-usage-value{color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:1.125rem;font-weight:600;line-height:1.2}.billing-progress-track{background:var(--surface-muted);border-radius:3px;width:100%;height:5px;overflow:hidden}.billing-progress-fill{background:var(--brand);border-radius:3px;height:100%;transition:width .3s}.billing-progress-fill-warning{background:var(--warning)}.billing-dates-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-xs);border-radius:10px;padding:1rem 1.25rem}.billing-dates-title{text-transform:uppercase;letter-spacing:.03em;color:var(--text-secondary);margin:0 0 .75rem;font-size:.8125rem;font-weight:600}.billing-dates-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem 1.5rem;display:grid}.billing-date-item{flex-direction:column;gap:.2rem;display:flex}.billing-date-label{color:var(--text-tertiary);font-size:.75rem}.billing-date-value{color:var(--text-primary);font-size:.875rem;font-weight:600}.billing-features-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-xs);border-radius:10px;padding:1rem 1.25rem}.billing-features-title{text-transform:uppercase;letter-spacing:.03em;color:var(--text-secondary);margin:0 0 .75rem;font-size:.8125rem;font-weight:600}.billing-features-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.625rem 1rem;display:grid}@media (width<=900px){.billing-features-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=480px){.billing-features-grid{grid-template-columns:1fr}}.billing-feature-item{color:var(--text-primary);text-transform:capitalize;align-items:center;gap:.5rem;font-size:.8125rem;font-weight:500;display:flex}.billing-feature-icon-badge{background:var(--success-bg,#f0fdf4);width:20px;height:20px;color:var(--success,#16a34a);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.billing-plans-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.875rem;display:flex}.billing-plans-title-group{min-width:0}.billing-plans-title{color:var(--text-primary);margin:0 0 .125rem;font-size:1.125rem;font-weight:600}.billing-plans-sub{color:var(--text-secondary);margin:0;font-size:.8125rem}.billing-segmented-toggle{background:var(--surface-subtle);border:1px solid var(--border);border-radius:8px;padding:3px;display:inline-flex}.billing-toggle-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.375rem .875rem;font-size:.8125rem;font-weight:500;line-height:1.2;transition:all .15s}.billing-toggle-btn.active{background:var(--surface);color:var(--text-primary);box-shadow:var(--shadow-xs);font-weight:600}.billing-plan-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}@media (width<=1100px){.billing-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.billing-plan-grid{grid-template-columns:1fr}}.billing-plan-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-xs);border-radius:10px;flex-direction:column;justify-content:space-between;gap:1rem;padding:1.125rem;transition:border-color .15s,box-shadow .15s;display:flex;position:relative}.billing-plan-card:hover{border-color:var(--border-strong)}.billing-plan-card-current{border:1.5px solid var(--brand);box-shadow:0 0 0 1px var(--brand-border)}.billing-plan-card-head{flex-direction:column;gap:.625rem;display:flex}.billing-plan-card-title-row{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.billing-plan-card-name{color:var(--text-primary);margin:0;font-size:1rem;font-weight:600}.billing-plan-card-price{color:var(--text-primary);align-items:baseline;gap:.15rem;display:flex}.billing-plan-currency{color:var(--text-secondary);font-size:1rem;font-weight:600}.billing-plan-amount{font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:1.5rem;font-weight:700}.billing-plan-period{color:var(--text-tertiary);font-size:.75rem;font-weight:500}.billing-plan-specs{border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);flex-direction:column;gap:.375rem;padding:.75rem 0;display:flex}.billing-plan-spec-item{justify-content:space-between;font-size:.8125rem;display:flex}.billing-plan-spec-label{color:var(--text-secondary)}.billing-plan-spec-val{color:var(--text-primary);font-weight:600}.billing-plan-card-action{flex-direction:column;display:flex}.billing-plan-btn{cursor:pointer;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;width:100%;height:36px;padding:0 .875rem;font-size:.8125rem;font-weight:500;line-height:1;text-decoration:none;transition:all .15s;display:inline-flex}.billing-plan-btn-primary{background:var(--brand,#2563eb);color:#fff;border-color:var(--brand,#2563eb)}.billing-plan-btn-primary:hover:not(:disabled){background:var(--brand-dark,#1d4ed8);border-color:var(--brand-dark,#1d4ed8)}.billing-plan-btn-secondary{background:var(--surface);color:var(--text-primary);border-color:var(--border)}.billing-plan-btn-secondary:hover:not(:disabled){background:var(--surface-subtle);border-color:var(--border-strong)}.billing-plan-btn:disabled{opacity:.6;cursor:not-allowed}.billing-plan-owner-note{color:var(--text-tertiary);text-align:center;font-size:.75rem}.billing-history-title{color:var(--text-primary);margin:0 0 .75rem;font-size:1.125rem;font-weight:600}.billing-history-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-xs);border-radius:10px;overflow:hidden}.billing-table-responsive{width:100%;overflow-x:auto}.billing-table{border-collapse:collapse;width:100%;font-size:.8125rem}.billing-table th{text-align:left;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em;background:var(--surface-subtle);border-bottom:1px solid var(--border);white-space:nowrap;padding:.75rem 1rem;font-size:.75rem;font-weight:600}.billing-table td{border-bottom:1px solid var(--border-subtle);color:var(--text-primary);vertical-align:middle;padding:.75rem 1rem}.billing-table tr:hover td{background:var(--surface-subtle)}.billing-td-amount{font-variant-numeric:tabular-nums;font-weight:600}.billing-receipt-link{color:var(--brand);font-weight:500;text-decoration:none}.billing-receipt-link:hover{text-decoration:underline}.team-page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;display:flex}.team-page-title{letter-spacing:-.01em;color:var(--text-primary);margin:0 0 6px;font-size:26px;font-weight:600;line-height:1.25}@media (width<=1024px){.team-page-title{font-size:24px}}@media (width<=640px){.team-page-title{font-size:22px}}.team-page-desc{color:var(--text-secondary);max-width:640px;margin:0;font-size:.875rem;line-height:1.45}.team-invite-btn{box-sizing:border-box;background:var(--brand,#2563eb);color:#fff;cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:.375rem;height:36px;min-height:36px;max-height:36px;padding:0 14px;font-size:14px;font-weight:600;line-height:36px;transition:background-color .15s,box-shadow .15s;display:inline-flex}.team-invite-btn:hover{background:var(--brand-dark,#1d4ed8)}.team-invite-btn:focus-visible{box-shadow:var(--focus-ring);outline:none}.team-toolbar{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.team-search-wrapper{flex:240px;min-width:200px;position:relative}.team-search-icon{color:var(--text-tertiary);pointer-events:none;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.team-search-input{background:var(--surface);width:100%;height:36px;color:var(--text-primary);border:1px solid var(--border);border-radius:8px;outline:none;font-size:.8125rem;transition:border-color .15s,box-shadow .15s;padding:0 .75rem 0 2.125rem!important}.team-search-input:focus{border-color:var(--brand);box-shadow:var(--focus-ring)}.team-filter-select{background:var(--surface);min-width:160px;max-width:220px;height:36px;color:var(--text-primary);border:1px solid var(--border);cursor:pointer;border-radius:8px;outline:none;flex:none;padding:0 2rem 0 .75rem;font-size:.8125rem;transition:border-color .15s;width:auto!important}.team-filter-select:focus{border-color:var(--brand);box-shadow:var(--focus-ring)}@media (width<=768px){.team-search-wrapper{flex:100%;width:100%}.team-filter-select{flex:calc(50% - .375rem);min-width:140px;max-width:none}}@media (width<=480px){.team-filter-select{flex:100%;width:100%!important}}.team-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:12px;margin-bottom:1.5rem;position:relative;overflow:visible}.team-table{border-collapse:separate;border-spacing:0;text-align:left;width:100%;font-size:.875rem}.team-table thead tr:first-child th:first-child{border-top-left-radius:11px}.team-table thead tr:first-child th:last-child{border-top-right-radius:11px}.team-table tbody tr:last-child td:first-child{border-bottom-left-radius:11px}.team-table tbody tr:last-child td:last-child{border-bottom-right-radius:11px}.team-table th{text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);background:var(--surface-subtle);border-bottom:1px solid var(--border);white-space:nowrap;padding:.75rem 1rem;font-size:.75rem;font-weight:600}.team-table td{border-bottom:1px solid var(--border-subtle);color:var(--text-primary);vertical-align:middle;padding:.875rem 1rem}.team-table tbody tr:last-child td{border-bottom:none}.team-table tbody tr:hover td{background:var(--surface-subtle)}.team-member-cell{align-items:center;gap:.75rem;display:flex}.team-avatar{background:var(--brand-light,#eff6ff);width:36px;min-width:36px;height:36px;color:var(--brand,#2563eb);border:1px solid var(--border-subtle);-webkit-user-select:none;user-select:none;border-radius:50%;justify-content:center;align-items:center;font-size:.8125rem;font-weight:600;display:flex}.team-member-info{flex-direction:column;min-width:0;display:flex}.team-member-name{color:var(--text-primary);align-items:center;gap:.375rem;font-weight:600;line-height:1.25;display:flex}.team-you-badge{color:var(--text-tertiary);background:var(--surface-subtle);border:1px solid var(--border-subtle);border-radius:4px;padding:1px 5px;font-size:.6875rem;font-weight:500}.team-member-email{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:.8125rem;overflow:hidden}.team-role-select{background:var(--surface);height:32px;color:var(--text-primary);border:1px solid var(--border);cursor:pointer;border-radius:6px;outline:none;max-width:160px;padding:0 1.5rem 0 .625rem;font-size:.8125rem;transition:border-color .15s}.team-role-select:focus{border-color:var(--brand)}.team-role-badge{background:var(--surface-subtle);color:var(--text-secondary);border:1px solid var(--border-subtle);border-radius:6px;align-items:center;padding:.25rem .625rem;font-size:.75rem;font-weight:600;display:inline-flex}.team-role-badge.owner{background:var(--brand-light,#eff6ff);color:var(--brand,#2563eb);border-color:var(--brand-border,#bfdbfe)}.team-action-wrapper{justify-content:flex-end;display:inline-flex;position:relative}.team-action-trigger{width:32px;height:32px;color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;transition:all .15s;display:inline-flex}.team-action-trigger:hover,.team-action-trigger:focus-visible{background:var(--surface-subtle);border-color:var(--border);color:var(--text-primary);outline:none}.team-action-menu{background:var(--surface);border:1px solid var(--border);min-width:160px;box-shadow:var(--shadow-card);z-index:100;border-radius:8px;flex-direction:column;gap:2px;margin-top:4px;padding:4px;display:flex;position:absolute;top:100%;right:0}.team-action-menu.open-up{margin-top:0;margin-bottom:4px;top:auto;bottom:100%;box-shadow:0 -4px 14px #0000002e}.team-action-item{text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:.5rem;width:100%;padding:.5rem .75rem;font-size:.8125rem;font-weight:500;transition:background .12s,color .12s;display:flex}.team-action-item.danger{color:var(--danger,#ef4444)}.team-action-item.danger:hover{background:var(--danger-bg,#fef2f2);color:var(--danger-text,#b91c1c)}.team-mobile-list{display:none}@media (width<=640px){.team-table-desktop{display:none}.team-mobile-list{flex-direction:column;gap:.75rem;display:flex}.team-member-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-xs);border-radius:12px;flex-direction:column;gap:.75rem;padding:1rem;display:flex}.team-member-card-header{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.team-member-card-meta{align-items:center;gap:.75rem;min-width:0;display:flex}.team-member-card-body{border-top:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:.5rem;padding-top:.5rem;display:flex}.team-member-card-footer{color:var(--text-tertiary);justify-content:space-between;align-items:center;font-size:.75rem;display:flex}.team-role-select{width:100%;max-width:none}}.team-pending-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:12px;margin-top:1.5rem;padding:1.25rem}.team-pending-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.team-pending-title{color:var(--text-primary);margin:0;font-size:1rem;font-weight:600}.team-pending-badge{background:var(--surface-subtle);color:var(--text-secondary);border:1px solid var(--border-subtle);border-radius:9999px;padding:2px 8px;font-size:.75rem;font-weight:500}.team-pending-list{flex-direction:column;gap:.625rem;display:flex}.team-pending-item{background:var(--surface-subtle);border:1px solid var(--border-subtle);border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex}.team-pending-email{color:var(--text-primary);font-size:.875rem;font-weight:500}.team-pending-meta{color:var(--text-secondary);margin-top:2px;font-size:.75rem}.team-setup-note{background:var(--surface-subtle);border:1px solid var(--border);border-left:3px solid var(--brand);color:var(--text-secondary);border-radius:8px;margin-bottom:1rem;padding:.75rem 1rem;font-size:.8125rem;line-height:1.4}.export-dropdown-wrap{display:inline-block;position:relative}.export-dropdown-btn{background:var(--surface);height:38px;color:var(--text-primary);border:1px solid var(--border);cursor:pointer;white-space:nowrap;border-radius:8px;align-items:center;gap:.375rem;padding:0 .875rem;font-size:.875rem;font-weight:500;transition:all .15s;display:inline-flex}.export-dropdown-btn:hover{border-color:var(--border-strong);background:var(--surface-subtle)}.export-dropdown-btn:focus-visible{box-shadow:var(--focus-ring);outline:none}.export-btn-icon{color:var(--text-secondary)}.export-chevron{color:var(--text-tertiary);margin-left:2px}.export-dropdown-menu{background:var(--surface);border:1px solid var(--border);min-width:150px;box-shadow:var(--shadow-card);z-index:50;border-radius:8px;flex-direction:column;gap:2px;margin-top:4px;padding:4px;display:flex;position:absolute;top:100%;right:0}.export-menu-item{color:var(--text-primary);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:.5rem;width:100%;padding:.5rem .75rem;font-size:.8125rem;font-weight:500;transition:background .12s,color .12s;display:flex}.export-menu-item:hover{background:var(--surface-subtle);color:var(--brand)}.attendance-page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.25rem;display:flex}.attendance-page-title{letter-spacing:-.01em;color:var(--text-primary);margin:4px 0 6px;font-size:26px;font-weight:600;line-height:1.25}@media (width<=1024px){.attendance-page-title{font-size:24px}}@media (width<=640px){.attendance-page-title{font-size:22px}}.attendance-page-desc{color:var(--text-secondary);max-width:640px;margin:0;font-size:.875rem;line-height:1.45}.attendance-form-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-xs);border-radius:10px;margin-bottom:18px;padding:12px 16px}.attendance-form-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.attendance-form-title{color:var(--text-primary);margin:0;font-size:.9375rem;font-weight:600}.attendance-cancel-link{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:0;font-size:.8125rem;text-decoration:underline}.attendance-cancel-link:hover{color:var(--text-primary)}.attendance-form-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px 12px;display:grid}@media (width<=1024px){.attendance-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px}}@media (width<=640px){.attendance-form-grid{grid-template-columns:1fr;gap:8px}}.attendance-field{flex-direction:column;display:flex}.attendance-label{color:var(--text-secondary);margin-bottom:3px;font-size:.75rem;font-weight:600;line-height:1.2}.attendance-input-wrap{align-items:center;display:flex;position:relative}.attendance-input-icon{color:var(--text-tertiary);pointer-events:none;position:absolute;left:10px}.attendance-input{background:var(--surface);border:1px solid var(--border-strong,var(--border));width:100%;height:34px;min-height:34px;color:var(--text-primary);box-sizing:border-box;border-radius:6px;outline:none;padding:0 .625rem;font-size:.8125rem;transition:border-color .15s,box-shadow .15s}.attendance-input-with-icon{padding-left:2rem}.attendance-input:focus{border-color:var(--brand);box-shadow:var(--focus-ring)}.attendance-select{background:var(--surface);border:1px solid var(--border-strong,var(--border));width:100%;height:34px;min-height:34px;color:var(--text-primary);cursor:pointer;box-sizing:border-box;border-radius:6px;outline:none;padding:0 .625rem;font-size:.8125rem;transition:border-color .15s}.attendance-select:focus{border-color:var(--brand);box-shadow:var(--focus-ring)}.attendance-field-helper{color:var(--text-tertiary);margin-top:2px;font-size:.6875rem}.attendance-form-actions{justify-content:flex-end;align-items:center;gap:10px;margin-top:8px;padding-top:2px;display:flex}.attendance-submit-btn{background:var(--brand,#2563eb);color:#fff;cursor:pointer;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;height:32px;padding:0 1rem;font-size:.8125rem;font-weight:500;transition:background-color .15s;display:inline-flex}.attendance-submit-btn:hover{background:var(--brand-dark,#1d4ed8)}.attendance-submit-btn:disabled{opacity:.6;cursor:not-allowed}.attendance-records-section{margin-top:24px}.compact-form-card.section-card{margin-bottom:1rem}.compact-form-card .section-card-header{padding:.625rem 1.125rem}.compact-form-card .section-card-title{font-size:.9375rem}.compact-form-card .section-card-desc{margin-top:.1rem;font-size:.75rem}.compact-form-card .section-card-body{padding:.75rem 1.125rem}.form-grid-compact-4{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px 12px;display:grid}.form-grid-compact-4 .col-span-2{grid-column:span 2}.form-grid-compact-4 .col-span-3{grid-column:span 3}.form-grid-compact-4 .col-span-full{grid-column:1/-1}@media (width<=1024px){.form-grid-compact-4{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 10px}.form-grid-compact-4 .col-span-3{grid-column:span 2}}@media (width<=640px){.compact-form-card.section-card{margin-bottom:.625rem!important}.compact-form-card .section-card-header{padding:.45rem .75rem!important}.compact-form-card .section-card-title{font-size:.875rem!important}.compact-form-card .section-card-desc{font-size:.6875rem!important}.compact-form-card .section-card-body{padding:.5rem .75rem!important}.form-grid-compact-4{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px 8px!important}.form-grid-compact-4 .col-span-2,.form-grid-compact-4 .col-span-3,.form-grid-compact-4 .col-span-full{grid-column:1/-1!important}.form-grid-compact-4 input:not([type=checkbox]):not([type=radio]):not([type=file]):not(.audit-search-input):not([type=search]),.form-grid-compact-4 select,.compact-form-card input:not([type=checkbox]):not([type=radio]):not([type=file]):not(.audit-search-input):not([type=search]),.compact-form-card select{height:32px!important;min-height:32px!important;padding:0 .5rem!important;font-size:.75rem!important}.form-grid-compact-4 textarea,.compact-form-card textarea{height:46px!important;min-height:46px!important;padding:.35rem .5rem!important;font-size:.75rem!important}.form-grid-compact-4 .field-label,.form-grid-compact-4>label>span,.compact-form-card .field-label{margin-bottom:2px!important;font-size:.6875rem!important}}.form-grid-compact-4>label,.form-grid-compact-4 .compact-field,.compact-form-card .compact-field{flex-direction:column;min-width:0;display:flex}.form-grid-compact-4 .field-label,.form-grid-compact-4>label>span,.compact-form-card .field-label{color:var(--text-secondary);margin-bottom:3px;font-size:.75rem;font-weight:600;line-height:1.2}.form-grid-compact-4 input:not([type=checkbox]):not([type=radio]):not([type=file]):not(.audit-search-input):not([type=search]),.form-grid-compact-4 select,.compact-form-card input:not([type=checkbox]):not([type=radio]):not([type=file]):not(.audit-search-input):not([type=search]),.compact-form-card select{background:var(--surface);border:1px solid var(--border-strong,var(--border));width:100%;height:34px;min-height:34px;color:var(--text-primary);box-sizing:border-box;border-radius:6px;outline:none;padding:0 .625rem;font-size:.8125rem;transition:border-color .15s,box-shadow .15s}.form-grid-compact-4 textarea{background:var(--surface);border:1px solid var(--border-strong,var(--border));width:100%;height:52px;min-height:52px;color:var(--text-primary);box-sizing:border-box;resize:vertical;border-radius:6px;outline:none;padding:.35rem .625rem;font-size:.8125rem;line-height:1.35;transition:border-color .15s,box-shadow .15s}.form-grid-compact-4 input[type=file]{background:var(--surface);border:1px solid var(--border-strong,var(--border));width:100%;height:34px;min-height:34px;color:var(--text-primary);box-sizing:border-box;cursor:pointer;border-radius:6px;align-items:center;padding:3px 6px;font-size:.75rem;display:flex}.form-grid-compact-4 input[type=file]::file-selector-button{border:1px solid var(--border);background:var(--surface-subtle);height:24px;color:var(--text-primary);cursor:pointer;border-radius:4px;margin-right:8px;padding:0 8px;font-size:.75rem;font-weight:500;transition:all .15s}.form-grid-compact-4 input[type=file]::file-selector-button:hover{background:var(--brand-light);color:var(--brand);border-color:var(--brand-border)}.form-grid-compact-4 select{cursor:pointer;padding-right:28px}.form-grid-compact-4 input:not([type=checkbox]):not([type=radio]):focus,.form-grid-compact-4 select:focus,.form-grid-compact-4 textarea:focus{border-color:var(--brand);box-shadow:var(--focus-ring)}.form-compact-actions{border-top:1px solid var(--border-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-top:.625rem;padding-top:.5rem;display:flex}.attendance-records-header{margin-bottom:14px}.attendance-records-title{color:var(--text-primary);margin:0;font-size:1.125rem;font-weight:600}.attendance-records-subtitle{color:var(--text-secondary);margin:2px 0 0;font-size:.8125rem}.attendance-filter-bar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px;display:flex}.attendance-filter-bar select,.attendance-filter-select{background:var(--surface);min-width:140px;max-width:200px;height:36px;color:var(--text-primary);border:1px solid var(--border);cursor:pointer;border-radius:8px;outline:none;flex:none;padding:0 1.5rem 0 .75rem;font-size:.8125rem;transition:border-color .15s;width:auto!important}.attendance-filter-select:focus{border-color:var(--brand);box-shadow:var(--focus-ring)}.attendance-filter-date{background:var(--surface);border:1px solid var(--border);height:36px;color:var(--text-secondary);border-radius:8px;flex:none;align-items:center;gap:6px;width:auto;padding:0 .5rem 0 .65rem;font-size:.8125rem;display:inline-flex}.attendance-filter-date input[type=date]{color:var(--text-primary);height:100%;min-height:unset;background:0 0;border:none;outline:none;width:auto;padding:0;font-size:.8125rem}.attendance-filter-date:focus-within{border-color:var(--brand);box-shadow:var(--focus-ring)}.attendance-clear-btn{height:36px;color:var(--text-secondary);border:1px dashed var(--border-strong);cursor:pointer;white-space:nowrap;background:0 0;border-radius:8px;flex:none;padding:0 .75rem;font-size:.8125rem;font-weight:500;transition:all .15s}.attendance-clear-btn:hover{color:var(--danger);border-color:var(--danger);background:var(--danger-bg)}.attendance-leave-context-clean{border:1px solid var(--info-border,#bae6fd);background:var(--info-bg,#f0f9ff);color:var(--info-text,#0369a1);border-radius:8px;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;margin-bottom:14px;padding:.65rem .875rem;font-size:.8125rem;display:flex}.attendance-table-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y;border-radius:12px;width:100%;margin-bottom:1.5rem;overflow-x:auto}.attendance-table{border-collapse:collapse;text-align:left;width:100%;min-width:680px;font-size:.875rem}.attendance-table th,.attendance-table td{white-space:nowrap}.attendance-table th{text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);background:var(--surface-subtle);border-bottom:1px solid var(--border);white-space:nowrap;padding:.65rem .875rem;font-size:.75rem;font-weight:600}.attendance-table td{border-bottom:1px solid var(--border-subtle);color:var(--text-primary);vertical-align:middle;padding:.65rem .875rem}.attendance-table tbody tr:last-child td{border-bottom:none}.attendance-table tbody tr:hover td{background:var(--surface-subtle)}.attendance-tabular{font-variant-numeric:tabular-nums}.attendance-member-link{color:var(--text-primary);font-weight:600;text-decoration:none}.attendance-member-link:hover{color:var(--brand);text-decoration:underline}.attendance-btn-xs{background:var(--surface);border:1px solid var(--border);height:28px;color:var(--text-primary);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;padding:0 .65rem;font-size:.75rem;font-weight:500;transition:all .15s;display:inline-flex}.attendance-btn-xs:hover{background:var(--surface-subtle);border-color:var(--brand);color:var(--brand)}.attendance-mobile-list{display:none}@media (width<=640px){.attendance-table-desktop{display:none}.attendance-mobile-list{flex-direction:column;gap:.75rem;padding:.75rem;display:flex}}.leave-page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.25rem;display:flex}.leave-page-title{letter-spacing:-.01em;color:var(--text-primary);margin:4px 0 6px;font-size:26px;font-weight:600;line-height:1.25}@media (width<=1024px){.leave-page-title{font-size:24px}}@media (width<=640px){.leave-page-title{font-size:22px}}.leave-page-desc{color:var(--text-secondary);max-width:640px;margin:0;font-size:.875rem;line-height:1.45}.leave-request-btn{background:var(--brand,#2563eb);color:#fff;cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:.375rem;height:38px;padding:0 1rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:background-color .15s;display:inline-flex}.leave-request-btn:hover{background:var(--brand-dark,#1d4ed8);color:#fff}.leave-request-btn:focus-visible{box-shadow:var(--focus-ring);outline:none}.leave-view-tabs{background:var(--surface-subtle);border:1px solid var(--border);border-radius:8px;align-items:center;gap:4px;margin-bottom:16px;padding:4px;display:inline-flex}.leave-tab-btn{height:32px;color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;padding:0 .875rem;font-size:.8125rem;font-weight:500;transition:all .15s;display:inline-flex}.leave-tab-btn:hover{color:var(--text-primary)}.leave-tab-btn.active{background:var(--surface);color:var(--brand);border-color:var(--border);box-shadow:var(--shadow-xs);font-weight:600}.leave-filter-bar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;display:flex}.leave-filter-bar select,.leave-filter-select{background:var(--surface);min-width:140px;max-width:200px;height:36px;color:var(--text-primary);border:1px solid var(--border);cursor:pointer;border-radius:8px;outline:none;flex:none;padding:0 1.5rem 0 .75rem;font-size:.8125rem;transition:border-color .15s;width:auto!important}.leave-filter-select:focus{border-color:var(--brand);box-shadow:var(--focus-ring)}.leave-filter-date{background:var(--surface);border:1px solid var(--border);height:36px;color:var(--text-secondary);border-radius:8px;flex:none;align-items:center;gap:6px;width:auto;padding:0 .5rem 0 .65rem;font-size:.8125rem;display:inline-flex}.leave-filter-date input[type=date]{color:var(--text-primary);height:100%;min-height:unset;background:0 0;border:none;outline:none;width:auto;padding:0;font-size:.8125rem}.leave-filter-date:focus-within{border-color:var(--brand);box-shadow:var(--focus-ring)}.leave-clear-btn{height:36px;color:var(--text-secondary);border:1px dashed var(--border-strong);cursor:pointer;white-space:nowrap;background:0 0;border-radius:8px;flex:none;padding:0 .75rem;font-size:.8125rem;font-weight:500;transition:all .15s}.leave-clear-btn:hover{color:var(--danger);border-color:var(--danger);background:var(--danger-bg)}.leave-table-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y;border-radius:12px;width:100%;margin-bottom:1.5rem;overflow-x:auto}.leave-table{border-collapse:collapse;text-align:left;width:100%;min-width:680px;font-size:.875rem}.leave-table td{white-space:nowrap}.leave-table th{text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);background:var(--surface-subtle);border-bottom:1px solid var(--border);white-space:nowrap;padding:.65rem .875rem;font-size:.75rem;font-weight:600}.leave-table td{border-bottom:1px solid var(--border-subtle);color:var(--text-primary);vertical-align:middle;padding:.65rem .875rem}.leave-table tbody tr:last-child td{border-bottom:none}.leave-table tbody tr:hover td{background:var(--surface-subtle)}.leave-tabular{font-variant-numeric:tabular-nums}.leave-member-name{color:var(--text-primary);font-weight:600}.leave-action-btn{background:var(--surface);border:1px solid var(--border);height:28px;color:var(--text-primary);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;padding:0 .65rem;font-size:.75rem;font-weight:500;text-decoration:none;transition:all .15s;display:inline-flex}.leave-action-btn:hover{background:var(--surface-subtle);border-color:var(--brand);color:var(--brand)}.leave-mobile-list{display:none}@media (width<=640px){.leave-table-desktop{display:none}.leave-mobile-list{flex-direction:column;gap:.75rem;padding:.75rem;display:flex}.attendance-filter-bar,.leave-filter-bar{flex-direction:column;align-items:stretch}.attendance-filter-bar select,.attendance-filter-select,.leave-filter-bar select,.leave-filter-select{max-width:none;width:100%!important}.attendance-filter-date,.leave-filter-date{justify-content:space-between;width:100%}}.leave-type-page-stack{flex-direction:column;gap:24px;display:flex}.leave-type-page-head{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:0;display:flex}.leave-type-eyebrow{text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);margin-bottom:.625rem;font-size:.75rem;font-weight:600;display:block}.leave-type-page-title{letter-spacing:-.01em;color:var(--text-primary);margin:4px 0 6px;font-size:26px;font-weight:600;line-height:1.25}@media (width<=1024px){.leave-type-page-title{font-size:24px}}@media (width<=640px){.leave-type-page-title{font-size:22px}}.leave-type-page-desc{color:var(--text-secondary);max-width:640px;margin:0;font-size:.875rem;line-height:1.45}.leave-type-summary-wrap{margin-top:-4px}.leave-type-section-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.leave-type-section-title{color:var(--text-primary);margin:0;font-size:18px;font-weight:600;line-height:1.35}.leave-type-section-subtitle{color:var(--text-secondary);margin:2px 0 0;font-size:.8125rem}.leave-type-form-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-xs);border-radius:12px;padding:18px 20px}.leave-type-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.leave-type-field{flex-direction:column;gap:6px;display:flex}.leave-type-label{color:var(--text-primary);font-size:.8125rem;font-weight:500}.leave-type-input,.leave-type-select{background:var(--surface);height:38px;color:var(--text-primary);border:1px solid var(--border);border-radius:8px;outline:none;width:100%;padding:0 .75rem;font-size:.875rem;transition:border-color .15s,box-shadow .15s}.leave-type-input:focus,.leave-type-select:focus{border-color:var(--brand);box-shadow:var(--focus-ring)}.leave-type-switch-container{background:var(--surface-subtle);border:1px solid var(--border);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;min-height:52px;padding:10px 14px;transition:border-color .15s,background-color .15s;display:flex}.leave-type-switch-container:hover{border-color:var(--border-strong)}.leave-type-switch-info{flex-direction:column;gap:2px;min-width:0;display:flex}.leave-type-switch-label{color:var(--text-primary);font-size:.8125rem;font-weight:600}.leave-type-switch-desc{color:var(--text-secondary);font-size:.75rem}.leave-type-switch-wrapper{flex-shrink:0;align-items:center;display:inline-flex;position:relative}.leave-type-switch-input{opacity:0;pointer-events:none;width:0;height:0;margin:0;padding:0;position:absolute}.leave-type-switch-track{box-sizing:border-box;background-color:var(--border-strong,#cbd5e1);cursor:pointer;border:none;border-radius:9999px;flex-shrink:0;width:40px;min-width:40px;max-width:40px;height:22px;min-height:22px;max-height:22px;margin:0;padding:0;transition:background-color .2s;display:block;position:relative}.leave-type-switch-track.active,.leave-type-switch-input:checked+.leave-type-switch-track{background-color:var(--brand,#2563eb)}.leave-type-switch-input:focus-visible+.leave-type-switch-track{box-shadow:var(--focus-ring)}.leave-type-switch-thumb{box-sizing:border-box;pointer-events:none;background-color:#fff;border-radius:9999px;width:18px;height:18px;transition:transform .2s cubic-bezier(.4,0,.2,1);display:block;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #00000040}.leave-type-switch-track.active .leave-type-switch-thumb,.leave-type-switch-input:checked+.leave-type-switch-track .leave-type-switch-thumb{transform:translate(18px)}.leave-type-form-actions{border-top:1px solid var(--border-subtle);justify-content:flex-end;align-items:center;gap:10px;margin-top:16px;padding-top:14px;display:flex}.leave-type-cancel-btn{height:36px;color:var(--text-secondary);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;padding:0 1rem;font-size:.875rem;font-weight:500;transition:all .15s;display:inline-flex}.leave-type-cancel-btn:hover{background:var(--surface-subtle);color:var(--text-primary)}.leave-type-submit-btn{background:var(--brand,#2563eb);color:#fff;cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:6px;height:36px;padding:0 1.125rem;font-size:.875rem;font-weight:500;transition:background-color .15s;display:inline-flex}.leave-type-submit-btn:hover{background:var(--brand-dark,#1d4ed8)}.leave-type-submit-btn:disabled{opacity:.6;cursor:not-allowed}.leave-type-list-section{flex-direction:column;gap:12px;display:flex}.leave-type-table-card{background:var(--surface);border:1px solid var(--border);-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y;width:100%;box-shadow:var(--shadow-sm);border-radius:12px;overflow-x:auto}.leave-type-table{border-collapse:collapse;text-align:left;width:100%;min-width:600px}.leave-type-table td{white-space:nowrap}.leave-type-table th{text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);background:var(--surface-subtle);border-bottom:1px solid var(--border);white-space:nowrap;padding:10px 16px;font-size:.75rem;font-weight:600}.leave-type-table td{color:var(--text-primary);border-bottom:1px solid var(--border-subtle);vertical-align:middle;padding:12px 16px;font-size:.8125rem}.leave-type-table tr:last-child td{border-bottom:none}.leave-type-table tbody tr:hover td{background:var(--surface-subtle)}.leave-type-code-badge{background:var(--surface-subtle);color:var(--text-primary);border:1px solid var(--border);border-radius:6px;align-items:center;padding:2px 7px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.75rem;font-weight:600;display:inline-flex}.leave-type-chip{border-radius:6px;align-items:center;gap:4px;padding:2px 8px;font-size:.75rem;font-weight:500;display:inline-flex}.leave-type-chip.chip-success{background:var(--success-bg,#f0fdf4);color:var(--success-text,#166534);border:1px solid var(--success-border,#bbf7d0)}.leave-type-chip.chip-info{background:var(--info-bg,#f0f9ff);color:var(--info-text,#0369a1);border:1px solid var(--info-border,#bae6fd)}.leave-type-chip.chip-neutral{background:var(--surface-subtle);color:var(--text-secondary);border:1px solid var(--border)}.leave-type-action-btn{background:var(--surface);border:1px solid var(--border);height:30px;color:var(--text-primary);cursor:pointer;border-radius:6px;align-items:center;gap:5px;padding:0 10px;font-size:.75rem;font-weight:500;transition:all .15s;display:inline-flex}.leave-type-action-btn:hover{background:var(--surface-subtle);border-color:var(--brand);color:var(--brand)}.leave-type-mobile-list{display:none}@media (width<=640px){.leave-type-table-desktop{display:none}.leave-type-mobile-list{flex-direction:column;gap:.75rem;padding:.75rem;display:flex}.leave-type-mobile-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:10px;padding:12px 14px;display:flex}.leave-type-form-grid{grid-template-columns:1fr}.leave-type-switch-container{width:100%}}[data-theme=dark] .site-summary-card-accent{border-color:var(--brand-border);background:linear-gradient(135deg, var(--surface) 0%, #1e3a5f4d 100%)}[data-theme=dark] .site-section-eyebrow{border-color:var(--brand-border);color:var(--brand);background:#1e3a5f66}[data-theme=dark] .site-module-icon-wrap{color:var(--brand);background:#1e3a5f66}[data-theme=dark] .site-team-avatar{border-color:var(--brand-border);color:var(--brand);background:#1e3a5f66}[data-theme=dark] .site-timeline-line{background:var(--border-strong)}[data-theme=dark] .site-timeline-dot{border-color:var(--surface)}[data-theme=dark] .site-form-group,[data-theme=dark] .site-assign-toolbar{background:var(--surface-subtle);border-color:var(--border)}[data-theme=dark] .site-assign-option{background:var(--surface);border-color:var(--border)}[data-theme=dark] .site-assign-option-active{border-color:var(--brand-border);background:#1e3a5f4d}[data-theme=dark] .site-progress-bar-wrap{background:var(--surface-subtle)}[data-theme=dark] .site-attachment-uploader,[data-theme=dark] .site-calculated-preview{background:var(--surface-subtle);border-color:var(--border)}.erp-page-title,.page-title,.page-head h1,.page-header h1,.erp-page-header h1,.detail-header h1,.sites-page-title,.site-detail-title,.billing-page-title,.team-page-title,.attendance-page-title,.leave-page-title,.leave-type-page-title{font-family:var(--font-heading)!important;letter-spacing:-.01em!important;color:var(--text-primary)!important;font-size:26px!important;font-weight:600!important;line-height:1.25!important}@media (width<=1024px){.erp-page-title,.page-title,.page-head h1,.page-header h1,.erp-page-header h1,.detail-header h1,.sites-page-title,.site-detail-title,.billing-page-title,.team-page-title,.attendance-page-title,.leave-page-title,.leave-type-page-title{font-size:24px!important}}@media (width<=640px){.erp-page-title,.page-title,.page-head h1,.page-header h1,.erp-page-header h1,.detail-header h1,.sites-page-title,.site-detail-title,.billing-page-title,.team-page-title,.attendance-page-title,.leave-page-title,.leave-type-page-title{font-size:22px!important}}.section-title,.site-section-title,.attendance-records-title,.leave-type-section-title,.billing-plans-title,.billing-history-title,.panel-head h2,.section-heading h2,.section-heading-action h2,.form-section-heading h2,.project-section h2,.attendance-form-title,.site-form-group-title,.site-form-section-title{font-family:var(--font-heading)!important;letter-spacing:normal!important;color:var(--text-primary)!important;font-size:18px!important;font-weight:600!important;line-height:1.35!important}.card-title,.entity-card-title,.site-card-title,.section-card-title,.team-pending-title,.chart-card-title,.task-board-column-title{font-family:var(--font-heading)!important;color:var(--text-primary)!important;font-size:16px!important;font-weight:600!important;line-height:1.35!important}button.button:not(.button-sm):not(.button-lg):not(.icon-button),.button:not(.button-sm):not(.button-lg):not(.icon-button),.button-link:not(.button-sm):not(.button-lg):not(.icon-button),.secondary-button:not(.button-sm):not(.button-lg):not(.icon-button),.btn-primary:not(.button-sm):not(.button-lg):not(.icon-button),.btn-secondary:not(.button-sm):not(.button-lg):not(.icon-button),.sites-new-btn,.site-detail-edit-btn,.site-team-manage-btn,.team-invite-btn,.leave-request-btn,.attendance-submit-btn,.attendance-clear-btn,.leave-clear-btn,.leave-type-submit-btn,.leave-type-cancel-btn,.billing-plan-btn,.export-dropdown-btn{box-sizing:border-box!important;border-radius:8px!important;justify-content:center!important;align-items:center!important;height:36px!important;min-height:36px!important;max-height:36px!important;font-size:14px!important;font-weight:600!important;line-height:1!important;display:inline-flex!important}button.button-primary:not(.button-sm):not(.button-lg),.button-primary:not(.button-sm):not(.button-lg),.sites-new-btn,.team-invite-btn,.leave-request-btn,.attendance-submit-btn,.leave-type-submit-btn,.billing-plan-btn-primary{padding:0 14px!important}button.secondary-button:not(.button-sm):not(.button-lg),.secondary-button:not(.button-sm):not(.button-lg),.button-secondary:not(.button-sm):not(.button-lg),.site-detail-edit-btn,.site-team-manage-btn,.attendance-clear-btn,.leave-clear-btn,.leave-type-cancel-btn,.billing-plan-btn-secondary,.export-dropdown-btn{padding:0 12px!important;font-weight:500!important}.button-sm,button.button-sm,a.button-sm,.modern-table button:not(.icon-button),.modern-table a.button:not(.icon-button),.table-card button:not(.icon-button),.table-card a.button:not(.icon-button),.row-actions button:not(.icon-button),.row-actions a:not(.icon-button),.action-cell button:not(.icon-button),.action-cell a:not(.icon-button),table td button:not(.icon-button),table td a.button:not(.icon-button),.attendance-btn-xs,.leave-action-btn,.leave-type-action-btn,.site-btn-xs,.table-action-btn{box-sizing:border-box!important;border-radius:7px!important;justify-content:center!important;align-items:center!important;height:32px!important;min-height:32px!important;max-height:32px!important;padding:0 10px!important;font-size:13px!important;font-weight:500!important;line-height:1!important;display:inline-flex!important}.icon-button-sm{border-radius:7px!important;width:32px!important;min-width:32px!important;height:32px!important;min-height:32px!important;font-size:13px!important}.icon-button-md{border-radius:8px!important;width:36px!important;min-width:36px!important;height:36px!important;min-height:36px!important;font-size:14px!important}.report-filter-card{background:var(--surface);border-color:var(--border)}.report-filter-card label>span{color:var(--text-secondary)}.report-filter-card input,.report-filter-card select{background:var(--surface);color:var(--text-primary);border-color:var(--border-strong);border-radius:var(--radius-md);height:38px}.ledger-summary-grid{background:var(--surface);border-color:var(--border)}.ledger-summary-grid article{border-right-color:var(--border-subtle)}.ledger-summary-grid span{color:var(--text-secondary)}.ledger-summary-grid strong{color:var(--text-primary)}.ledger-summary-grid .ledger-closing-balance{background:var(--surface-subtle)}[data-theme=dark] .ageing-bucket{background:var(--surface-subtle);color:var(--text-primary)}[data-theme=dark] .ageing-61-90,[data-theme=dark] .ageing-90plus{background:var(--danger-bg);color:var(--danger-text)}[data-theme=dark] select,[data-theme=dark] .field select,[data-theme=dark] .site-form select,[data-theme=dark] .form select,[data-theme=dark] .form-grid select,[data-theme=dark] .form-grid-compact-4 select,[data-theme=dark] .toolbar select,[data-theme=dark] .filter-bar select,[data-theme=dark] .attendance-select,[data-theme=dark] .sites-status-select,[data-theme=dark] .team-filter-select,[data-theme=dark] .team-role-select,[data-theme=dark] .leave-filter-select,[data-theme=dark] .leave-type-select,[data-theme=dark] .report-filter-card select,[data-theme=dark] .document-upload select,[data-theme=dark] .grn-document-upload select,[data-theme=dark] .request-line select,[data-theme=dark] .po-filter select,[data-theme=dark] .list-toolbar.compact select,[data-theme=dark] .section-heading select,[data-theme=dark] td select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background-color:var(--surface)!important;color:var(--text-primary)!important;border-color:var(--border)!important}[data-theme=dark] select:focus,[data-theme=dark] .field select:focus,[data-theme=dark] .form-grid select:focus,[data-theme=dark] .filter-bar select:focus{border-color:var(--brand)!important;box-shadow:var(--focus-ring)!important}[data-theme=dark] select:disabled,[data-theme=dark] .field select:disabled,[data-theme=dark] .site-form select:disabled,[data-theme=dark] .form select:disabled,[data-theme=dark] .form-grid select:disabled,[data-theme=dark] .toolbar select:disabled,[data-theme=dark] .filter-bar select:disabled{background-color:var(--surface-subtle)!important;color:var(--text-secondary)!important;border-color:var(--border)!important}[data-theme=dark] select option,[data-theme=dark] select optgroup{background-color:var(--surface)!important;color:var(--text-primary)!important}[data-theme=dark] select option[value=""],[data-theme=dark] select option[value="0"],[data-theme=dark] select option:disabled{color:var(--text-secondary)!important}.site-workspace-shell{flex-direction:column;gap:1.25rem;display:flex}.site-workspace-header-root{flex-direction:column;gap:.75rem;display:flex}.site-workspace-breadcrumbs{color:var(--text-secondary);align-items:center;gap:.375rem;font-size:.8125rem;display:flex}.site-crumb-link{color:var(--text-secondary);text-decoration:none;transition:color .15s}.site-crumb-link:hover{color:var(--brand)}.site-crumb-separator{color:var(--text-tertiary);opacity:.6}.site-crumb-current{color:var(--text-primary);font-weight:600}.site-workspace-hero{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1.25rem;padding:1.25rem 1.5rem;display:flex}.site-workspace-hero-info{flex-direction:column;gap:.375rem;min-width:0;display:flex}.site-workspace-hero-title-row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.site-workspace-hero-title{letter-spacing:-.02em;color:var(--text-primary);margin:0;font-size:1.625rem;font-weight:700;line-height:1.2}.site-workspace-hero-subtitle{color:var(--text-secondary);margin:0;font-size:.875rem;line-height:1.4}.site-workspace-hero-actions{flex-wrap:wrap;align-items:center;gap:.625rem;display:flex}.site-switcher-container{display:inline-block;position:relative}.site-switcher-trigger{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;-webkit-user-select:none;user-select:none;box-shadow:var(--shadow-xs);align-items:center;gap:.5rem;padding:.375rem .625rem;font-size:.8125rem;font-weight:500;transition:all .15s;display:inline-flex}.site-switcher-trigger:hover{border-color:var(--brand);background:var(--surface-subtle)}.site-switcher-trigger-content{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:.375rem;max-width:220px;display:inline-flex;overflow:hidden}.site-switcher-icon{color:var(--brand);flex-shrink:0}.site-switcher-active-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.site-switcher-badge{background:var(--surface-subtle);border:1px solid var(--border-subtle);color:var(--text-secondary);border-radius:4px;padding:1px 6px;font-size:.6875rem;font-weight:600}.site-switcher-arrow{color:var(--text-tertiary);transition:transform .2s}.site-switcher-arrow.open{transform:rotate(180deg)}.site-switcher-dropdown{z-index:1050;border-radius:var(--radius-md);flex-direction:column;width:310px;max-height:340px;animation:.15s ease-out fadeIn;display:flex;position:absolute;top:calc(100% + 6px);left:0;overflow:hidden;background:var(--surface)!important;border:1px solid var(--border-strong)!important;box-shadow:0 16px 36px -4px #00000073,0 4px 12px #00000040!important}.site-switcher-search-wrap{border-bottom:1px solid var(--border);background:var(--surface-subtle);align-items:center;gap:.5rem;padding:.5rem .75rem;display:flex}.site-switcher-search-icon{color:var(--text-tertiary);flex-shrink:0}.site-switcher-search-input{width:100%;font-size:.8125rem;height:32px!important;color:var(--text-primary)!important;box-shadow:none!important;background:0 0!important;border:none!important;outline:none!important;padding:0!important;line-height:32px!important}.site-switcher-list{scrollbar-width:thin;max-height:250px;padding:.375rem;overflow-y:auto}.site-switcher-list::-webkit-scrollbar{width:4px}.site-switcher-list::-webkit-scrollbar-track{background:0 0}.site-switcher-list::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}.site-switcher-empty{text-align:center;color:var(--text-tertiary);padding:1rem;font-size:.8125rem}.site-switcher-option{border-radius:var(--radius-sm);font-size:.8125rem;transition:background-color .12s;white-space:normal!important;cursor:pointer!important;width:100%!important;height:auto!important;min-height:40px!important;max-height:none!important;color:var(--text-primary)!important;text-align:left!important;box-sizing:border-box!important;background:0 0!important;border:none!important;justify-content:space-between!important;align-items:center!important;padding:.5rem .65rem!important;line-height:normal!important;display:flex!important}.site-switcher-option:hover{background:var(--surface-subtle)!important;color:var(--text-primary)!important}.site-switcher-option.active{font-weight:600;background:var(--brand-light)!important;color:var(--brand)!important}.site-switcher-option-info{overflow:hidden;flex-direction:column!important;flex:auto!important;gap:2px!important;min-width:0!important;display:flex!important}.site-switcher-option-name{text-overflow:ellipsis;white-space:nowrap;color:var(--text-primary);font-size:.8125rem;font-weight:500;line-height:1.3;overflow:hidden}.site-switcher-option.active .site-switcher-option-name{color:var(--brand);font-weight:600}.site-switcher-option-code{color:var(--text-tertiary);font-size:.6875rem;font-family:var(--font-mono,monospace);line-height:1.2}.site-switcher-option.active .site-switcher-option-code{color:var(--brand);opacity:.85}.site-switcher-check{flex-shrink:0;margin-left:8px;color:var(--brand)!important}.site-section-filter-wrap{align-items:center;width:270px;max-width:100%;display:inline-flex;position:relative}.site-section-filter-wrap .site-section-filter-icon,.site-section-filter-wrap svg{color:var(--text-tertiary);pointer-events:none;z-index:2;flex-shrink:0;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.site-section-filter-wrap input,.site-section-filter-wrap .site-table-search{background:var(--surface)!important;width:100%!important;height:36px!important;min-height:36px!important;max-height:36px!important;color:var(--text-primary)!important;border:1px solid var(--border)!important;border-radius:var(--radius-md)!important;box-sizing:border-box!important;outline:none!important;padding:0 .75rem 0 2.25rem!important;font-size:.8125rem!important;line-height:36px!important;transition:border-color .15s,box-shadow .15s!important}.site-section-filter-wrap input:focus,.site-section-filter-wrap .site-table-search:focus{border-color:var(--brand)!important;box-shadow:var(--focus-ring)!important}.site-section-filter-wrap input::placeholder,.site-section-filter-wrap .site-table-search::placeholder{color:var(--text-tertiary)!important}.site-compact-context-bar{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.625rem 1rem;display:flex}.site-compact-info{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.site-compact-back-btn{border-radius:var(--radius-sm);background:var(--surface-subtle);border:1px solid var(--border-subtle);color:var(--text-primary);align-items:center;gap:.375rem;padding:.3125rem .625rem;font-size:.8125rem;font-weight:500;text-decoration:none;transition:all .15s;display:inline-flex}.site-compact-back-btn:hover{background:var(--brand-light);color:var(--brand);border-color:var(--brand-border)}.site-compact-divider{background:var(--border);width:1px;height:18px}.site-compact-client{color:var(--text-secondary);font-size:.8125rem}.site-workspace-nav-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);align-items:center;padding:.25rem;display:flex;position:relative;overflow:hidden}.site-workspace-tabs-scroll{scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;align-items:center;gap:.375rem;width:100%;padding:.125rem .25rem;scroll-padding:0 .75rem;display:flex;overflow-x:auto}.site-workspace-tabs-scroll::-webkit-scrollbar{display:none}.site-workspace-tab-btn{border-radius:var(--radius-md);color:var(--text-secondary);white-space:nowrap;border:1px solid #0000;flex-shrink:0;align-items:center;gap:.4375rem;padding:.45rem .75rem;font-size:.8125rem;font-weight:500;text-decoration:none;transition:all .15s;display:inline-flex}.site-workspace-tab-btn:hover{color:var(--text-primary);background:var(--surface-subtle)}.site-workspace-tab-btn.active{color:var(--brand);background:var(--brand-light);border-color:var(--brand-border);font-weight:600}.site-tab-icon{flex-shrink:0}.site-tabs-scroll-btn{z-index:10;position:absolute;top:50%;transform:translateY(-50%);border:1px solid var(--border)!important;background:var(--surface)!important;width:28px!important;min-width:28px!important;max-width:28px!important;height:28px!important;min-height:28px!important;max-height:28px!important;color:var(--text-primary)!important;cursor:pointer!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;padding:0!important;transition:all .15s!important;display:flex!important;box-shadow:0 2px 8px #00000040!important}.site-tabs-scroll-btn:hover{background:var(--surface-subtle)!important;color:var(--brand)!important;border-color:var(--brand-border)!important}.site-tabs-scroll-left{left:4px}.site-tabs-scroll-right{right:4px}.site-workspace-content,.site-tab-stack{flex-direction:column;gap:1.25rem;width:100%;display:flex}.site-overview-stack{flex-direction:column;gap:1.25rem;display:flex}.site-overview-domains-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;display:grid}@media (width<=900px){.site-overview-domains-grid{grid-template-columns:1fr}}.site-domain-metric-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-bottom:.75rem;display:grid}.site-domain-metric{background:var(--surface-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-md);flex-direction:column;gap:.25rem;padding:.625rem .75rem;display:flex}.site-domain-metric-label{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;font-weight:500;overflow:hidden}.site-domain-metric-val{color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:1.25rem;font-weight:700;line-height:1.2}.site-domain-actions{border-top:1px solid var(--border-subtle);flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.75rem;padding-top:.75rem;display:flex}.site-domain-view-all{color:var(--brand);align-items:center;gap:.25rem;font-size:.8125rem;font-weight:500;text-decoration:none;transition:gap .15s;display:inline-flex}.site-domain-view-all:hover{gap:.4rem}.site-reports-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;display:grid}.site-report-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);flex-direction:column;justify-content:space-between;padding:1.125rem;text-decoration:none;transition:all .15s;display:flex}.site-report-card:hover{border-color:var(--brand);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.site-report-card-head{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.site-report-icon-wrap{border-radius:var(--radius-sm);background:var(--brand-light);width:34px;height:34px;color:var(--brand);border:1px solid var(--brand-border);justify-content:center;align-items:center;display:flex}.site-report-category{text-transform:uppercase;letter-spacing:.04em;color:var(--text-tertiary);background:var(--surface-subtle);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);padding:.2rem .5rem;font-size:.6875rem;font-weight:600}.site-report-card-body{flex:1;margin-bottom:.875rem}.site-report-title{color:var(--text-primary);margin-bottom:.375rem;font-size:.9375rem;font-weight:600;line-height:1.3;display:block}.site-report-desc{color:var(--text-secondary);margin:0;font-size:.8125rem;line-height:1.45}.site-report-card-footer{border-top:1px solid var(--border-subtle);padding-top:.75rem}.site-report-link-text{color:var(--brand);align-items:center;gap:.375rem;font-size:.8125rem;font-weight:600;display:inline-flex}.site-activity-feed{flex-direction:column;gap:.625rem;display:flex}.site-activity-item{border-radius:var(--radius-sm);background:var(--surface-subtle);border:1px solid var(--border-subtle);align-items:flex-start;gap:.75rem;padding:.625rem .75rem;transition:background-color .15s;display:flex}.site-activity-item:hover{background:var(--surface-muted)}.site-activity-icon-wrap{border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--border);color:var(--brand);flex-shrink:0;padding:.375rem}.site-activity-content{flex:1;min-width:0}.site-activity-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.site-activity-title{color:var(--text-primary);font-size:.8125rem;font-weight:600}.site-activity-meta{align-items:center;gap:.375rem;display:inline-flex}.site-activity-date{color:var(--text-tertiary);font-size:.6875rem}.site-activity-desc{color:var(--text-secondary);margin-top:.1875rem;font-size:.75rem;line-height:1.4}.site-tab-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.875rem 1.25rem;margin-bottom:.25rem;display:flex}.site-sub-tabs{background:var(--surface-subtle);border:1px solid var(--border);border-radius:var(--radius-md);scrollbar-width:none;align-items:center;gap:.25rem;max-width:100%;padding:3px;display:inline-flex;overflow-x:auto}.site-sub-tabs::-webkit-scrollbar{display:none}.site-sub-tab-btn{border-radius:calc(var(--radius-md) - 2px);color:var(--text-secondary);cursor:pointer;white-space:nowrap;box-sizing:border-box;background:0 0;border:1px solid #0000;align-items:center;gap:.375rem;padding:.35rem .75rem;font-size:.8125rem;font-weight:500;transition:all .15s;display:inline-flex;height:30px!important;min-height:30px!important;max-height:30px!important;line-height:30px!important}.site-sub-tab-btn:hover{color:var(--text-primary);background:#ffffff0d}.site-sub-tab-btn.active{color:var(--brand);background:var(--surface);border-color:var(--border);box-shadow:var(--shadow-xs);font-weight:600}.site-tab-actions{flex-wrap:wrap;align-items:center;gap:.5rem;margin-left:auto;display:inline-flex}.site-tab-actions .button,.site-tab-actions a.button{border-radius:6px!important;gap:.375rem!important;height:32px!important;min-height:32px!important;max-height:32px!important;padding:0 .75rem!important;font-size:.8125rem!important;line-height:32px!important}.site-recent-bar{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);box-sizing:border-box;align-items:center;gap:.75rem;margin-bottom:1.25rem;padding:.5rem .875rem;display:flex;overflow-x:auto}.site-recent-label,.site-recent-bar-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;flex-shrink:0;align-items:center;gap:.35rem;font-size:.75rem;font-weight:600;display:inline-flex}.site-recent-pills,.site-recent-chips{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex;overflow-x:auto}.site-recent-chip-group{border-radius:var(--radius-full,9999px);background:var(--surface-subtle);border:1px solid var(--border);box-sizing:border-box;align-items:center;gap:.375rem;padding:.25rem .45rem .25rem .75rem;transition:all .15s;display:inline-flex}.site-recent-chip-group:hover{background:var(--surface);border-color:var(--border-strong);box-shadow:var(--shadow-xs)}.site-recent-pill-link{color:var(--text-secondary);white-space:nowrap;align-items:center;gap:.375rem;font-size:.8125rem;font-weight:500;line-height:1;text-decoration:none;transition:color .15s;display:inline-flex}.site-recent-pill-link:hover{color:var(--brand)}.site-recent-pill,.site-recent-chip{border-radius:var(--radius-full);background:var(--surface-subtle);border:1px solid var(--border);color:var(--text-secondary);white-space:nowrap;align-items:center;gap:.4rem;padding:.25rem .65rem;font-size:.8125rem;font-weight:500;text-decoration:none;transition:all .15s;display:inline-flex}.site-recent-pill:hover,.site-recent-chip:hover{background:var(--brand-light);color:var(--brand);border-color:var(--brand-border);transform:translateY(-1px)}.site-recent-icon{color:var(--text-tertiary);flex-shrink:0}.site-recent-code{background:var(--surface);color:var(--text-tertiary);border:1px solid var(--border-subtle);border-radius:4px;padding:1px 5px;font-size:.6875rem;font-weight:600;line-height:1.2}.site-recent-remove-btn{cursor:pointer;color:var(--text-tertiary);opacity:.65;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;min-width:18px;height:18px;min-height:18px;margin:0;padding:0;line-height:1;transition:all .15s;display:inline-flex}.site-recent-chip-group:hover .site-recent-remove-btn{opacity:.9}.site-recent-remove-btn:hover{transform:scale(1.15);opacity:1!important;color:var(--danger-text,#ef4444)!important;background:var(--danger-bg,#ef444426)!important}.site-recent-clear-btn{color:var(--text-tertiary);cursor:pointer;border-radius:var(--radius-sm);white-space:nowrap;text-transform:uppercase;letter-spacing:.03em;background:0 0;border:none;align-items:center;margin-left:auto;padding:.2rem .5rem;font-size:.72rem;font-weight:600;transition:all .15s;display:inline-flex}.site-recent-clear-btn:hover{color:var(--danger);background:var(--surface-subtle)}[data-theme=dark] .site-recent-bar{background:var(--surface);border-color:var(--border)}[data-theme=dark] .site-recent-chip-group{background:var(--surface-subtle);border-color:var(--border)}[data-theme=dark] .site-recent-chip-group:hover{background:var(--surface-muted);border-color:var(--border-strong)}[data-theme=dark] .site-recent-code{background:var(--surface);border-color:var(--border);color:var(--text-secondary)}[data-theme=dark] .site-recent-remove-btn:hover{color:#fca5a5!important;background:#f8717138!important}[data-theme=dark] .site-workspace-hero,[data-theme=dark] .site-compact-context-bar{background:var(--surface);border-color:var(--border)}[data-theme=dark] .site-switcher-dropdown{background:#1e293b!important;border-color:#3d5269!important;box-shadow:0 16px 40px #000000b3,0 4px 12px #00000080!important}[data-theme=dark] .site-switcher-trigger{background:var(--surface);border-color:var(--border)}[data-theme=dark] .site-switcher-option:hover{background:#253347!important}[data-theme=dark] .site-switcher-option.active{color:#60a5fa!important;background:#1e3a5f!important}[data-theme=dark] .site-activity-item{background:var(--surface-subtle);border-color:var(--border-subtle)}[data-theme=dark] .site-activity-item:hover{background:var(--surface-muted)}[data-theme=dark] .site-report-card{background:var(--surface);border-color:var(--border)}[data-theme=dark] .site-report-card:hover{border-color:var(--brand)}[data-theme=dark] .site-domain-metric{background:var(--surface-subtle);border-color:var(--border-subtle)}input[type=checkbox]:not(.leave-type-switch-input),input[type=radio]{appearance:auto;border-radius:initial;background:initial;width:18px;min-width:18px;max-width:18px;height:18px;min-height:18px;max-height:18px;box-shadow:none;cursor:pointer;accent-color:var(--brand);vertical-align:middle;flex:0 0 18px;margin:0;padding:0}input[type=checkbox]:not(.leave-type-switch-input):focus,input[type=radio]:focus{box-shadow:none}input[type=checkbox]:not(.leave-type-switch-input):focus-visible,input[type=radio]:focus-visible{outline:2px solid var(--brand);outline-offset:2px}input[type=checkbox]:not(.leave-type-switch-input):disabled,input[type=radio]:disabled{cursor:not-allowed;opacity:.65}.checkbox-row,.radio-row{cursor:pointer;align-items:flex-start;gap:8px;width:fit-content;max-width:100%;line-height:1.4;display:inline-flex}.checkbox-row>input[type=checkbox],.radio-row>input[type=radio]{margin-top:1px}:is(.checkbox-row:has(input:disabled),.radio-row:has(input:disabled)){color:var(--text-secondary);cursor:not-allowed}.po-award-check input[type=checkbox]{opacity:0;width:1px;min-width:1px;max-width:1px;height:1px;min-height:1px;max-height:1px;position:absolute}@keyframes notificationPulse{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes toastSlideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.topbar-action-button,.notification-trigger{border-radius:var(--radius-md)!important;border:1px solid var(--border)!important;background:var(--surface)!important;width:36px!important;min-width:36px!important;max-width:36px!important;height:36px!important;min-height:36px!important;max-height:36px!important;color:var(--text-secondary)!important;cursor:pointer!important;box-sizing:border-box!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;padding:0!important;line-height:1!important;transition:all .15s!important;display:inline-flex!important;position:relative!important}.notification-trigger:hover,.topbar-action-button:hover{background:var(--surface-subtle)!important;color:var(--text-primary)!important;border-color:var(--border-strong)!important}.notification-trigger svg,.topbar-action-button svg{flex-shrink:0!important;width:18px!important;height:18px!important;display:block!important}.notification-counter-badge{animation:2.5s ease-in-out infinite notificationPulse}.notification-toast{animation:.22s cubic-bezier(.16,1,.3,1) toastSlideInRight}@media (width<=640px){.notification-popover{width:calc(100vw - 20px)!important;max-height:85vh!important;position:fixed!important;top:64px!important;left:10px!important;right:10px!important}.notification-toast-container{max-width:100%!important;top:10px!important;left:10px!important;right:10px!important}}[data-theme=dark] .pending-approval-card{background:var(--surface)!important;border-color:var(--border)!important;color:var(--text-primary)!important}[data-theme=dark] .pending-approval-card:hover{border-color:var(--border-strong)!important}[data-theme=dark] .pending-approval-card h3{color:var(--text-primary)!important}[data-theme=dark] .pending-approval-card p.subtle,[data-theme=dark] .pending-approval-step-name,[data-theme=dark] .pending-approval-card>div:last-child strong{color:var(--text-secondary)!important}[data-theme=dark] .pending-approval-action-btn,[data-theme=dark] .pending-approval-card .back-link{background:var(--brand-light)!important;color:var(--brand)!important;border-color:var(--brand-border)!important}[data-theme=dark] .pending-approval-action-btn:hover,[data-theme=dark] .pending-approval-card .back-link:hover{background:var(--brand)!important;color:#fff!important}[data-theme=dark] .approval-panel{background:var(--surface)!important;border-color:var(--border)!important;color:var(--text-primary)!important}[data-theme=dark] .approval-line{background:var(--surface-subtle)!important;border-color:var(--border)!important;color:var(--text-primary)!important}[data-theme=dark] .activity-row{border-bottom-color:var(--border)!important;color:var(--text-primary)!important}[data-theme=dark] .activity-row p{color:var(--text-secondary)!important}[data-theme=dark] .status-pending,[data-theme=dark] .status-submitted,[data-theme=dark] .status-partially_approved,[data-theme=dark] .status-on_hold{color:var(--warning-text,#fcd34d)!important;background:var(--warning-bg,#2d1f00)!important;border:1px solid var(--warning-border,#6b4c00)!important}[data-theme=dark] .status-approved,[data-theme=dark] .status-active{color:var(--success-text,#6ee7b7)!important;background:var(--success-bg,#052e16)!important;border:1px solid var(--success-border,#065f46)!important}[data-theme=dark] .status-rejected,[data-theme=dark] .status-cancelled,[data-theme=dark] .status-inactive{color:var(--danger-text,#fca5a5)!important;background:var(--danger-bg,#2d0a0a)!important;border:1px solid var(--danger-border,#6b1414)!important}[data-theme=dark] .status-draft,[data-theme=dark] .status-closed,[data-theme=dark] .status-completed{color:var(--text-secondary,#94a3b8)!important;background:var(--surface-muted,#2d3f55)!important;border:1px solid var(--border,#2d3f55)!important}[data-theme=dark] .button-ghost,[data-theme=dark] button.button-ghost,[data-theme=dark] a.button-ghost{color:var(--text-secondary);background:0 0!important}[data-theme=dark] .button-ghost:hover:not(:disabled),[data-theme=dark] button.button-ghost:hover:not(:disabled),[data-theme=dark] a.button-ghost:hover:not(:disabled){color:var(--text-primary);background:var(--surface-subtle,#253347)!important}[data-theme=dark] .button-archive,[data-theme=dark] .button-danger-subtle,[data-theme=dark] .button-danger-ghost,[data-theme=dark] .button.button-archive,[data-theme=dark] .button.button-danger-subtle,[data-theme=dark] button.button-archive,[data-theme=dark] .button-ghost[style*=danger],[data-theme=dark] .button-ghost[style*=--danger],[data-theme=dark] .button[style*=danger]:not(.button-primary),[data-theme=dark] .button[style*=--danger]:not(.button-primary){color:#f87171!important;background:#ef444424!important;border-color:#ef444459!important}[data-theme=dark] .button-archive:hover:not(:disabled),[data-theme=dark] .button-danger-subtle:hover:not(:disabled),[data-theme=dark] .button-danger-ghost:hover:not(:disabled),[data-theme=dark] .button.button-archive:hover:not(:disabled),[data-theme=dark] .button.button-danger-subtle:hover:not(:disabled),[data-theme=dark] button.button-archive:hover:not(:disabled),[data-theme=dark] .button-ghost[style*=danger]:hover:not(:disabled),[data-theme=dark] .button-ghost[style*=--danger]:hover:not(:disabled),[data-theme=dark] .button[style*=danger]:hover:not(:disabled):not(.button-primary),[data-theme=dark] .button[style*=--danger]:hover:not(:disabled):not(.button-primary){color:#fca5a5!important;background:#ef444440!important;border-color:#ef44448c!important}.mobile-bottom-nav{display:none}@media (width<=768px){.mobile-bottom-nav{height:60px;padding-bottom:env(safe-area-inset-bottom,0px);background:var(--surface,#fff);border-top:1px solid var(--border,#e2e8f0);z-index:1000;box-sizing:border-box;justify-content:space-around;align-items:stretch;margin:0;padding-left:2px;padding-right:2px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 10px #0000000d}.mobile-bottom-nav-item{appearance:none;width:20%;min-width:0;height:100%;min-height:60px;color:var(--text-secondary,#64748b);cursor:pointer;-webkit-tap-highlight-color:transparent;box-sizing:border-box;background:0 0;border:none;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:3px;margin:0;padding:0;font-size:11px;font-weight:500;line-height:1;text-decoration:none;transition:color .15s;display:flex}.mobile-bottom-nav-item:hover,.mobile-bottom-nav-item:active{color:var(--brand,#2563eb)}.mobile-bottom-nav-item.active{color:var(--brand,#2563eb);font-weight:600}.mobile-bottom-nav-item svg{stroke:currentColor;stroke-width:2px;fill:none;flex-shrink:0;width:20px;min-width:20px;height:20px;min-height:20px;margin:0 auto;transition:transform .15s;display:block}.mobile-bottom-nav-item span{text-align:center;white-space:nowrap;margin:0;padding:0;font-size:11px;font-weight:500;line-height:1.1;display:block}.mobile-bottom-nav-item.active svg{stroke-width:2.3px;stroke:var(--brand,#2563eb);transform:scale(1.08)}.main{padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))!important}[data-theme=dark] .mobile-bottom-nav{border-top-color:var(--border,#334155);background:#1e293b;box-shadow:0 -2px 12px #00000059}[data-theme=dark] .mobile-bottom-nav-item{color:var(--text-tertiary,#94a3b8)}[data-theme=dark] .mobile-bottom-nav-item.active{color:var(--brand,#60a5fa)}}