:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ivory:#fffcf7;--ink:#201b17;--gold:#8d6816;--pale:#e8d5a6;--border:#eadfcb;--muted:#625c54}*{box-sizing:border-box}body{color:var(--ink);background:var(--ivory);margin:0;font-family:Arial,Helvetica,sans-serif;line-height:1.55}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:4px}h1,h2,h3{font-family:Georgia,Times New Roman,serif;line-height:1.2}h1{margin:0;font-size:2rem}h2{margin:.4rem 0 1rem;font-size:1.9rem}h3{font-size:1.4rem}.shell{grid-template-columns:260px 1fr;min-height:100dvh;display:grid}.sidebar{border-right:1px solid var(--border);background:linear-gradient(155deg,#fff 20%,#fbf4e8);flex-direction:column;padding:28px 20px;display:flex}.brand{object-fit:contain;mix-blend-mode:multiply;width:100%;height:auto;max-height:180px}.brand-divider{background:linear-gradient(90deg, var(--gold), var(--pale), var(--gold));height:3px;margin:24px -20px}.eyebrow{letter-spacing:.18em;color:var(--gold);margin:0 0 .5rem;font-size:.68rem;font-weight:700}.nav{text-align:left;width:100%;color:var(--ink);background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:14px;margin:8px 0;padding:14px;display:flex}.nav span{font-size:1.5rem}.nav.active{border-color:var(--pale);color:#614710;background:#f7ead0}.sidebar-note{color:var(--muted);margin-top:auto;padding-top:80px;font-family:Georgia,serif;font-size:.95rem}main{flex-direction:column;min-width:0;display:flex}.topbar{border-bottom:1px solid var(--border);background:#ffffffa6;justify-content:space-between;align-items:center;gap:16px;min-height:112px;padding:24px 40px;display:flex}.content{flex:1;padding:40px}footer{color:var(--muted);padding:20px 40px;font-size:.75rem}.card{border:1px solid var(--border);background:linear-gradient(135deg,#fff,#fffdf9);border-radius:18px;padding:30px;box-shadow:0 4px 14px #54350006}.auth-card{width:min(100%,480px);margin:26px auto}.auth-card h2{margin-top:12px}.muted{color:var(--muted)}.small{font-size:.8rem}form{flex-direction:column;gap:10px;display:flex}label{margin-top:12px;font-size:.9rem;font-weight:600}input,textarea,select{width:100%;color:var(--ink);background:#fff;border:1px solid #b7a993;border-radius:8px;min-height:48px;padding:13px 15px}textarea{resize:vertical;min-height:100px}.primary,.secondary{border-radius:9px;min-height:48px;padding:13px 22px;font-weight:600}.primary{color:#fff;background:linear-gradient(#8d6816,#76520d);border:1px solid #806016}.secondary{color:var(--ink);background:#fff;border:1px solid #b7a993}form .primary{margin:14px 0}.text-button{color:#765210;background:0 0;border:0;min-height:44px;padding:10px 0;text-decoration:underline}.notice{border:1px solid var(--border);background:#f5f0e6;border-radius:9px;padding:14px 18px}.notice.error{color:#852b20;background:#fff1ef;border-color:#dfb1a8}.notice.success{color:#285b21;background:#eef7eb;border-color:#b6cfac}.section-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.date-chip{border:1px solid var(--border);white-space:nowrap;border-radius:10px;padding:12px 18px;font-size:.9rem}.time-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.state-label{margin:14px 0;font-size:2rem}.actions{gap:12px;margin-top:28px;display:grid}.timeline{padding:0;list-style:none}.timeline li{border-bottom:1px solid var(--border);justify-content:space-between;gap:20px;padding:16px 0;display:flex}.timeline time{color:var(--gold);font-weight:700}.modal{width:min(100% - 40px,480px);color:var(--ink)}.modal::backdrop{background:#201b1766}.button-row{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}.invite-card{max-width:740px;margin-top:24px}.profile{max-width:740px}.profile .auth-card{box-shadow:none;margin:20px 0;padding:20px}.session-list{padding:0;list-style:none}.session-list li{border-bottom:1px solid var(--border);overflow-wrap:anywhere;justify-content:space-between;align-items:center;gap:16px;padding:14px 0;display:flex}hr{border:0;border-top:1px solid var(--border);margin:30px 0}@media (max-width:1000px){.shell{grid-template-columns:220px 1fr}.content,.topbar{padding:24px}.time-grid{grid-template-columns:1fr}.section-heading{flex-direction:column;align-items:flex-start}}@media (max-width:640px){.shell{display:block}.sidebar{border-right:0;border-bottom:1px solid var(--border);padding:16px 20px}.brand{align-self:center;width:140px;max-height:90px}.brand-divider,.sidebar-note,.sidebar>.eyebrow{display:none}.sidebar nav{gap:12px;display:flex}.nav{justify-content:center;margin:8px 0 0;padding:8px}.topbar{min-height:auto;padding:20px}h1{font-size:1.5rem}h2{font-size:1.6rem}.content{padding:20px}.card{padding:24px}.auth-card{margin:0}.date-chip{font-size:.8rem}footer{padding:20px}}.mfa-qr{background:#fff;justify-content:center;padding:12px;display:flex}.mfa-qr svg{max-width:100%;height:auto}
.ui-button{border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 18px;font-size:.85rem;font-weight:600;line-height:1.4;text-decoration:none;transition:background-color .15s,border-color .15s,box-shadow .15s;display:inline-flex}.ui-button-primary{color:#fff;background:#765411;border-color:#765411}.ui-button-primary:hover{background:#61440d}.ui-button-outline{color:var(--ink);background:#fffefa;border-color:#d5c7b0}.ui-button-outline:hover,.ui-button-ghost:hover{background:#f6eedf;border-color:#c3a873}.ui-button-ghost{color:#765411;background:0 0}.ui-button:focus-visible,.ui-input:focus-visible{outline-offset:3px;outline:3px solid #997010}.ui-button:disabled{opacity:.55;cursor:not-allowed}.ui-input{background:#fffefa;border:1px solid #d5c7b0;border-radius:8px;min-height:44px;padding:10px 12px;box-shadow:0 1px 2px #211d1805}.ui-input[aria-invalid=true]{border-color:#a4382c}.ui-badge{color:#665334;white-space:nowrap;background:#f7f1e5;border:1px solid #e0d5c2;border-radius:99px;align-items:center;gap:6px;padding:4px 10px;font-size:.72rem;font-weight:600;display:inline-flex}.ui-badge-positive{color:#35572c;background:#eff4eb;border-color:#cddcc5}.ui-dialog-overlay{z-index:80;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#211d1870;position:fixed;inset:0}.ui-dialog-content{--border:#e8dcc8;--muted:#66615b;z-index:81;width:min(100% - 32px,880px);max-height:calc(100dvh - 48px);color:var(--ink);overscroll-behavior:contain;background:#fffcf7;border:1px solid #d6c39e;border-radius:18px;outline:none;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%);box-shadow:0 24px 80px #211d1830}:is(.employee-dialog-header,.app-dialog-header){border-bottom:1px solid var(--border);background:linear-gradient(120deg,#fffefa,#f7f0e2);justify-content:space-between;align-items:flex-start;gap:20px;padding:24px 28px;display:flex}:is(.employee-dialog-header,.app-dialog-header) h2{overflow-wrap:anywhere;margin:4px 0 8px;font-size:1.65rem}:is(.employee-dialog-header,.app-dialog-header) p{color:var(--muted);margin:0;font-size:.82rem}:is(.employee-dialog-header,.app-dialog-header) .eyebrow{color:#765411;font-size:.65rem}:is(.employee-dialog-body,.app-dialog-body){padding:24px 28px 28px}:is(.employee-dialog-body,.app-dialog-body) .manager-form>h3{margin:0 0 4px;font-size:1.1rem}:is(.employee-dialog-body,.app-dialog-body)>.manager-form{padding:0}:is(.employee-dialog-body,.app-dialog-body)>.manager-form~.manager-form{border-top:1px solid var(--border);margin-top:24px;padding-top:24px}:is(.employee-dialog,.app-dialog) .form-grid{gap:18px}:is(.employee-dialog,.app-dialog) .field label{color:#514638;font-size:.8rem}:is(.employee-dialog,.app-dialog) .field :is(select,textarea){background:#fffefa;border-color:#d5c7b0;min-height:44px;padding:10px 12px}:is(.employee-dialog,.app-dialog) .field:has(textarea){grid-column:1/-1}:is(.employee-dialog,.app-dialog) .disclosure.card{box-shadow:none;background:#fffefa;border-radius:10px}:is(.employee-dialog,.app-dialog) .disclosure>summary{font-size:.85rem}:is(.employee-dialog,.app-dialog) .disclosure-body{padding:18px}:is(.employee-dialog,.app-dialog) .employee-status{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}:is(.employee-dialog,.app-dialog) .form-actions{justify-content:flex-end;align-items:center;padding-top:6px;display:flex}:is(.employee-dialog,.app-dialog) .table-scroll{max-width:100%}:is(.employee-dialog,.app-dialog) a{overflow-wrap:anywhere}.employee-directory .directory-heading{align-items:center;gap:12px;margin-right:auto;display:flex}.directory-heading p{color:var(--muted);margin:0;font-size:.85rem}.employee-directory .employee-name{text-align:left;justify-content:flex-start;min-height:44px;padding:4px 0}.employee-name .employee-initials{color:#765411;background:#f8f0df;border:1px solid #e2d3b8;border-radius:10px;place-items:center;width:34px;height:34px;font-family:Georgia,serif;display:grid}@media (max-width:640px){.ui-dialog-content{border-radius:12px;width:calc(100% - 16px);max-height:calc(100dvh - 16px)}:is(.employee-dialog-header,.app-dialog-header){gap:12px;padding:20px 16px}:is(.employee-dialog-header,.app-dialog-header) h2{font-size:1.35rem}:is(.employee-dialog-header,.app-dialog-header) .ui-button{padding:8px 12px}:is(.employee-dialog-body,.app-dialog-body){padding:20px 16px}:is(.employee-dialog,.app-dialog) .form-grid{grid-template-columns:minmax(0,1fr)}:is(.employee-dialog,.app-dialog) .form-actions .ui-button{width:100%}.employee-directory .section-toolbar{align-items:center}}@media (prefers-reduced-motion:reduce){.ui-button{transition:none}}.ui-sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.ui-dialog-content.manager-modal{padding:0}.ui-dialog-content.ui-dialog-compact{width:min(100% - 32px,480px)}.app-dialog-header{z-index:1;position:sticky;top:0}.app-dialog-header h2{font-size:1.5rem}.ui-select{padding-right:30px}.ui-textarea{resize:vertical;min-height:100px}.ui-input:disabled{opacity:.6;cursor:not-allowed}.ui-choice{accent-color:#765411}.ui-badge.positive{color:#35572c;background:#eff4eb;border-color:#cddcc5}.manager-form .form-actions{justify-content:flex-end;padding-top:8px;display:flex}:is(.manager-content,.app-dialog-body,.auth-card,.profile) .ui-button{box-shadow:0 1px 2px #211d1808}:is(.manager-content,.app-dialog-body,.auth-card,.profile) .ui-button-ghost{box-shadow:none;text-decoration:none}:is(.manager-content,.app-dialog-body,.auth-card,.profile) .ui-input{background:#fffefa;border-color:#d5c7b0}.ui-dialog-content .notice{overflow-wrap:anywhere}@media (max-width:640px){.app-dialog .form-grid{grid-template-columns:minmax(0,1fr)}.manager-form .form-actions .ui-button{width:100%}}.row-action[aria-label="Annuler la saisie"]{color:#932d20}.manager-content .hours-cancel{color:#932d20;border-color:#dfb1a8;min-height:36px;margin-left:8px;padding:6px 10px}.manager-content .hours-cancel:hover:not(:disabled){background:#fff1ef;border-color:#bc776b}.hours-action-group{align-items:center;gap:8px;display:flex}.manager-content .hours-action-group .hours-cancel{margin-left:0}.hours-action-group .field-help{white-space:normal;max-width:90px}@media (max-width:640px){.hours-entry-table .hours-row-actions{z-index:1;background:#fffdf8;position:sticky;right:0;box-shadow:-3px 0 6px #211d180d}.hours-entry-table th.hours-row-actions{z-index:2;background:#fbf2df}}.permissions-grid{border:1px solid var(--border);border-radius:10px;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;padding:16px;display:grid}.permissions-grid .checkbox-label{align-items:center;gap:8px;margin:0;font-size:.8rem;display:flex}.permissions-grid input{flex-shrink:0;width:18px;min-height:18px}