:root{--color-bg:#0a0d14;--color-bg-sidebar:#090c12;--color-surface:#171c28;--color-surface-alt:#1c2230;--color-border:#2b3448;--color-primary:#5599f7;--color-primary-strong:#6fa8ff;--color-primary-active-bg:#1e2f4b;--color-primary-active-text:#bcd7ff;--color-success:#63d492;--color-success-bg:#63d4921f;--color-success-border:#63d4924d;--color-danger:#ef6464;--color-danger-bg:#ef64641f;--color-danger-border:#ef646452;--color-text:#f4f6fa;--color-text-muted:#969fb3;--color-text-subtle:#6f788a;--color-overlay:#05070cb8;--radius-sm:8px;--radius-md:12px;--radius-lg:14px;--radius-xl:18px;--radius-pill:999px;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--shadow-card:0 1px 2px #00000059, 0 12px 28px -16px #0000008c;--shadow-drawer:24px 0 48px #00000073;--sidebar-width:280px;--header-height-mobile:56px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);--font-sans:"Inter", system-ui, "Segoe UI", Roboto, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}html{-webkit-text-size-adjust:100%;overflow-x:hidden}body{background:var(--color-bg);min-height:100dvh;color:var(--color-text);font-family:var(--font-sans);font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}#root{min-width:0;overflow-x:hidden}img,picture,svg{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}ul,ol{margin:0;padding:0;list-style:none}a{color:inherit;text-decoration:none}h1,h2,h3{letter-spacing:-.02em;margin:0;font-weight:700}p{margin:0}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.page{width:100%;min-height:100dvh;padding:24px;padding-top:calc(24px + var(--safe-top));padding-bottom:calc(24px + var(--safe-bottom));text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.page>.card{text-align:left;width:100%;max-width:420px}.brand{align-items:center;gap:10px;min-width:0;display:flex}.brand-icon{background:var(--color-primary-active-bg);color:var(--color-primary);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.brand-name{color:var(--color-text);letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;font-weight:800;overflow:hidden}.brand-sm .brand-icon{border-radius:8px;width:28px;height:28px}.brand-sm .brand-name{font-size:.9375rem}.brand-md .brand-icon{width:36px;height:36px}.brand-md .brand-name{font-size:1.0625rem}.brand-lg{text-align:center;flex-direction:column}.brand-lg .brand-icon{border-radius:16px;width:56px;height:56px}.brand-lg .brand-name{white-space:normal;font-size:1.25rem}.btn{border-radius:var(--radius-md);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;height:44px;padding:0 18px;font-family:inherit;font-size:.9375rem;font-weight:600;transition:background-color .15s,border-color .15s,opacity .15s,color .15s;display:inline-flex}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:#0a0d14}.btn-primary:hover:not(:disabled){background:var(--color-primary-strong)}.btn-secondary{background:var(--color-surface-alt);border-color:var(--color-border);color:var(--color-text)}.btn-secondary:hover:not(:disabled){border-color:var(--color-primary)}.btn-ghost{color:var(--color-text-muted);background:0 0}.btn-ghost:hover:not(:disabled){color:var(--color-text);background:#ffffff0a}.btn-danger{background:var(--color-danger-bg);color:var(--color-danger);border-color:var(--color-danger-border)}.btn-danger:hover:not(:disabled){background:#ef646433}.btn-sm{border-radius:var(--radius-sm);height:36px;padding:0 14px;font-size:.875rem}.btn-block{width:100%}.icon-button{border-radius:var(--radius-md);background:var(--color-surface-alt);border:1px solid var(--color-border);width:38px;height:38px;color:var(--color-text);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.icon-button:hover{border-color:var(--color-primary)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);padding:22px}.card-alt{background:var(--color-surface-alt)}.card-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.card-title{color:var(--color-text);font-size:1rem;font-weight:700}@media (width<=640px){.card{border-radius:var(--radius-lg);padding:16px}}.badge{border-radius:var(--radius-pill);white-space:nowrap;border:1px solid #0000;align-items:center;gap:6px;padding:4px 10px;font-size:.75rem;font-weight:600;line-height:1.4;display:inline-flex}.badge-success{background:var(--color-success-bg);color:var(--color-success);border-color:var(--color-success-border)}.badge-danger{background:var(--color-danger-bg);color:var(--color-danger);border-color:var(--color-danger-border)}.badge-neutral{color:var(--color-text-muted);border-color:var(--color-border);background:#969fb31f}.badge-info{color:var(--color-primary);background:#5599f71f;border-color:#5599f752}.field{flex-direction:column;gap:6px;width:100%;min-width:0;display:flex}.field-label{color:var(--color-text-muted);font-size:.8125rem;font-weight:600}.field-control-wrap{align-items:center;width:100%;display:flex;position:relative}.input,.select{background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;height:46px;color:var(--color-text);appearance:none;padding:0 14px;font-size:.9375rem}.select{background-image:linear-gradient(45deg, transparent 50%, var(--color-text-subtle) 50%), linear-gradient(135deg, var(--color-text-subtle) 50%, transparent 50%);background-position:calc(100% - 18px),calc(100% - 13px);background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding-right:36px}.input:focus,.select:focus{border-color:var(--color-primary)}.input::placeholder{color:var(--color-text-subtle)}.input-with-icon-right{padding-right:44px}.field-icon-button{border-radius:var(--radius-sm);width:34px;height:34px;color:var(--color-text-muted);background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex;position:absolute;right:6px}.field-icon-button:hover{color:var(--color-text)}.field-error{color:var(--color-danger);font-size:.8125rem}.field-checkbox{color:var(--color-text-muted);align-items:center;gap:8px;font-size:.875rem;display:flex}.field-checkbox input{width:16px;height:16px;accent-color:var(--color-primary)}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.page-header-title{color:var(--color-text);letter-spacing:-.02em;font-size:1.75rem;font-weight:800}.page-header-subtitle{color:var(--color-text-muted);margin-top:4px;font-size:.9375rem}.page-header-actions{flex-wrap:wrap;gap:10px;display:flex}@media (width<=640px){.page-header-title{font-size:1.375rem}.page-header-actions{width:100%}.page-header-actions .btn{flex:1}}.stat-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}@media (width<=1024px){.stat-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.stat-grid{grid-template-columns:1fr}}.stat-card-top{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.stat-card-icon{border-radius:var(--radius-sm);background:var(--color-primary-active-bg);width:36px;height:36px;color:var(--color-primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.stat-card-value{color:var(--color-text);letter-spacing:-.02em;font-size:1.75rem;font-weight:800;display:block}.stat-card-label{color:var(--color-text-muted);font-size:.8125rem}.empty-state{text-align:center;color:var(--color-text-muted);flex-direction:column;align-items:center;gap:12px;padding:40px 20px;display:flex}.empty-state-icon{background:var(--color-surface-alt);width:48px;height:48px;color:var(--color-text-subtle);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.empty-state-title{color:var(--color-text);font-size:1rem;font-weight:700}.empty-state-description{max-width:360px;font-size:.875rem}.meta-inline{align-items:center;gap:4px;display:inline-flex}.badge-group{flex-wrap:wrap;gap:6px;display:flex}.modal-overlay{background:var(--color-overlay);z-index:100;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-panel.card{width:100%;max-width:440px;max-height:calc(100dvh - 40px);overflow-y:auto}.modal-form,.chantier-form{flex-direction:column;gap:14px;margin-top:4px;display:flex}.form-grid-2{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (width<=520px){.form-grid-2{grid-template-columns:1fr}}.assignment-list{border:1px solid var(--color-border);border-radius:var(--radius-md);flex-direction:column;gap:8px;max-height:220px;margin-top:6px;padding:10px;display:flex;overflow-y:auto}.entity-person{align-items:center;gap:12px;min-width:0;display:flex}.entity-person .entity-card-title,.entity-person .entity-card-meta{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.loading-block{color:var(--color-text-muted);justify-content:center;align-items:center;padding:60px 20px;font-size:.9375rem;display:flex}.error-banner{border-radius:var(--radius-md);background:var(--color-danger-bg);border:1px solid var(--color-danger-border);color:var(--color-danger);align-items:center;gap:10px;margin-bottom:20px;padding:12px 14px;font-size:.875rem;display:flex}.sidebar-nav-item{border-radius:var(--radius-lg);color:var(--color-text-muted);text-align:left;background:0 0;border:none;align-items:center;gap:12px;width:100%;padding:11px 14px;font-size:.9375rem;font-weight:500;display:flex}.sidebar-nav-item:hover{color:var(--color-text);background:#ffffff0a}.sidebar-nav-item.active{background:var(--color-primary-active-bg);color:var(--color-primary-active-text);font-weight:600}.sidebar-nav-item svg{flex-shrink:0}.sidebar-nav-item.disabled,.sidebar-nav-item:disabled{opacity:.5;cursor:not-allowed}.sidebar-nav-item.disabled:hover,.sidebar-nav-item:disabled:hover{color:var(--color-text-muted);background:0 0}.sidebar-nav-item-badge{color:var(--color-text-subtle);flex-shrink:0;margin-left:auto;font-size:.6875rem}.rtable-wrap{width:100%;min-width:0}.rtable{border-collapse:collapse;width:100%}.rtable th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-subtle);border-bottom:1px solid var(--color-border);padding:10px 14px;font-size:.75rem}.rtable td{border-bottom:1px solid var(--color-border);color:var(--color-text);vertical-align:middle;padding:14px;font-size:.9375rem}.rtable tbody tr:last-child td{border-bottom:none}@media (width<=720px){.rtable thead{display:none}.rtable,.rtable tbody,.rtable tr,.rtable td{width:100%;display:block}.rtable tbody tr{background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:12px;padding:4px 14px}.rtable tbody tr:last-child{margin-bottom:0}.rtable td{border-bottom:1px solid var(--color-border);text-align:right;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.rtable td:last-child{border-bottom:none}.rtable td:before{content:attr(data-label);color:var(--color-text-subtle);text-align:left;font-size:.75rem;font-weight:600}}.admin-shell{width:100%;min-height:100dvh;display:flex}.sidebar{width:var(--sidebar-width);background:var(--color-bg-sidebar);border-right:1px solid var(--color-border);z-index:40;flex-direction:column;flex-shrink:0;height:100dvh;padding:20px 16px;display:flex;position:sticky;top:0}.sidebar-header{padding:4px 8px 20px;position:relative}.sidebar-subtitle{color:var(--color-text-subtle);text-transform:uppercase;letter-spacing:.06em;margin:8px 0 0 46px;font-size:.75rem}.sidebar-close{display:none;position:absolute;top:0;right:0}.sidebar-section-label{text-transform:uppercase;letter-spacing:.07em;color:var(--color-text-subtle);padding:4px 14px 8px;font-size:.6875rem;font-weight:700}.sidebar-nav{flex-direction:column;flex:1;gap:2px;display:flex;overflow-y:auto}.sidebar-footer{border-top:1px solid var(--color-border);flex-direction:column;gap:12px;margin-top:16px;padding-top:16px;display:flex}.sidebar-user{align-items:center;gap:10px;min-width:0;padding:0 6px;display:flex}.avatar{background:var(--color-primary-active-bg);width:38px;height:38px;color:var(--color-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.8125rem;font-weight:700;display:flex}.sidebar-user-name{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;max-width:160px;font-size:.875rem;font-weight:600;overflow:hidden}.sidebar-user-role{color:var(--color-text-subtle);font-size:.75rem}.sidebar-signout{border-radius:var(--radius-md);color:var(--color-text-muted);border:1px solid var(--color-border);background:0 0;align-items:center;gap:8px;width:100%;padding:9px 10px;font-size:.8125rem;font-weight:600;display:flex}.sidebar-signout:hover{color:var(--color-danger);border-color:var(--color-danger-border)}.admin-content{flex:1;width:100%;min-width:0;padding:32px 40px 56px}.sidebar-overlay,.mobile-header{display:none}@media (width<=1200px){.admin-content{padding:28px}}@media (width<=900px){.admin-shell{flex-direction:column}.sidebar{width:85vw;max-width:320px;height:100dvh;padding-top:calc(20px + var(--safe-top));padding-bottom:calc(20px + var(--safe-bottom));z-index:60;transition:transform .25s;position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar.sidebar-open{box-shadow:var(--shadow-drawer);transform:translate(0)}.sidebar-close{display:inline-flex}.sidebar-overlay{background:var(--color-overlay);z-index:50;display:block;position:fixed;inset:0}.mobile-header{min-height:var(--header-height-mobile);padding:0 16px;padding-top:calc(0px + var(--safe-top));padding-left:calc(16px + var(--safe-left));padding-right:calc(16px + var(--safe-right));z-index:30;-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border);background:#0a0d14d9;align-items:center;gap:12px;width:100%;display:flex;position:sticky;top:0}.admin-content{padding:20px 16px calc(40px + var(--safe-bottom))}}.employee-shell{flex-direction:column;width:100%;min-height:100dvh;display:flex}.employee-header{padding:14px 20px;padding-top:calc(14px + var(--safe-top));padding-left:calc(20px + var(--safe-left));padding-right:calc(20px + var(--safe-right));border-bottom:1px solid var(--color-border);z-index:10;-webkit-backdrop-filter:blur(10px);background:#0a0d14d9;justify-content:space-between;align-items:center;width:100%;display:flex;position:sticky;top:0}.employee-header-start{align-items:center;gap:10px;min-width:0;display:flex}.employee-content{width:100%;min-width:0;max-width:560px;padding:20px 16px calc(32px + var(--safe-bottom));flex-direction:column;flex:1;gap:16px;margin:0 auto;display:flex}.employee-greeting{color:var(--color-text);font-size:1.375rem;font-weight:800}.employee-greeting-sub{color:var(--color-text-muted);margin-top:2px;font-size:.9375rem}.login-shell{width:100%;min-height:100dvh;padding:24px;padding-top:calc(24px + var(--safe-top));padding-bottom:calc(24px + var(--safe-bottom));justify-content:center;align-items:center;display:flex}.login-card{width:100%;max-width:400px}.login-brand{margin-bottom:24px}.login-tagline{color:var(--color-text-subtle);margin-top:6px;font-size:.8125rem}.login-heading{margin-bottom:22px}.login-title{color:var(--color-text);font-size:1.375rem;font-weight:800}.login-lead{color:var(--color-text-muted);margin-top:4px;font-size:.875rem}.login-form{flex-direction:column;gap:16px;display:flex}.login-options{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}@media (width<=480px){.login-card.card{padding:24px 18px}}.dashboard-grid{grid-template-columns:1fr 1fr;gap:20px;margin-top:24px;display:grid}@media (width<=900px){.dashboard-grid{grid-template-columns:1fr}}.dashboard-grid-full{grid-column:1/-1}.ranking-list{flex-direction:column;gap:4px;display:flex}.ranking-row{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:12px;min-width:0;padding:10px 4px;display:flex}.ranking-row:last-child{border-bottom:none}.ranking-row-name{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;font-size:.9375rem;overflow:hidden}.ranking-row-value{color:var(--color-text);flex-shrink:0;font-size:.9375rem;font-weight:700}.filters-bar{flex-wrap:wrap;align-items:flex-end;gap:12px;margin-bottom:20px;display:flex}.filters-bar .field{max-width:220px}@media (width<=640px){.filters-bar{flex-direction:column;align-items:stretch}.filters-bar .field{max-width:none}}.entity-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.entity-card-top{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.entity-card-title{color:var(--color-text);font-size:1.0625rem;font-weight:700}.entity-card-meta{color:var(--color-text-muted);margin-top:4px;font-size:.8125rem}.entity-card-footer{justify-content:space-between;align-items:center;gap:10px;margin-top:16px;display:flex}.punch-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.punch-grid-single{grid-template-columns:1fr}@media (width<=420px){.punch-grid{grid-template-columns:1fr}}.punch-btn{border-radius:var(--radius-xl);border:1px solid var(--color-border);background:var(--color-surface-alt);color:var(--color-text);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:26px 16px;font-size:.9375rem;font-weight:700;display:flex}.punch-btn-icon{border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.punch-btn-arrivee{border-color:var(--color-success-border)}.punch-btn-arrivee .punch-btn-icon{color:var(--color-success);background:var(--color-success-bg)}.punch-btn-depart{border-color:var(--color-danger-border)}.punch-btn-depart .punch-btn-icon{color:var(--color-danger);background:var(--color-danger-bg)}.punch-btn-pause{border-color:#5599f759}.punch-btn-pause .punch-btn-icon{color:var(--color-primary);background:var(--color-primary-active-bg)}.punch-btn:disabled{opacity:.5}.gps-status{border-radius:var(--radius-md);background:var(--color-surface-alt);border:1px solid var(--color-border);color:var(--color-text-muted);align-items:center;gap:10px;padding:12px 14px;font-size:.8125rem;display:flex}.gps-status-dot{background:var(--color-text-subtle);border-radius:50%;flex-shrink:0;width:8px;height:8px}.inline-notice{border-radius:var(--radius-md);background:var(--color-primary-active-bg);color:var(--color-primary-active-text);border:1px solid #5599f74d;padding:10px 14px;font-size:.8125rem}.photo-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:20px;display:flex}.photo-toolbar .field{flex:1;max-width:280px}@media (width<=640px){.photo-toolbar{flex-direction:column;align-items:stretch}.photo-toolbar .field{max-width:none}}