@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--bg-app:#f8f8f7;--bg-surface:#fff;--bg-subtle:#f1f1f0;--bg-hover:#f4f4f3;--border-subtle:#ebebea;--border-medium:#ddddd9;--border-focus:#111;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--text-primary:#111;--text-secondary:#666;--text-muted:#8e8e93;--text-inverse:#fff;--brand-orange:#f50;--brand-orange-hover:#e04b00;--brand-orange-light:#ff550014;--status-green:#15803d;--status-green-dot:#16a34a;--status-orange:#d97706;--status-orange-dot:#ea580c;--status-red:#dc2626;--status-red-dot:#ef4444;--status-blue:#2563eb;--status-purple:#7c3aed;--mobile-width:390px;--mobile-min-height:844px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--touch-target:48px;--primary-btn-height:56px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{width:100%;height:100dvh;font-family:var(--font-sans);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#efefef;margin:0;padding:0;font-size:14px;line-height:1.5;overflow:hidden}#root{width:100%;height:100dvh;overflow:hidden}.mobile-app-wrapper{box-sizing:border-box;background-color:#eaeae9;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100dvh;padding:16px 0;display:flex;overflow:hidden}.mobile-phone-frame{width:100%;max-width:var(--mobile-width);background-color:var(--bg-app);border-radius:28px;flex-direction:column;height:844px;max-height:calc(100dvh - 64px);display:flex;position:relative;overflow:hidden;box-shadow:0 20px 40px -15px #0000002e,0 0 0 1px #00000014}@media (width<=600px),(display-mode:standalone){html,body{width:100vw;height:100dvh;position:fixed;inset:0;overflow:hidden}.mobile-app-wrapper{background-color:var(--bg-app);width:100vw;height:100dvh;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}.mobile-phone-frame{width:100%;max-width:100%;height:100dvh;max-height:100dvh;box-shadow:none;border-radius:0;flex:1;min-height:0}}.mobile-header{padding:max(14px, env(safe-area-inset-top,14px)) 20px 12px 20px;background-color:var(--bg-app);border-bottom:1px solid var(--border-subtle);z-index:40;flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.mobile-brand{cursor:pointer;color:var(--text-primary);background:0 0;border:none;align-items:center;gap:8px;font-family:inherit;display:flex}.brand-logo{object-fit:contain;flex-shrink:0;width:22px;height:22px;display:block}.brand-cross{background-color:var(--brand-orange);border-radius:2px;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;display:flex;position:relative}.brand-cross:before,.brand-cross:after{content:"";background-color:#fff;border-radius:1px;position:absolute}.brand-cross:before{width:10px;height:2.8px}.brand-cross:after{width:2.8px;height:10px}.brand-name{letter-spacing:-.02em;font-size:15px;font-weight:700}.conn-pill{border:1px solid var(--border-subtle);background-color:var(--bg-surface);height:30px;color:var(--text-primary);cursor:pointer;border-radius:999px;align-items:center;gap:7px;padding:0 12px;font-family:inherit;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.conn-pill.offline{color:#9a3412;background-color:#fff7ed;border-color:#fed7aa}.conn-pill.syncing{color:#1d4ed8;background-color:#eff6ff;border-color:#bfdbfe}.conn-dot{background-color:var(--status-green-dot);border-radius:50%;flex-shrink:0;width:7px;height:7px}.conn-pill.offline .conn-dot{background-color:var(--status-orange-dot)}.pulse-dot{background-color:var(--status-green-dot);border-radius:50%;flex-shrink:0;width:8px;height:8px;position:relative}.pulse-dot:after{content:"";background-color:#16a34a4d;border-radius:50%;animation:2s ease-out infinite pulse-ring;position:absolute;inset:-3px}@keyframes pulse-ring{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(2.2)}}.spinner-dot{border:2px solid #bfdbfe;border-top-color:#1d4ed8;border-radius:50%;flex-shrink:0;width:11px;height:11px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.mobile-bottom-nav{background-color:var(--bg-surface);border-top:1px solid var(--border-subtle);z-index:50;-webkit-user-select:none;user-select:none;will-change:transform;flex-shrink:0;justify-content:space-around;align-items:center;height:60px;padding:0 8px;display:flex;position:relative;bottom:0;left:0;right:0;transform:translateZ(0);box-shadow:0 -2px 10px #0000000a}.bottom-nav-item{cursor:pointer;height:100%;color:var(--text-muted);background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;padding:4px 0;font-family:inherit;transition:color .12s;display:flex;position:relative}.bottom-nav-item:active{opacity:.7}.bottom-nav-item.active{color:var(--brand-orange)}.bottom-nav-icon{stroke-width:2px;width:20px;height:20px}.bottom-nav-label{font-size:11px;font-weight:500}.nav-badge{background-color:var(--brand-orange);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:700;line-height:1;display:flex;position:absolute;top:6px;left:calc(50% + 4px)}.mobile-main-content{-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;flex-direction:column;flex:1;min-height:0;padding:18px 20px 24px;display:flex;overflow-y:auto}.mobile-divider{border:none;border-top:1px solid var(--border-subtle);margin:22px 0}.mobile-section-title{color:var(--text-primary);letter-spacing:-.01em;margin-bottom:12px;font-size:15px;font-weight:600}.mobile-page-title{letter-spacing:-.02em;color:var(--text-primary);font-size:22px;font-weight:700}.mobile-page-subtitle{color:var(--text-secondary);margin-top:2px;font-size:12.5px}.home-screen{flex-direction:column;display:flex}.home-hero-section{justify-content:space-between;align-items:flex-end;margin-bottom:16px;display:flex}.greeting-title{letter-spacing:-.03em;color:var(--text-primary);font-size:24px;font-weight:700;line-height:1.2}.greeting-date{color:var(--text-secondary);margin-top:2px;font-size:13px;font-weight:400}.live-clock-display{text-align:right}.clock-digits{letter-spacing:-.04em;color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:30px;font-weight:700;line-height:1}.offline-banner{border-radius:var(--radius-md);background-color:#fff7ed;border:1px solid #fed7aa;align-items:flex-start;gap:10px;margin-bottom:14px;padding:12px 14px;display:flex}.offline-banner-icon{color:#9a3412;flex-shrink:0;margin-top:1px}.offline-banner-text{color:#9a3412;font-size:12.5px;line-height:1.45}.offline-banner-pending{margin-top:4px;font-weight:600;display:block}.service-card{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);margin-bottom:14px;padding:16px}.service-card-hours{letter-spacing:-.02em;color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:26px;font-weight:700}.service-card-sub{color:var(--text-secondary);margin-top:4px;font-size:12.5px}.service-card.repos .service-card-hours{font-size:22px}.garde-card{color:#fff;border-radius:var(--radius-lg);background-color:#18181b;border:1px solid #18181b;margin-bottom:14px;padding:16px}.garde-card-times{flex-direction:column;gap:2px;font-size:14px;display:flex}.garde-time-row{justify-content:space-between;align-items:baseline;display:flex}.garde-time-label{color:#ffffffa6;font-size:12px}.garde-time-val{font-variant-numeric:tabular-nums;font-weight:600}.garde-progress-track{background-color:#ffffff29;border-radius:999px;height:5px;margin-top:12px;overflow:hidden}.garde-progress-fill{background-color:var(--brand-orange);border-radius:999px;height:100%;transition:width .4s}.garde-progress-hint{color:#ffffff8c;margin-top:6px;font-size:11px}.status-line{border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);align-items:center;gap:10px;margin-bottom:16px;padding:12px 2px;display:flex}.status-dot-idle{background-color:var(--border-medium);border-radius:50%;flex-shrink:0;width:8px;height:8px}.status-dot-done{background-color:var(--text-primary);border-radius:50%;flex-shrink:0;width:8px;height:8px}.status-dot-late{background-color:var(--status-orange-dot);border-radius:50%;flex-shrink:0;width:8px;height:8px}.status-line-text{flex-direction:column;flex:1;gap:1px;display:flex}.status-line-main{color:var(--text-primary);font-size:14px;font-weight:600}.status-line-sub{color:var(--text-secondary);font-size:12px}.late-tag{color:#9a3412;white-space:nowrap;background-color:#fff7ed;border:1px solid #fed7aa;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:700}.mobile-cta-btn{width:100%;height:var(--primary-btn-height);color:#fff;border-radius:var(--radius-md);letter-spacing:-.01em;cursor:pointer;background-color:#18181b;border:none;justify-content:center;align-items:center;gap:10px;font-family:inherit;font-size:16px;font-weight:600;transition:all .15s;display:flex;box-shadow:0 4px 12px #18181b26}.mobile-cta-btn:hover:not(:disabled){background-color:#27272a;transform:translateY(-1px)}.mobile-cta-btn:active:not(:disabled){transform:translateY(1px)}.cta-icon-wrapper{color:var(--brand-orange);justify-content:center;align-items:center;display:flex}.action-schedule-note{color:var(--text-muted);text-align:center;margin-top:10px;font-size:12px}.action-schedule-note strong{color:var(--text-secondary);font-weight:600}.overtime-card{border-radius:var(--radius-md);background-color:#fffbeb;border:1px solid #fde68a;align-items:flex-start;gap:10px;margin-bottom:14px;padding:12px 14px;display:flex}.overtime-icon{color:var(--status-orange);flex-shrink:0;margin-top:1px}.overtime-text{color:#92400e;font-size:12.5px;line-height:1.45}.overtime-text strong{font-weight:700}.done-strip{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);align-items:center;gap:10px;padding:12px 14px;display:flex}.done-badge-icon{background-color:var(--status-green);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:700;display:flex}.done-strip-title{color:var(--text-primary);font-size:13.5px;font-weight:600}.done-strip-sub{color:var(--text-secondary);font-size:11.5px}.scanner-overlay{z-index:120;background-color:#0a0a0a;flex-direction:column;animation:.15s ease-out fade-in;display:flex;position:absolute;inset:0}.scanner-topbar{padding:max(16px, env(safe-area-inset-top,16px)) 18px 12px 18px;justify-content:space-between;align-items:center;display:flex}.scanner-title{color:#fff;font-size:15px;font-weight:600}.scanner-close-btn{color:#fff;cursor:pointer;background:#ffffff1f;border:none;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-family:inherit;font-size:16px;display:flex}.scanner-body{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:22px;padding:0 28px;display:flex}.scanner-viewfinder{background:radial-gradient(#ffffff0f,#0000 70%),#141414;border-radius:18px;width:240px;height:240px;position:relative;overflow:hidden}.scanner-corner{border-color:var(--brand-orange);border-style:solid;border-width:0;width:34px;height:34px;position:absolute}.scanner-corner.tl{border-top-width:3px;border-left-width:3px;border-top-left-radius:10px;top:10px;left:10px}.scanner-corner.tr{border-top-width:3px;border-right-width:3px;border-top-right-radius:10px;top:10px;right:10px}.scanner-corner.bl{border-bottom-width:3px;border-left-width:3px;border-bottom-left-radius:10px;bottom:10px;left:10px}.scanner-corner.br{border-bottom-width:3px;border-right-width:3px;border-bottom-right-radius:10px;bottom:10px;right:10px}.scan-line{background:linear-gradient(90deg, transparent, var(--brand-orange), transparent);height:2px;animation:1.9s ease-in-out infinite scan-sweep;position:absolute;left:18px;right:18px}@keyframes scan-sweep{0%{opacity:.4;top:14%}50%{opacity:1;top:84%}to{opacity:.4;top:14%}}.scanner-hint{color:#ffffffd9;text-align:center;font-size:13.5px;line-height:1.5}.scanner-error{border-radius:var(--radius-md);color:#fca5a5;text-align:center;background-color:#dc26261f;border:1px solid #ef444473;flex-direction:column;align-items:center;gap:6px;padding:12px 16px;font-size:12.5px;line-height:1.45;display:flex}.scanner-error strong{color:#fecaca;font-size:13px}.scanner-footer{padding:18px 24px max(26px, env(safe-area-inset-bottom,26px)) 24px;flex-direction:column;align-items:center;gap:12px;display:flex}.scanner-manual-btn{color:#fff;border-radius:var(--radius-md);cursor:pointer;background:#ffffff1a;border:1px solid #ffffff38;width:100%;height:46px;font-family:inherit;font-size:14px;font-weight:600}.scanner-retry-btn{background:var(--brand-orange);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;width:100%;height:46px;font-family:inherit;font-size:14px;font-weight:600}.manual-code-panel{flex-direction:column;align-items:center;gap:14px;width:100%;max-width:280px;display:flex}.manual-code-input{border-radius:var(--radius-md);color:#fff;letter-spacing:.35em;text-align:center;font-variant-numeric:tabular-nums;background:#ffffff14;border:1px solid #ffffff40;outline:none;width:100%;height:58px;font-family:inherit;font-size:26px;font-weight:700}.manual-code-input:focus{border-color:var(--brand-orange)}.manual-code-hint{color:#fff9;text-align:center;font-size:12px}.mobile-modal-overlay{z-index:100;background-color:#000000a6;align-items:flex-end;animation:.15s ease-out fade-in;display:flex;position:absolute;inset:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.mobile-modal-sheet{z-index:101;background-color:#fff;border-radius:20px 20px 0 0;flex-direction:column;gap:16px;width:100%;max-height:85%;padding:24px 20px 28px;animation:.2s cubic-bezier(.16,1,.3,1) slide-up;display:flex;overflow-y:auto;box-shadow:0 -10px 35px #0000004d}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-icon-circle{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;margin:0 auto;font-size:20px;font-weight:700;display:flex}.modal-title-group{text-align:center}.modal-title{color:var(--text-primary);font-size:18px;font-weight:700}.modal-time-large{letter-spacing:-.03em;color:var(--text-primary);font-variant-numeric:tabular-nums;margin:4px 0;font-size:32px;font-weight:800}.modal-subtitle{color:var(--text-secondary);font-size:13px}.offline-chip{color:#9a3412;background-color:#fff7ed;border:1px solid #fed7aa;border-radius:999px;align-items:center;gap:6px;margin:6px auto 0;padding:4px 10px;font-size:11.5px;font-weight:600;display:inline-flex}.late-alert-box{border-radius:var(--radius-md);background-color:#fffbeb;border:1px solid #fde68a;align-items:flex-start;gap:10px;padding:12px 14px;display:flex}.late-alert-text{color:#92400e;font-size:12.5px;line-height:1.45}.late-alert-text strong{font-weight:700}.mobile-primary-btn{color:#fff;cursor:pointer;box-sizing:border-box;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background-color:#18181b;border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;height:52px;min-height:52px;padding:0 18px;font-family:inherit;font-size:15px;font-weight:600;transition:all .15s;display:flex}.mobile-primary-btn:hover:not(:disabled){background-color:#27272a}.mobile-primary-btn:active:not(:disabled){background-color:#09090b;transform:scale(.99)}.mobile-primary-btn:disabled{background-color:var(--bg-subtle);color:var(--text-muted);border:1px solid var(--border-subtle);cursor:not-allowed;opacity:.65}.mobile-secondary-btn,.mobile-secondary-action-btn{color:#18181b;border:1px solid var(--border-medium);cursor:pointer;box-sizing:border-box;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background-color:#f4f4f5;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;height:52px;min-height:52px;padding:0 18px;font-family:inherit;font-size:15px;font-weight:600;transition:all .15s;display:flex}.mobile-secondary-btn:hover:not(:disabled),.mobile-secondary-action-btn:hover:not(:disabled){border-color:var(--border-focus);background-color:#e4e4e7}.mobile-secondary-btn:active:not(:disabled),.mobile-secondary-action-btn:active:not(:disabled){background-color:#d4d4d8;transform:scale(.99)}.mobile-secondary-btn:disabled,.mobile-secondary-action-btn:disabled{background-color:var(--bg-subtle);color:var(--text-muted);border:1px solid var(--border-subtle);cursor:not-allowed;opacity:.65}.mobile-form{flex-direction:column;gap:14px;display:flex}.form-group{flex-direction:column;gap:6px;display:flex}.form-label{color:var(--text-secondary);font-size:12.5px;font-weight:600}.mobile-input,.mobile-select,.mobile-textarea{border:1px solid var(--border-subtle);background-color:var(--bg-app);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);outline:none;padding:0 14px;font-family:inherit;font-size:14px;transition:border-color .12s}.mobile-input,.mobile-select{height:48px}.mobile-textarea{resize:vertical;min-height:84px;padding:12px 14px;line-height:1.45}.mobile-input:focus,.mobile-select:focus,.mobile-textarea:focus{border-color:var(--border-focus)}.form-date-row{gap:10px;display:flex}.form-date-row .form-group{flex:1}.form-error-text{color:var(--status-red);font-size:12px;font-weight:500}.requests-screen,.notifications-screen,.profile-screen{flex-direction:column;display:flex}.screen-header{margin-bottom:16px}.chip{white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;gap:5px;padding:3px 9px;font-size:11px;font-weight:600;display:inline-flex}.chip-dot{background-color:currentColor;border-radius:50%;width:5px;height:5px}.chip.todo{color:#9a3412;background-color:#fff7ed;border-color:#fed7aa}.chip.pending{color:#92400e;background-color:#fffbeb;border-color:#fde68a}.chip.accepted{color:var(--status-green);background-color:#ecfdf5;border-color:#a7f3d0}.chip.refused{color:var(--status-red);background-color:#fef2f2;border-color:#fecaca}.chip.precision{color:#1d4ed8;background-color:#eff6ff;border-color:#bfdbfe}.chip.cancelled{color:#64748b;background-color:#f8fafc;border-color:#cbd5e1}.request-list{border-top:1px solid var(--border-subtle);flex-direction:column;display:flex}.request-item{border-bottom:1px solid var(--border-subtle);flex-direction:column;gap:6px;padding:13px 2px;display:flex}.request-item-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.request-item-title{color:var(--text-primary);font-size:13.5px;font-weight:600}.request-item-sub{color:var(--text-secondary);font-size:12px;line-height:1.45}.request-admin-note{color:#1d4ed8;border-radius:var(--radius-sm);background-color:#eff6ff;border:1px solid #bfdbfe;padding:8px 10px;font-size:12px;line-height:1.4}.request-action-btn{border:1px solid var(--border-medium);color:var(--text-primary);border-radius:var(--radius-sm);cursor:pointer;background-color:#fff;align-self:flex-start;padding:6px 12px;font-family:inherit;font-size:12px;font-weight:600;transition:all .12s}.request-action-btn:hover{border-color:var(--border-focus)}.sync-hint-inline{color:var(--text-muted);align-items:center;gap:4px;font-size:11px;display:inline-flex}.leave-cta-btn{width:100%;height:48px;color:var(--text-primary);border:1px dashed var(--border-medium);border-radius:var(--radius-md);cursor:pointer;background-color:#fff;justify-content:center;align-items:center;gap:8px;margin-bottom:10px;font-family:inherit;font-size:14px;font-weight:600;transition:all .12s;display:flex}.leave-cta-btn:hover:not(:disabled){border-color:var(--border-focus);background-color:var(--bg-hover)}.leave-cta-btn:disabled{color:var(--text-muted);cursor:not-allowed;background-color:var(--bg-subtle)}.leave-rule-note{color:var(--text-muted);text-align:center;margin-bottom:12px;font-size:11.5px;line-height:1.4}.empty-note{color:var(--text-muted);text-align:center;padding:14px 2px;font-size:12.5px}.notif-header-row{justify-content:space-between;align-items:flex-end;margin-bottom:14px;display:flex}.text-link-btn{color:var(--brand-orange);cursor:pointer;background:0 0;border:none;font-family:inherit;font-size:12px;font-weight:600}.notifications-list{border-top:1px solid var(--border-subtle);flex-direction:column;display:flex}.notification-item{border-bottom:1px solid var(--border-subtle);cursor:pointer;gap:10px;padding:13px 2px;display:flex}.notification-item.unread{background-color:var(--brand-orange-light);border-radius:var(--radius-sm);border-bottom-color:#0000;margin:3px 0;padding:13px 10px}.notif-type-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;margin-top:1px;display:flex}.notif-type-icon.rappel{color:var(--status-blue);background-color:#eff6ff}.notif-type-icon.oubli{color:var(--status-orange);background-color:#fffbeb}.notif-type-icon.justification{color:var(--status-green);background-color:#ecfdf5}.notif-type-icon.conge{color:var(--status-purple);background-color:#f5f3ff}.notif-type-icon.planning{color:var(--brand-orange);background-color:var(--brand-orange-light)}.notif-content{flex-direction:column;flex:1;gap:2px;display:flex}.notif-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.notif-title-group{align-items:center;gap:6px;min-width:0;display:flex}.notif-unread-dot{background-color:var(--brand-orange);border-radius:50%;flex-shrink:0;width:6px;height:6px}.notif-title{color:var(--text-primary);font-size:13.5px;font-weight:600}.notif-time{color:var(--text-muted);white-space:nowrap;font-size:11px}.notif-desc{color:var(--text-secondary);font-size:12.5px;line-height:1.4}.profile-header-card{align-items:center;gap:16px;padding:8px 0;display:flex}.profile-avatar-lg{color:#fff;background-color:#18181b;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:54px;height:54px;font-size:18px;font-weight:700;display:flex}.profile-id-group{flex-direction:column;gap:2px;display:flex}.profile-name{letter-spacing:-.02em;font-size:18px;font-weight:700}.profile-role{color:var(--text-secondary);font-size:13px}.profile-info-list{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background-color:#fff;flex-direction:column;display:flex}.profile-info-row{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;font-size:13px;display:flex}.profile-info-row:last-child{border-bottom:none}.profile-info-label{color:var(--text-muted);flex-shrink:0}.profile-info-val{color:var(--text-primary);text-align:right;font-weight:500}.planning-list{border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);flex-direction:column;display:flex}.planning-row{border-bottom:1px solid var(--border-subtle);align-items:center;gap:12px;padding:10px 2px;display:flex}.planning-row:last-child{border-bottom:none}.planning-day{flex-direction:column;flex-shrink:0;width:92px;display:flex}.planning-day-name{color:var(--text-primary);font-size:12.5px;font-weight:600}.planning-day-date{color:var(--text-muted);font-size:11px}.planning-shift{color:var(--text-secondary);font-variant-numeric:tabular-nums;flex:1;font-size:12.5px}.planning-shift.repos{color:var(--text-muted)}.planning-shift.garde{color:var(--status-red);font-weight:600}.planning-badge{border-radius:999px;flex-shrink:0;padding:2px 7px;font-size:10.5px;font-weight:700}.planning-badge.J{color:var(--status-green);background-color:#ecfdf5}.planning-badge.G24{color:var(--status-red);background-color:#fef2f2}.planning-badge.repos{color:var(--text-muted);background-color:var(--bg-subtle)}.punch-list{border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);flex-direction:column;display:flex}.punch-row{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:10px;padding:11px 2px;display:flex}.punch-row:last-child{border-bottom:none}.punch-left{flex-direction:column;gap:1px;min-width:0;display:flex}.punch-date{color:var(--text-primary);font-size:13px;font-weight:600}.punch-times{color:var(--text-secondary);font-variant-numeric:tabular-nums;font-size:12px}.sync-badge{white-space:nowrap;border-radius:999px;flex-shrink:0;padding:3px 8px;font-size:10.5px;font-weight:600}.sync-badge.synced{color:var(--status-green);background-color:#ecfdf5;border:1px solid #a7f3d0}.sync-badge.local{color:#9a3412;background-color:#fff7ed;border:1px solid #fed7aa}.device-card-linear{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background-color:#fff;flex-direction:column;gap:8px;padding:12px 14px;display:flex}.device-card-main{align-items:center;gap:12px;display:flex}.device-icon{color:var(--text-secondary);align-items:center;display:flex}.device-name{color:var(--text-primary);font-size:14px;font-weight:600}.device-status-verified{color:var(--status-green);font-size:11.5px;font-weight:500}.device-last-used{color:var(--text-muted);font-size:11.5px}.pwa-install-btn{background-color:var(--brand-orange);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;width:100%;height:46px;font-family:inherit;font-size:14px;font-weight:600;transition:background-color .12s;display:flex}.pwa-install-btn:hover{background-color:var(--brand-orange-hover)}.pwa-hint{color:var(--text-secondary);font-size:11.5px;line-height:1.45}.mobile-logout-btn{width:100%;height:44px;color:var(--status-red);border-radius:var(--radius-sm);cursor:pointer;background-color:#fef2f2;border:1px solid #fecaca;font-family:inherit;font-size:13.5px;font-weight:600;transition:background-color .12s}.mobile-logout-btn:hover{background-color:#fee2e2}.login-screen{height:100%;padding:max(40px, env(safe-area-inset-top,40px)) 24px max(24px, env(safe-area-inset-bottom,24px)) 24px;background-color:var(--bg-surface);-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;justify-content:space-between;display:flex;overflow-y:auto}.login-top{flex-direction:column;align-items:center;display:flex}.login-badge-subtle{letter-spacing:.08em;color:var(--text-muted);font-size:10.5px;font-weight:600}.login-center{flex-direction:column;gap:24px;display:flex}.login-heading{text-align:center}.login-title{letter-spacing:-.03em;font-size:26px;font-weight:700}.login-subtitle{color:var(--text-secondary);margin-top:6px;font-size:13px;line-height:1.4}.login-form{flex-direction:column;gap:14px;display:flex}.login-forgot-btn{color:var(--text-muted);cursor:pointer;text-align:center;background:0 0;border:none;margin-top:4px;font-family:inherit;font-size:12px}.login-footer{text-align:center;color:var(--text-muted);border-top:1px solid var(--border-subtle);padding-top:16px;font-size:11px}.scanner-gps-btn{justify-content:center;align-items:center;gap:7px;display:inline-flex}.method-chip{color:var(--text-secondary,#666);background:var(--bg-subtle,#f1f1f0);border-radius:999px;align-items:center;gap:6px;margin-top:8px;padding:3px 10px;font-size:11.5px;font-weight:600;display:inline-flex}.gps-panel{flex-direction:column;align-items:center;gap:18px;padding:28px 8px;display:flex}.gps-radar{justify-content:center;align-items:center;width:84px;height:84px;display:flex;position:relative}.gps-radar-dot{background:#4ade80;border-radius:50%;width:14px;height:14px}.gps-radar-ring{border:2px solid #4ade80a6;border-radius:50%;animation:1.4s ease-out infinite gps-ping;position:absolute;inset:0}@keyframes gps-ping{0%{opacity:1;transform:scale(.25)}to{opacity:0;transform:scale(1)}}.gps-result-ok{color:#4ade80;background:#4ade801f;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:26px;display:flex}.form-hint-mobile{color:var(--text-muted,#8e8e93);margin-top:4px;font-size:11px;line-height:1.4;display:block}.login-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:9px 12px;font-size:12.5px;font-weight:600;line-height:1.4}.binding-warning{color:var(--text-secondary,#666);background:var(--bg-subtle,#f1f1f0);border-radius:8px;align-items:flex-start;gap:8px;margin-top:10px;padding:9px 12px;font-size:11px;line-height:1.45;display:flex}.binding-warning svg{flex-shrink:0;margin-top:1px}.binding-note{color:var(--text-muted,#8e8e93);margin-top:10px;font-size:11px;line-height:1.5}.pwd-warning-banner{color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:8px;margin-bottom:10px;padding:9px 12px;font-size:12px;font-weight:600;line-height:1.45}.pwd-form{flex-direction:column;gap:12px;width:100%;display:flex}.notif-type-icon.compte{color:#52525b;background:#f4f4f5}.presence-methods{gap:10px;margin:16px 0;display:flex}.presence-methods>button{border-radius:12px;flex:1;min-width:0;height:48px;min-height:48px;padding:0 12px;font-size:13.5px;font-weight:600}.gps-attendance{flex-direction:column;gap:14px;margin:12px 0 16px;display:flex}.gps-attendance>p{color:var(--text-primary);margin:0;font-size:14px;line-height:1.5}.gps-attendance-note{color:#71717a;margin:0;font-size:13px;line-height:1.45}.gps-attendance [role=status]{color:var(--text-secondary);background:var(--bg-subtle);border-radius:10px;margin:0;padding:10px 14px;font-size:13.5px;font-weight:500}.gps-attendance [role=alert]{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;margin:0;padding:12px 14px;font-size:13.5px;line-height:1.45}.gps-submit-btn{border-radius:14px;height:52px;min-height:52px;margin-top:6px;font-size:15.5px;font-weight:600;box-shadow:0 2px 8px #0000001f}.modal-close-btn{border-radius:14px;height:52px;min-height:52px;margin-top:14px;font-size:15px;font-weight:600}.presence-declaration-btn{border-radius:12px;height:48px;min-height:48px;margin-top:8px;font-size:14px}.presence-result-box{background:#f4f4f5;border-radius:14px;flex-direction:column;gap:8px;margin:12px 0 16px;padding:18px;display:flex}.presence-result-box h3{color:var(--text-primary);margin:0;font-size:16px;font-weight:700}.presence-result-box p{color:var(--text-secondary);margin:0;font-size:14px;line-height:1.45}