:root{--color-bg-page:#f1f5f9;--color-surface-base:#fff;--color-surface-elevated:#f1f5f9;--color-surface-raised:#fff;--color-surface-overlay:rgba(15,23,42,.045);--color-surface-hover:#0f172a0d;--color-text-primary:#0f172a;--color-text-secondary:#475569;--color-text-tertiary:#1f2937;--color-text-inverse:#fff;--color-text-label:#475569;--color-text-placeholder:#64748b;--color-brand:#f97316;--color-brand-strong:#ea580c;--color-interactive-primary:#2563eb;--color-interactive-primary-hover:#1d4ed8;--color-interactive-primary-active:#1e40af;--color-success:#15803d;--color-warning:#b45309;--color-error:#b91c1c;--color-danger:#b91c1c;--color-info:#1d4ed8;--color-success-bg:#dcfce7;--color-success-text:#166534;--color-warning-bg:#fef3c7;--color-warning-text:#92400e;--color-error-bg:#fee2e2;--color-error-text:#991b1b;--color-info-bg:#dbeafe;--color-info-text:#1e40af;--color-success-fill:#15803d;--color-success-fill-hover:#166534;--color-text-on-accent:#fff;--color-border:#e2e8f0;--color-input-border:#cbd5e1;--color-input-bg:#fff;--color-gauge-track:#e2e8f0;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-md:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-family-primary:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:2.5rem;--space-8:3rem;--radius-xs:0.375rem;--radius-sm:0.625rem;--radius-md:0.75rem;--radius-lg:1rem;--radius-full:9999px;--shadow-1:0 1px 2px #0f172a0d,0 1px 3px #0f172a0f;--shadow-2:0 4px 6px -1px #0f172a12,0 2px 4px -2px #0f172a0d;--shadow-3:0 10px 15px -3px #0f172a14,0 4px 6px -2px #0f172a0d;--shadow-4:0 1px 3px #0f172a14,0 1px 2px #0f172a0a;--motion-duration-instant:150ms;--motion-duration-fast:300ms;--motion-easing:cubic-bezier(0.4,0,0.2,1);--focus-ring-width:2px;--focus-ring-color:#2563eb;--focus-ring-on-dark:#93c5fd;--focus-ring-offset:2px;color-scheme:light}[data-theme=dark]{--color-bg-page:#0b1220;--color-surface-base:#1e293b;--color-surface-elevated:#263449;--color-surface-raised:#334155;--color-surface-overlay:hsla(0,0%,100%,.045);--color-surface-hover:#ffffff0f;--color-text-primary:#e2e8f0;--color-text-secondary:#94a3b8;--color-text-tertiary:#f1f5f9;--color-text-inverse:#fff;--color-text-label:#cbd5e1;--color-text-placeholder:#94a3b8;--color-brand:#fb923c;--color-brand-strong:#f97316;--color-interactive-primary:#2563eb;--color-interactive-primary-hover:#1d4ed8;--color-interactive-primary-active:#1e40af;--color-success:#4ade80;--color-warning:#fbbf24;--color-error:#f87171;--color-danger:#f87171;--color-info:#60a5fa;--color-success-bg:#4ade8029;--color-success-text:#86efac;--color-warning-bg:#fbbf2429;--color-warning-text:#fde047;--color-error-bg:#f8717129;--color-error-text:#fecaca;--color-info-bg:#60a5fa29;--color-info-text:#93c5fd;--color-success-fill:#16a34a;--color-success-fill-hover:#15803d;--color-text-on-accent:#fff;--color-border:#334155;--color-input-border:#475569;--color-input-bg:#0b1220;--color-gauge-track:#334155;--shadow-1:0 1px 2px #0006,0 1px 3px #00000059;--shadow-2:0 8px 24px #00000080;--shadow-3:0 10px 30px #0000008c;--shadow-4:0 1px 3px #00000080,0 1px 2px #0006;--focus-ring-color:#93c5fd;color-scheme:dark}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--color-bg-page);color:var(--color-text-primary);font-family:var(--font-family-primary);font-size:var(--font-size-md);line-height:1.5;margin:0}button{font-family:inherit}[tabindex]:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.app{display:flex;flex-direction:column;min-height:100vh}.main-content{box-sizing:border-box;flex:1 1;margin:0 auto;max-width:1440px;padding:var(--space-7) var(--space-8);width:100%}.navbar{background:#1f2937;box-shadow:var(--shadow-4);flex-wrap:wrap;gap:var(--space-4);padding:var(--space-3) var(--space-8);position:sticky;top:0;z-index:100}.navbar,.navbar-brand{align-items:center;color:var(--color-text-inverse);display:flex}.navbar-brand{gap:var(--space-3);text-decoration:none}.navbar-brand h1{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);letter-spacing:-.5px;margin:0}.navbar-brand span{color:var(--color-interactive-primary)}.navbar-brand:hover{color:var(--color-text-inverse)}.nav-links{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-left:auto}.nav-links a{border-radius:var(--radius-xs);color:var(--color-text-inverse);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--space-2) var(--space-5);text-decoration:none;transition:all var(--motion-duration-instant) var(--motion-easing)}.nav-links a:hover{background:#ffffff1f;color:var(--color-text-inverse)}.nav-links a.active{background:var(--color-interactive-primary);color:var(--color-text-inverse)}.nav-links a:focus-visible,.navbar-brand:focus-visible,.theme-toggle:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-on-dark);outline-offset:var(--focus-ring-offset)}.theme-toggle{align-items:center;background:#ffffff14;border:1px solid #ffffff47;border-radius:var(--radius-full);color:var(--color-text-inverse);cursor:pointer;display:inline-flex;font-family:var(--font-family-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--space-2);padding:var(--space-2) var(--space-4);transition:background var(--motion-duration-instant) var(--motion-easing);white-space:nowrap}.theme-toggle:hover{background:#ffffff2e}.theme-toggle-label{font-size:var(--font-size-xs)}.container{flex:1 1;margin:0 auto;max-width:1440px;padding:var(--space-7) var(--space-8);width:100%}h1{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);line-height:1.2}h2{color:var(--color-text-tertiary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-semibold);line-height:1.3;margin-bottom:var(--space-6)}h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-4)}h3,h4{color:var(--color-text-secondary);line-height:1.4}h4{font-weight:var(--font-weight-medium)}.loading,h4{font-size:var(--font-size-lg)}.loading{align-items:center;color:var(--color-text-secondary);display:flex;justify-content:center;min-height:200px}.loading:after{animation:spin var(--motion-duration-fast) linear infinite;border:3px solid var(--color-surface-raised);border-radius:50%;border-top-color:var(--color-interactive-primary);content:"";height:24px;margin-left:var(--space-3);width:24px}@keyframes spin{to{transform:rotate(1turn)}}.import-section{background:var(--color-surface-base);border-radius:var(--radius-sm);box-shadow:var(--shadow-4);color:var(--color-text-primary);margin-bottom:var(--space-7);padding:var(--space-7)}.import-section h3{color:var(--color-text-primary);margin-bottom:var(--space-5)}.import-container{display:flex;flex-direction:column;gap:var(--space-4)}.file-input-group{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-4)}.file-input-group input[type=file]{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.file-input-group label{background:var(--color-interactive-primary);border-radius:var(--radius-xs);color:var(--color-text-on-accent);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--space-3) var(--space-7);transition:background var(--motion-duration-instant) var(--motion-easing)}.file-input-group label:hover{background:var(--color-interactive-primary-hover)}.file-input-group label:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.file-input-group label:active{background:var(--color-interactive-primary-active)}.file-input-group label:disabled{cursor:not-allowed;opacity:.5}.btn-import{background:var(--color-success-fill);border:none;border-radius:var(--radius-xs);color:var(--color-text-on-accent);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);padding:var(--space-3) var(--space-7);transition:all var(--motion-duration-instant) var(--motion-easing)}.btn-import:hover{background:var(--color-success-fill-hover)}.btn-import:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.btn-import:active{transform:scale(.97)}.btn-import:disabled{cursor:not-allowed;opacity:.5;transform:none}.import-message{border-radius:var(--radius-xs);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--space-3) var(--space-5)}.import-message.success{background:var(--color-success-bg);color:var(--color-success-text)}.import-message.error{background:var(--color-error-bg);color:var(--color-error-text)}.import-message.info{background:var(--color-info-bg);color:var(--color-info-text)}.import-preview{background:var(--color-surface-overlay);border:1px solid var(--color-border);border-radius:var(--radius-xs);margin-top:var(--space-4);overflow-x:auto;padding:var(--space-5)}.import-preview p{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.preview-table{border-collapse:collapse;color:var(--color-text-primary);font-size:var(--font-size-xs);width:100%}.preview-table th{background:var(--color-surface-elevated);color:var(--color-text-label);font-weight:var(--font-weight-semibold);text-align:left}.preview-table td,.preview-table th{padding:var(--space-2) var(--space-3)}.preview-table td{border-bottom:1px solid var(--color-border)}.preview-note{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-style:italic;margin-top:var(--space-3)}.kpi-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:var(--space-7)}.kpi-card{background:var(--color-surface-base);border-left:4px solid var(--color-brand);border-radius:var(--radius-xs);box-shadow:var(--shadow-1);color:var(--color-text-primary);display:flex;flex-direction:column;padding:var(--space-5) var(--space-6);transition:transform var(--motion-duration-instant) var(--motion-easing),box-shadow var(--motion-duration-instant) var(--motion-easing)}.kpi-card:hover{box-shadow:var(--shadow-2);transform:translateY(-2px)}.kpi-card strong{color:var(--color-text-label);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:.5px;text-transform:uppercase}.kpi-card span{color:var(--color-text-primary);font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);margin-top:var(--space-1)}.kpi-card .kpi-sub{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-normal)}.charts-container{margin-bottom:var(--space-7)}.chart-grid{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:1fr 1fr}.chart-card{background:var(--color-surface-base);border-radius:var(--radius-xs);box-shadow:var(--shadow-1);color:var(--color-text-primary);padding:var(--space-6)}.chart-card.chart-full{grid-column:1/-1}.chart-card h4{color:var(--color-text-label);font-size:var(--font-size-md)}.chart-card h4,.gauge-grid{margin-bottom:var(--space-4)}.gauge-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4)}.gauge-item{align-items:center;display:flex;gap:var(--space-4)}.gauge-item label{color:var(--color-text-label);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);min-width:120px}.gauge-bar{background:var(--color-gauge-track);flex:1 1;height:8px;overflow:hidden}.gauge-bar,.gauge-fill{border-radius:var(--radius-full)}.gauge-fill{height:100%;transition:width var(--motion-duration-fast) var(--motion-easing)}.gauge-item span{color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);min-width:50px;text-align:right}.kpi-mini{grid-gap:var(--space-2);display:grid;gap:var(--space-2);grid-template-columns:1fr 1fr;margin-top:var(--space-3)}.kpi-mini-item{background:var(--color-surface-overlay);border-radius:var(--radius-xs);display:flex;justify-content:space-between;padding:var(--space-2) var(--space-3)}.kpi-mini-item span{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.kpi-mini-item strong{color:var(--color-text-primary);font-size:var(--font-size-md)}.top-section{background:var(--color-surface-base);border-radius:var(--radius-xs);box-shadow:var(--shadow-1);margin-bottom:var(--space-7);overflow-x:auto;padding:var(--space-6)}.top-section,.top-section h3{color:var(--color-text-primary)}.top-section h3{margin-bottom:var(--space-5)}.data-table,.top-table{border-collapse:collapse;font-size:var(--font-size-sm);width:100%}.data-table th,.top-table th{border-bottom:2px solid var(--color-border);color:var(--color-text-label);font-weight:var(--font-weight-semibold);padding:var(--space-3) var(--space-4);text-align:left}.data-table td,.top-table td{border-bottom:1px solid var(--color-border);color:var(--color-text-primary);padding:var(--space-3) var(--space-4)}.data-table tr:hover td,.top-table tr:hover td{background:var(--color-surface-hover)}.top-table .positive{color:var(--color-success)}.top-table .negative{color:var(--color-error)}.badge{border-radius:var(--radius-full);display:inline-block;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:var(--space-1) var(--space-3);transition:all var(--motion-duration-instant) var(--motion-easing)}.badge-accepté,.badge-payée{background:var(--color-success-bg);color:var(--color-success-text)}.badge-en-attente{background:var(--color-warning-bg);color:var(--color-warning-text)}.badge-non-payée,.badge-refusé{background:var(--color-error-bg);color:var(--color-error-text)}.cout-form,.regroupement-form{align-items:center;background:var(--color-surface-base);border-radius:var(--radius-xs);box-shadow:var(--shadow-1);display:flex;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-6);padding:var(--space-6)}.cout-form input,.cout-form select,.regroupement-form input,.regroupement-form select{background:var(--color-input-bg);border:1px solid var(--color-input-border);border-radius:var(--radius-xs);color:var(--color-text-primary);flex:1 1;font-family:var(--font-family-primary);font-size:var(--font-size-sm);min-width:120px;padding:var(--space-2) var(--space-4);transition:border-color var(--motion-duration-instant) var(--motion-easing)}.cout-form input:focus,.cout-form select:focus,.regroupement-form input:focus,.regroupement-form select:focus{border-color:var(--color-interactive-primary);outline:none}.cout-form input::placeholder,.regroupement-form input::placeholder{color:var(--color-text-placeholder);opacity:1}.cout-form input:disabled,.regroupement-form input:disabled{cursor:not-allowed;opacity:.5}.cout-form label,.regroupement-form label{align-items:center;color:var(--color-text-primary);display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--space-2)}.cout-form input[type=checkbox],.regroupement-form input[type=checkbox]{accent-color:var(--color-interactive-primary);cursor:pointer;flex:none;height:18px;min-width:0;min-width:auto;width:18px}.cout-form button,.regroupement-form button{background:var(--color-interactive-primary);border:none;border-radius:var(--radius-xs);color:var(--color-text-on-accent);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);padding:var(--space-2) var(--space-7);transition:all var(--motion-duration-instant) var(--motion-easing)}.cout-form button:hover,.regroupement-form button:hover{background:var(--color-interactive-primary-hover)}.cout-form button:focus-visible,.regroupement-form button:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.cout-form button:active,.regroupement-form button:active{transform:scale(.97)}.cout-form button:disabled,.regroupement-form button:disabled{cursor:not-allowed;opacity:.5;transform:none}.btn-delete{background:#ef444433;border:none;border-radius:var(--radius-xs);color:var(--color-text-primary);cursor:pointer;font-size:var(--font-size-md);padding:var(--space-1) var(--space-2);transition:background var(--motion-duration-instant) var(--motion-easing)}.btn-delete:hover{background:#ef444466}.btn-delete:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.cout-summary{background:var(--color-surface-base);border-radius:var(--radius-xs);box-shadow:var(--shadow-1);display:flex;flex-wrap:wrap;gap:var(--space-8);margin-bottom:var(--space-5);padding:var(--space-5) var(--space-6)}.cout-summary-item{display:flex;flex-direction:column}.cout-summary-item span{color:var(--color-text-label);font-size:var(--font-size-xs);letter-spacing:.5px;text-transform:uppercase}.cout-summary-item strong{color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.tva-bloc{display:flex;flex-wrap:wrap;gap:var(--space-5);margin-bottom:var(--space-2)}.tva-bloc-item{background:var(--color-surface-base);border:1px solid var(--color-border);border-radius:var(--radius-xs);display:flex;flex:1 1 200px;flex-direction:column;gap:var(--space-1);padding:var(--space-4) var(--space-5)}.tva-bloc-item .tva-bloc-label{color:var(--color-text-label);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:.5px;text-transform:uppercase}.tva-bloc-value{color:var(--color-text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);line-height:1.2}.tva-bloc-item .tva-bloc-sub{color:var(--color-text-secondary);font-size:var(--font-size-xs)}.info-text{color:var(--color-text-secondary);font-size:var(--font-size-md);margin-bottom:var(--space-5)}.cout-form .field-paye,.cout-form .field-tva{gap:var(--space-2)}.cout-form .field-tva select{flex:0 1 auto;min-width:90px}.calc-hint{background:var(--color-surface-elevated);border:1px dashed var(--color-border);border-radius:var(--radius-xs);color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0 0 var(--space-5);padding:var(--space-2) var(--space-4)}@media (max-width:1024px){.chart-grid{grid-template-columns:1fr}}@media (max-width:768px){.navbar{align-items:stretch;flex-direction:column;padding:var(--space-4)}.navbar-brand h1{font-size:var(--font-size-xl)}.nav-links{justify-content:center}.nav-links a{font-size:var(--font-size-xs);padding:var(--space-2) var(--space-3)}.container{padding:var(--space-4)}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.kpi-card span{font-size:var(--font-size-xl)}.cout-form,.regroupement-form{flex-direction:column}.cout-form input,.cout-form select,.regroupement-form input,.regroupement-form select{box-sizing:border-box;min-width:0;min-width:auto;width:100%}.cout-form button,.regroupement-form button{box-sizing:border-box;width:100%}.cout-summary{flex-direction:column;gap:var(--space-3)}.import-section{padding:var(--space-4)}.file-input-group{flex-direction:column;width:100%}.btn-import,.file-input-group label{box-sizing:border-box;text-align:center;width:100%}.kpi-mini{grid-template-columns:1fr}.top-section{padding:var(--space-4)}.data-table,.top-table{font-size:var(--font-size-xs)}.data-table td,.data-table th,.top-table td,.top-table th{padding:var(--space-2) var(--space-3)}.gauge-item{flex-wrap:wrap}.gauge-item label{min-width:80px}}@media (max-width:480px){.kpi-grid{gap:var(--space-2);grid-template-columns:1fr 1fr}.kpi-card{padding:var(--space-3) var(--space-4)}.kpi-card span{font-size:var(--font-size-lg)}.chart-card{padding:var(--space-4)}.import-preview{padding:var(--space-3)}.preview-table{font-size:10px}.preview-table td,.preview-table th{padding:var(--space-1) var(--space-2)}}.navbar-actions{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-2)}.navbar-user{color:var(--color-text-inverse);margin-right:var(--space-2);opacity:.85}.btn-logout,.navbar-user{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.btn-logout{align-items:center;background:#ffffff14;border:1px solid #ffffff47;border-radius:var(--radius-full);color:#fca5a5;cursor:pointer;display:inline-flex;font-family:var(--font-family-primary);gap:var(--space-2);padding:var(--space-2) var(--space-4);transition:background var(--motion-duration-instant) var(--motion-easing);white-space:nowrap}.btn-logout:hover{background:#f8717140}.btn-logout:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-on-dark);outline-offset:var(--focus-ring-offset)}.login-page{align-items:center;background:var(--color-bg-page);box-sizing:border-box;display:flex;justify-content:center;min-height:100vh;padding:var(--space-6)}.login-card{background:var(--color-surface-base);border:1px solid var(--color-border);border-radius:var(--radius-xs);box-shadow:var(--shadow-3);box-sizing:border-box;max-width:400px;padding:var(--space-8);width:100%}.login-title{color:var(--color-text-tertiary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin:0 0 var(--space-2)}.login-subtitle{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0 0 var(--space-6)}.login-form label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-1)}.login-form input,.login-form label{color:var(--color-text-primary);display:block}.login-form input{background:var(--color-input-bg);border:1px solid var(--color-input-border);border-radius:var(--radius-xs);box-sizing:border-box;font-family:var(--font-family-primary);font-size:var(--font-size-md);margin-bottom:var(--space-5);padding:var(--space-3) var(--space-4);width:100%}.login-form input::placeholder{color:var(--color-text-placeholder);opacity:1}.login-error{background:var(--color-error-bg);border-radius:var(--radius-xs);color:var(--color-error-text);font-size:var(--font-size-sm);margin:0 0 var(--space-4);padding:var(--space-2) var(--space-4)}.btn-login{background:var(--color-interactive-primary);border:none;border-radius:var(--radius-xs);color:var(--color-text-on-accent);cursor:pointer;font-family:var(--font-family-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);padding:var(--space-3) var(--space-7);transition:all var(--motion-duration-instant) var(--motion-easing);width:100%}.btn-login:hover{background:var(--color-interactive-primary-hover)}.btn-login:disabled{cursor:not-allowed;opacity:.6}@media (max-width:480px){.login-card{padding:var(--space-6)}.navbar-user{display:none}}:root{--sidebar-w:264px;--sidebar-w-collapsed:76px;--sidebar-topbar-bg:#1f2937}.app{align-items:stretch;flex-direction:row}.sidebar-backdrop{background:#0000008c;inset:0;opacity:0;pointer-events:none;position:fixed;transition:opacity var(--motion-duration-fast) var(--motion-easing);z-index:110}.sidebar{background:#1f2937;background:var(--sidebar-topbar-bg);color:var(--color-text-inverse);display:flex;flex:none;flex-direction:column;height:100vh;overflow:hidden;position:sticky;top:0;transition:width var(--motion-duration-fast) var(--motion-easing);width:264px;width:var(--sidebar-w);z-index:90}.app.sidebar-collapsed .sidebar{width:76px;width:var(--sidebar-w-collapsed)}.sidebar-header{box-sizing:border-box;gap:var(--space-2);min-height:64px;padding:var(--space-4) var(--space-3)}.sidebar-brand,.sidebar-header{align-items:center;display:flex}.sidebar-brand{color:var(--color-text-inverse);flex:1 1;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);gap:var(--space-3);min-width:0;overflow:hidden;text-decoration:none;white-space:nowrap}.sidebar-brand:hover{color:#fff}.sidebar-brand-logo{border-radius:var(--radius-xs);box-shadow:0 1px 3px #00000059;flex:none;height:auto;max-width:100%;width:72px}.app.sidebar-collapsed .sidebar-brand{gap:0;justify-content:center;padding:0}.sidebar-nav{flex:1 1;flex-direction:column;gap:var(--space-1);overflow-x:hidden;overflow-y:auto}.sidebar-link,.sidebar-nav{display:flex;padding:var(--space-2) var(--space-3)}.sidebar-link{align-items:center;border-radius:var(--radius-xs);color:var(--color-text-inverse);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--space-3);text-decoration:none;transition:background var(--motion-duration-instant) var(--motion-easing);white-space:nowrap}.sidebar-link:hover{background:#ffffff1a;color:#fff}.sidebar-link.active{background:var(--color-interactive-primary);color:var(--color-text-on-accent)}.sidebar-link .sidebar-icon{flex:none;font-size:var(--font-size-md);text-align:center;width:22px}.app.sidebar-collapsed .sidebar-link{justify-content:center;padding:var(--space-3)}.sidebar-label{overflow:hidden;text-overflow:ellipsis}.app.sidebar-collapsed .sidebar-brand .sidebar-label,.app.sidebar-collapsed .sidebar-label,.sidebar-close{display:none}.sidebar-brand:focus-visible,.sidebar-link:focus-visible,.topbar-actions .btn-logout:focus-visible,.topbar-actions .theme-toggle:focus-visible,.topbar-toggle:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-on-dark);outline-offset:var(--focus-ring-offset)}.app-main{display:flex;flex:1 1;flex-direction:column;min-width:0}.topbar{background:#1f2937;background:var(--sidebar-topbar-bg);box-shadow:var(--shadow-4);box-sizing:border-box;display:flex;gap:var(--space-3);min-height:64px;padding:var(--space-2) var(--space-5);position:sticky;top:0;z-index:100}.topbar,.topbar-toggle{align-items:center;color:var(--color-text-inverse)}.topbar-toggle{background:#ffffff14;border:1px solid #ffffff47;border-radius:var(--radius-xs);cursor:pointer;display:inline-flex;font-size:var(--font-size-lg);height:42px;justify-content:center;transition:background var(--motion-duration-instant) var(--motion-easing);width:42px}.topbar-toggle:hover{background:#ffffff2e}.topbar-actions{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-2);margin-left:auto}.topbar-actions .navbar-user{margin-right:var(--space-1)}.table-scroll{-webkit-overflow-scrolling:touch;margin-bottom:var(--space-6);overflow-x:auto;width:100%}.table-scroll table{min-width:640px}.table-scroll::-webkit-scrollbar{height:8px}.table-scroll::-webkit-scrollbar-thumb{background:#64748b73;border-radius:var(--radius-full)}@media (max-width:899px){.app{display:block}.sidebar{bottom:0;box-shadow:var(--shadow-4);height:100dvh;left:0;position:fixed;top:0;transform:translateX(-104%);transition:transform var(--motion-duration-fast) var(--motion-easing);width:min(264px,84vw);width:min(var(--sidebar-w),84vw);z-index:120}.app.sidebar-mobile-open .sidebar{transform:translateX(0)}.app.sidebar-collapsed .sidebar-brand .sidebar-label,.app.sidebar-collapsed .sidebar-label{display:inline-block}.app.sidebar-collapsed .sidebar-brand{gap:var(--space-3);justify-content:flex-start;padding:0}.app.sidebar-collapsed .sidebar-link{justify-content:flex-start;padding:var(--space-2) var(--space-3)}.sidebar-close{align-items:center;background:#ffffff14;border:none;border-radius:var(--radius-xs);color:var(--color-text-inverse);cursor:pointer;display:inline-flex;font-size:var(--font-size-md);height:38px;justify-content:center;width:38px}.sidebar-close:hover{background:#ffffff2e}.app.sidebar-mobile-open .sidebar-backdrop{opacity:1;pointer-events:auto}.app-main{min-height:100vh}.main-content{padding:var(--space-5) var(--space-4)}}@media (max-width:560px){.topbar{padding:var(--space-2) var(--space-3)}.topbar-actions .navbar-user,.topbar-actions .theme-toggle-label{display:none}.btn-logout,.theme-toggle{padding:var(--space-2)}}
/*# sourceMappingURL=main.0cf98ffb.css.map*/