@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-sans-latin-400-normal-CDDApCn2.woff2)format("woff2"),url(/assets/ibm-plex-sans-latin-400-normal-CYLoc0-x.woff)format("woff")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-sans-latin-500-normal-6ng42L7E.woff2)format("woff2"),url(/assets/ibm-plex-sans-latin-500-normal-BgVn5rGT.woff)format("woff")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-sans-latin-600-normal-CuJfVYMP.woff2)format("woff2"),url(/assets/ibm-plex-sans-latin-600-normal-Cu4Hd6ag.woff)format("woff")}@font-face{font-family:IBM Plex Sans Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-sans-condensed-latin-600-normal-CRd5VyFf.woff2)format("woff2"),url(/assets/ibm-plex-sans-condensed-latin-600-normal-6XnkKYvF.woff)format("woff")}@font-face{font-family:IBM Plex Sans Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/ibm-plex-sans-condensed-latin-700-normal-D8r4s4aS.woff2)format("woff2"),url(/assets/ibm-plex-sans-condensed-latin-700-normal-D3enqrvP.woff)format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-400-normal-DMJ8VG8y.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-400-normal-CvHOgSBP.woff)format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-latin-500-normal-DSY6xOcd.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-500-normal-CB9ihrfo.woff)format("woff")}:root,:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-base:#14161c;--bg-chrome:#191c23;--bg-card:#1c1f27;--bg-card-hover:#232732;--bg-sunken:#101217;--border:#2c313d;--border-strong:#3a4150;--border-faint:#22262f;--border-focus:#e8a33d;--text-primary:#e8e9ec;--text-secondary:#a2a8b4;--text-muted:#858c9c;--accent-brand:#e8a33d;--accent-brand-strong:#e8a33d;--accent-brand-dim:#e8a33d24;--accent-brand-text:#14161c;--accent-green:#3fbf6e;--accent-green-dim:#3fbf6e24;--accent-red:#f0685f;--accent-red-dim:#f0685f24;--accent-amber:#e8a33d;--accent-amber-dim:#e8a33d24;--accent-blue:#5b9dd9;--accent-blue-dim:#5b9dd924;--accent-purple:#8b7bd8;--personnel-color:#5b9dd9;--resident-color:#8b7bd8;--visiteur-color:#4fb0a5;--asset-color:#a8927a;--shadow:0 1px 2px #0006;--shadow-lg:0 16px 48px #0000008c;--topbar-bg:#191c23e0;--btn-primary-text:var(--accent-brand-text);--modal-bg:#1c1f27;--tab-active-text:#14161c;--overlay:#08090cb8}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-base:#f6f5f2;--bg-chrome:#fff;--bg-card:#fff;--bg-card-hover:#efede8;--bg-sunken:#edebe6;--border:#dfdcd5;--border-strong:#c6c2b9;--border-faint:#eae8e2;--border-focus:#8a5307;--text-primary:#191a1d;--text-secondary:#55585f;--text-muted:#6b6f78;--accent-brand:#e09a2b;--accent-brand-strong:#8a5307;--accent-brand-dim:#e09a2b2e;--accent-brand-text:#191a1d;--accent-green:#17803d;--accent-green-dim:#17803d1f;--accent-red:#c0362c;--accent-red-dim:#c0362c1f;--accent-amber:#8a5307;--accent-amber-dim:#e09a2b2e;--accent-blue:#1f6fb2;--accent-blue-dim:#1f6fb21f;--accent-purple:#5b4bc4;--personnel-color:#1f6fb2;--resident-color:#5b4bc4;--visiteur-color:#0f7a70;--asset-color:#7a6249;--shadow:0 1px 2px #1e1a120f;--shadow-lg:0 18px 48px #1e1a1229;--topbar-bg:#ffffffe6;--btn-primary-text:var(--accent-brand-text);--modal-bg:#fff;--tab-active-text:#fff;--overlay:#26221c80}:root{--surface:var(--bg-card);--surface-hover:var(--bg-card-hover);--card-bg:var(--bg-card);--bg-dim:var(--bg-sunken);--border-color:var(--border);--border-subtle:var(--border-faint);--text-main:var(--text-primary);--text-dim:var(--text-muted);--danger:var(--accent-red);--font-ui:"IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--font-display:"IBM Plex Sans Condensed", "IBM Plex Sans", system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;--fs-display:1.75rem;--fs-h2:1.375rem;--fs-h3:1.0625rem;--fs-body:.9375rem;--fs-sm:.8125rem;--fs-xs:.75rem;--fs-eyebrow:.6875rem;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--radius-sm:5px;--radius-md:9px;--radius-lg:14px;--radius-full:999px;--sidebar-w:248px;--topbar-h:60px;--bottomnav-h:60px;--tap:44px;--ease:cubic-bezier(.2, 0, .2, 1);--dur:.15s}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-size:16px}body{font-family:var(--font-ui);font-size:var(--fs-body);background:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;min-height:100vh;line-height:1.5;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit;font-size:inherit;color:inherit}input,select,textarea{font-family:inherit;font-size:inherit}img,svg{max-width:100%}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.005em;font-weight:600;line-height:1.2}h1{font-size:var(--fs-display)}h2{font-size:var(--fs-h2)}h3{font-size:var(--fs-h3)}h4{font-size:var(--fs-body)}.mono,time,.stat-value,.ts,.num{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.num{white-space:nowrap}.num svg,.badge svg,.btn svg,.nav-item svg,.bottom-nav-item svg{flex-shrink:0}:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}:focus:not(:focus-visible){outline:none}::selection{background:var(--accent-brand-dim)}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-full)}::-webkit-scrollbar-track{background:0 0}.app-shell{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-w);background:var(--bg-chrome);border-right:1px solid var(--border);z-index:100;flex-direction:column;flex-shrink:0;display:flex;position:fixed;top:0;bottom:0;left:0}.main-area{margin-left:var(--sidebar-w);flex-direction:column;flex:1;min-width:0;min-height:100vh;display:flex}.topbar{height:var(--topbar-h);justify-content:space-between;align-items:center;gap:var(--sp-3);padding:0 var(--sp-6);border-bottom:1px solid var(--border);background:var(--topbar-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:50;display:flex;position:sticky;top:0}.topbar-left{align-items:center;gap:var(--sp-2);min-width:0;display:flex}.topbar-right{align-items:center;gap:var(--sp-3);min-width:0;display:flex}.page-content{padding:var(--sp-8) var(--sp-6);flex:1;min-width:0}.sidebar-logo{padding:var(--sp-5) var(--sp-5) var(--sp-4);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:var(--sp-2);display:flex}.brandmark{align-items:center;gap:10px;min-width:0;display:flex}.brandmark-icon{flex-shrink:0;display:block}.brandmark-logo{object-fit:contain;flex-shrink:0;width:34px;height:34px}.brandmark-text{min-width:0}.brandmark-text h1{font-family:var(--font-display);letter-spacing:.02em;text-transform:uppercase;color:var(--text-primary);font-size:1.0625rem;font-weight:700}.brandmark-text p{font-size:var(--fs-xs);color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:1px;overflow:hidden}.sidebar-scrollable-content{padding-bottom:var(--sp-4);flex:1;overflow:hidden auto}.sidebar-nav{padding:var(--sp-3) var(--sp-3);flex-direction:column;gap:1px;display:flex}.nav-item{min-height:var(--tap);padding:0 var(--sp-3);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--fs-body);transition:background var(--dur) var(--ease), color var(--dur) var(--ease);border-left:2px solid #0000;align-items:center;gap:10px;font-weight:500;display:flex}.nav-item:hover{background:var(--bg-card-hover);color:var(--text-primary)}.nav-item.active{background:var(--accent-brand-dim);color:var(--accent-brand-strong);border-left-color:var(--accent-brand);font-weight:600}.nav-item svg{flex-shrink:0}.nav-section-label{font-family:var(--font-display);font-size:var(--fs-eyebrow);letter-spacing:.1em;color:var(--text-muted);text-transform:uppercase;padding:var(--sp-5) var(--sp-3) var(--sp-2);font-weight:600}.bottom-nav{z-index:90;background:var(--bg-chrome);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom);display:none;position:fixed;bottom:0;left:0;right:0}.bottom-nav-inner{height:var(--bottomnav-h);display:flex}.bottom-nav-item{color:var(--text-muted);transition:color var(--dur) var(--ease);border-top:2px solid #0000;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;margin-top:-1px;font-size:.6875rem;font-weight:500;display:flex}.bottom-nav-item.active{color:var(--accent-brand-strong);border-top-color:var(--accent-brand);font-weight:600}.bottom-nav-item svg{flex-shrink:0}.mobile-overlay{background:var(--overlay);z-index:95;animation:fadeIn var(--dur) var(--ease);position:fixed;inset:0}.status-badge{align-items:center;gap:var(--sp-2);border-radius:var(--radius-full);font-size:var(--fs-sm);white-space:nowrap;border:1px solid #0000;padding:6px 12px;font-weight:600;display:inline-flex}.status-badge.online{background:var(--accent-green-dim);border-color:var(--accent-green);color:var(--accent-green)}.status-badge.offline{background:var(--accent-red-dim);border-color:var(--accent-red);color:var(--accent-red)}.status-badge.syncing{background:var(--accent-amber-dim);border-color:var(--accent-amber);color:var(--accent-amber)}.status-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px;animation:2s infinite pulse}.online .status-dot{background:var(--accent-green)}.offline .status-dot{background:var(--accent-red);animation:none}.syncing .status-dot{background:var(--accent-amber)}.system-clock{align-items:baseline;gap:var(--sp-2);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-card);min-width:0;padding:6px 12px;display:flex}.system-clock-label{font-family:var(--font-display);font-size:var(--fs-eyebrow);text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);white-space:nowrap;font-weight:600}.system-clock-value{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:var(--fs-sm);color:var(--text-primary);white-space:nowrap;font-weight:500}.system-clock-offset{font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--accent-blue);font-weight:500}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.topbar-user{padding-left:var(--sp-3);border-left:1px solid var(--border);align-items:center;gap:10px;display:flex}.user-avatar,.avatar{border-radius:var(--radius-sm);background:var(--accent-brand);width:34px;height:34px;color:var(--accent-brand-text);font-family:var(--font-display);font-weight:700;font-size:var(--fs-body);flex-shrink:0;justify-content:center;align-items:center;display:flex}.user-details{flex-direction:column;min-width:0;display:flex}.user-name{font-size:var(--fs-sm);color:var(--text-primary);font-weight:600;line-height:1.25}.user-role{font-family:var(--font-display);font-size:var(--fs-eyebrow);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);font-weight:600}.logout-btn-mini{color:var(--text-muted);min-width:var(--tap);min-height:var(--tap);border-radius:var(--radius-sm);transition:background var(--dur) var(--ease), color var(--dur) var(--ease);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.logout-btn-mini:hover{background:var(--accent-red-dim);color:var(--accent-red)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--sp-6);box-shadow:var(--shadow)}.card-grid{gap:var(--sp-4);margin-bottom:var(--sp-6);grid-template-columns:repeat(auto-fill,minmax(210px,1fr));display:grid}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--sp-5);box-shadow:var(--shadow);transition:border-color var(--dur) var(--ease);flex-direction:column;display:flex;position:relative;overflow:hidden}.stat-card:hover{border-color:var(--border-strong)}.stat-icon-wrapper{top:var(--sp-4);right:var(--sp-4);opacity:.18;pointer-events:none;position:absolute}.stat-label{font-family:var(--font-display);font-size:var(--fs-eyebrow);color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;font-weight:600}.stat-value{font-family:var(--font-display);font-variant-numeric:tabular-nums;margin:var(--sp-2) 0 var(--sp-1);letter-spacing:-.02em;font-size:2.125rem;font-weight:700;line-height:1.05}.stat-sub{font-size:var(--fs-sm);color:var(--text-secondary)}.page-header{justify-content:space-between;align-items:flex-start;gap:var(--sp-4);margin-bottom:var(--sp-6);flex-wrap:wrap;display:flex}.page-header h2{font-size:var(--fs-display);letter-spacing:-.01em;font-weight:700}.page-header p{font-size:var(--fs-sm);color:var(--text-secondary);margin-top:var(--sp-1)}.eyebrow{font-family:var(--font-display);font-size:var(--fs-eyebrow);text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);font-weight:600}.btn{min-height:var(--tap);padding:0 var(--sp-4);border-radius:var(--radius-sm);font-size:var(--fs-body);transition:background var(--dur) var(--ease), border-color var(--dur) var(--ease), color var(--dur) var(--ease);white-space:nowrap;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:7px;font-weight:600;display:inline-flex}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--accent-brand);color:var(--btn-primary-text)}.btn-primary:hover:not(:disabled){filter:brightness(1.08)}.btn-outline{border-color:var(--border);color:var(--text-primary);background:0 0}.btn-outline:hover:not(:disabled){background:var(--bg-card-hover);border-color:var(--border-strong)}.btn-danger{background:var(--accent-red-dim);border-color:var(--accent-red);color:var(--accent-red)}.btn-danger:hover:not(:disabled){background:var(--accent-red);color:var(--bg-base)}.btn-sm{min-height:34px;padding:0 var(--sp-3);font-size:var(--fs-sm)}.btn-icon{min-width:var(--tap);min-height:var(--tap);color:var(--text-muted);border-radius:var(--radius-sm);transition:background var(--dur) var(--ease), color var(--dur) var(--ease);background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}.btn-icon:hover{background:var(--bg-card-hover);color:var(--text-primary)}.btn.btn-icon{min-width:var(--tap);padding:0}.btn-sm.btn-icon{min-width:34px;min-height:34px}.btn-none{color:inherit;background:0 0;border:none;padding:0}.form-group{margin-bottom:var(--sp-4);flex-direction:column;gap:6px;display:flex}.form-label{font-size:var(--fs-sm);color:var(--text-secondary);font-weight:600}.form-input,.form-select,textarea.form-input{background:var(--bg-base);border:1px solid var(--border);border-radius:var(--radius-sm);min-height:var(--tap);padding:10px var(--sp-3);color:var(--text-primary);font-size:var(--fs-body);width:100%;transition:border-color var(--dur) var(--ease), background var(--dur) var(--ease);outline:none}[data-theme=light] .form-input,[data-theme=light] .form-select{background:#fff}.form-input::placeholder{color:var(--text-muted)}.form-input:focus,.form-select:focus{border-color:var(--accent-brand-strong)}.form-input:disabled,.form-select:disabled{opacity:.55;cursor:not-allowed}.form-select option{background:var(--modal-bg);color:var(--text-primary)}input[type=date].form-input,input[type=datetime-local].form-input,input[type=time].form-input,input[type=number].form-input{font-family:var(--font-mono);font-variant-numeric:tabular-nums}input[type=checkbox],input[type=radio]{width:18px;height:18px;accent-color:var(--accent-brand);cursor:pointer;flex-shrink:0}.form-row{gap:var(--sp-4);grid-template-columns:1fr 1fr;display:grid}.filter-bar{gap:var(--sp-2);margin-bottom:var(--sp-4);flex-wrap:wrap;align-items:center;display:flex}.filter-bar .form-select{width:auto}.filter-panel{gap:var(--sp-3);grid-template-columns:repeat(auto-fit,minmax(190px,1fr));align-items:center;display:grid}.filter-toggle{display:none}.filter-heading{align-items:center;gap:var(--sp-2);font-family:var(--font-display);font-size:var(--fs-eyebrow);text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:var(--sp-3);font-weight:600;display:flex}.table-wrapper{border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--bg-card);box-shadow:var(--shadow);overflow-x:auto}table{border-collapse:collapse;width:100%}thead{background:var(--bg-sunken)}th{padding:var(--sp-3) var(--sp-4);text-align:left;font-family:var(--font-display);font-size:var(--fs-eyebrow);color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;border-bottom:1px solid var(--border);white-space:nowrap;font-weight:600}td{padding:var(--sp-3) var(--sp-4);font-size:var(--fs-body);border-bottom:1px solid var(--border-faint);color:var(--text-primary);vertical-align:middle}tbody tr{transition:background var(--dur) var(--ease)}tbody tr:hover{background:var(--bg-card-hover)}tbody tr:last-child td{border-bottom:none}.detail-row:hover{background:0 0}.detail-row>td{padding-top:0}.cell-time{border-right:2px solid var(--border);width:84px;min-width:84px;padding-right:var(--sp-4);text-align:right;white-space:nowrap;position:relative}.ts{flex-direction:column;align-items:flex-end;line-height:1.25;display:flex}.ts-h{font-size:var(--fs-body);color:var(--text-primary);font-weight:500}.ts-d{font-size:var(--fs-xs);color:var(--text-muted)}.cell-time:after{content:"";border-top:5px solid #0000;border-bottom:5px solid #0000;width:0;height:0;position:absolute;top:50%;transform:translateY(-50%)}.row-in .cell-time:after{border-left:8px solid var(--accent-green);right:-8px}.row-out .cell-time:after{border-right:8px solid var(--accent-red);right:-1px}.row-in .cell-time{border-right-color:var(--accent-green)}.row-out .cell-time{border-right-color:var(--accent-red)}.badge{border-radius:var(--radius-full);font-size:var(--fs-xs);letter-spacing:.01em;white-space:nowrap;border:1px solid #0000;align-items:center;gap:4px;padding:3px 9px;font-weight:600;display:inline-flex}.badge svg{flex-shrink:0}.badge-personnel{background:color-mix(in srgb, var(--personnel-color) 14%, transparent);color:var(--personnel-color)}.badge-resident{background:color-mix(in srgb, var(--resident-color) 14%, transparent);color:var(--resident-color)}.badge-visiteur{background:color-mix(in srgb, var(--visiteur-color) 14%, transparent);color:var(--visiteur-color)}.badge-asset{background:color-mix(in srgb, var(--asset-color) 16%, transparent);color:var(--asset-color)}.badge-in,.badge-success{background:var(--accent-green-dim);color:var(--accent-green)}.badge-out,.badge-danger{background:var(--accent-red-dim);color:var(--accent-red)}.badge-blacklist{background:var(--accent-red-dim);color:var(--accent-red);border-color:var(--accent-red)}.badge-warning{background:var(--accent-amber-dim);color:var(--accent-amber)}.badge-info{background:var(--accent-blue-dim);color:var(--accent-blue)}.badge-admin{background:var(--accent-brand-dim);color:var(--accent-brand-strong)}.badge-agent{background:var(--accent-blue-dim);color:var(--accent-blue)}.badge-reader{background:var(--bg-sunken);color:var(--text-muted);border-color:var(--border)}.tabs{background:var(--bg-sunken);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:var(--sp-6);scrollbar-width:none;gap:2px;padding:3px;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tab{min-height:40px;padding:0 var(--sp-4);border-radius:var(--radius-sm);font-size:var(--fs-body);color:var(--text-secondary);transition:background var(--dur) var(--ease), color var(--dur) var(--ease);white-space:nowrap;background:0 0;border:none;flex:1 0 auto;justify-content:center;align-items:center;gap:7px;font-weight:600;display:flex}.tab:hover{color:var(--text-primary)}.tab.active-tab{color:var(--tab-active-text);background:var(--accent-brand)}.tab.tab-personnel.active-tab{background:var(--personnel-color);color:#fff}.tab.tab-resident.active-tab{background:var(--resident-color);color:#fff}.tab.tab-visiteur.active-tab{background:var(--visiteur-color);color:#fff}.tab.tab-asset.active-tab{background:var(--asset-color);color:#fff}.modal-overlay{z-index:200;background:var(--overlay);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);padding:var(--sp-4);animation:fadeIn var(--dur) var(--ease);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal,.modal-content{background:var(--modal-bg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--sp-6);width:100%;max-width:520px;max-height:90dvh;box-shadow:var(--shadow-lg);animation:slideUp .2s var(--ease);overflow-y:auto}.modal-header{justify-content:space-between;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-5);display:flex}.modal-header h3{font-size:var(--fs-h3);font-weight:700}.modal-footer{justify-content:flex-end;gap:var(--sp-2);margin-top:var(--sp-5);padding-top:var(--sp-4);border-top:1px solid var(--border-faint);display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.backup-report-modal{max-width:600px}.backup-report-body{flex-direction:column;display:flex}.backup-report-summary{gap:var(--sp-2);margin-bottom:var(--sp-5);padding-bottom:var(--sp-5);border-bottom:1px solid var(--border);grid-template-columns:repeat(3,1fr);display:grid}.backup-stat{text-align:center;padding:var(--sp-3) var(--sp-2);background:var(--bg-sunken);border:1px solid var(--border);border-radius:var(--radius-sm)}.backup-stat-value{font-family:var(--font-display);font-variant-numeric:tabular-nums;color:var(--accent-brand-strong);font-size:1.5rem;font-weight:700;line-height:1.2;display:block}.backup-stat-label{font-family:var(--font-display);font-size:var(--fs-eyebrow);color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-top:var(--sp-1);font-weight:600;display:block}.backup-section-title{font-family:var(--font-display);font-size:var(--fs-eyebrow);text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin:var(--sp-4) 0 var(--sp-2);font-weight:600}.backup-detail-table{border-collapse:collapse;border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;overflow:hidden}.backup-detail-table th{padding:var(--sp-2) var(--sp-3)}.backup-detail-table td{padding:var(--sp-2) var(--sp-3);font-size:var(--fs-sm)}.backup-detail-table tfoot td{border-top:2px solid var(--border);border-bottom:none;font-weight:700}.backup-phases{gap:var(--sp-1);flex-direction:column;display:flex}.backup-phase{align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-sm);font-size:var(--fs-sm);font-weight:500;display:flex}.backup-phase.ok{background:var(--accent-green-dim);color:var(--accent-green)}.backup-phase.fail{background:var(--accent-red-dim);color:var(--accent-red)}.backup-errors{gap:var(--sp-1);flex-direction:column;display:flex}.backup-error-item{padding:var(--sp-2) var(--sp-3);background:var(--accent-red-dim);border:1px solid var(--accent-red);border-radius:var(--radius-sm);font-size:var(--fs-sm);color:var(--accent-red);word-break:break-word}.empty-state{text-align:center;padding:var(--sp-10) var(--sp-5);color:var(--text-muted);font-size:var(--fs-body)}.empty-state svg{opacity:.25;margin-bottom:var(--sp-3)}.error-msg{color:var(--accent-red);font-size:var(--fs-sm);padding:10px var(--sp-3);background:var(--accent-red-dim);border:1px solid var(--accent-red);border-radius:var(--radius-sm);margin-bottom:var(--sp-3)}.success-msg{color:var(--accent-green);font-size:var(--fs-sm);padding:10px var(--sp-3);background:var(--accent-green-dim);border:1px solid var(--accent-green);border-radius:var(--radius-sm)}.loading{color:var(--text-muted);font-size:var(--fs-body);padding:var(--sp-10);text-align:center}.pagination{justify-content:space-between;align-items:center;gap:var(--sp-3);margin-top:var(--sp-4);flex-wrap:wrap;display:flex}.pagination-info{font-size:var(--fs-sm);color:var(--text-secondary)}.pagination-controls{gap:var(--sp-1);flex-wrap:wrap;display:flex}.login-page{background:var(--bg-base);min-height:100dvh;padding:var(--sp-5);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.login-page:before{content:"";background-image:linear-gradient(var(--border-faint) 1px, transparent 1px);opacity:.6;pointer-events:none;background-size:100% 32px;position:absolute;inset:0}.login-container{width:100%;max-width:400px;position:relative}.login-header{text-align:center;margin-bottom:var(--sp-6)}.login-logo-wrapper{margin-bottom:var(--sp-4);justify-content:center;align-items:center;display:inline-flex}.login-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--sp-8);box-shadow:var(--shadow-lg)}.login-title{font-family:var(--font-display);letter-spacing:.02em;text-transform:uppercase;margin-bottom:var(--sp-1);color:var(--text-primary);font-size:1.875rem;font-weight:700}.login-subtitle{font-size:var(--fs-body);color:var(--text-secondary)}.login-footer{margin-top:var(--sp-6);text-align:center;color:var(--text-muted);font-size:var(--fs-sm)}.login-footer-links{justify-content:center;gap:var(--sp-4);margin-top:var(--sp-2);display:flex}.login-footer a{color:var(--text-secondary);font-weight:500}.login-footer a:hover{color:var(--accent-brand-strong)}.establishment-logo{object-fit:contain;max-width:160px;max-height:64px}.password-wrapper{position:relative}.password-toggle{width:38px;height:38px;color:var(--text-muted);border-radius:var(--radius-sm);transition:color var(--dur) var(--ease);background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.password-toggle:hover{color:var(--text-primary)}.login-input{min-height:48px;font-size:1rem}.login-button{width:100%;min-height:48px;margin-top:var(--sp-2);background:var(--accent-brand);color:var(--accent-brand-text);font-weight:700;font-size:var(--fs-body);border-radius:var(--radius-sm);justify-content:center;align-items:center;gap:var(--sp-2);transition:filter var(--dur) var(--ease);border:none;display:flex}.login-button:hover:not(:disabled){filter:brightness(1.08)}.login-button:disabled{opacity:.6;cursor:not-allowed}.loader-spinner{border:2px solid color-mix(in srgb, var(--accent-brand-text) 35%, transparent);border-top-color:var(--accent-brand-text);border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}.animate-spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.flex{display:flex}.flex-col{flex-direction:column}.flex-1{flex:1}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.flex-end{justify-content:flex-end;display:flex}.gap-1{gap:var(--sp-1)}.gap-2{gap:var(--sp-2)}.gap-3{gap:var(--sp-3)}.gap-4{gap:var(--sp-4)}.gap-6{gap:var(--sp-6)}.mt-1{margin-top:var(--sp-1)}.mt-2{margin-top:var(--sp-2)}.mb-4{margin-bottom:var(--sp-4)}.mb-6{margin-bottom:var(--sp-6)}.ml-2{margin-left:var(--sp-2)}.p-8{padding:var(--sp-8)}.relative{position:relative}.absolute{position:absolute}.inset-y-0{top:0;bottom:0}.left-0{left:0}.pl-3{padding-left:var(--sp-3)}.pl-10{padding-left:var(--sp-10)}.pr-12{padding-right:48px}.w-full{width:100%}.w-5{width:20px}.h-5{height:20px}.text-center{text-align:center}.italic{font-style:italic}.pointer-events-none{pointer-events:none}.rounded-lg{border-radius:var(--radius-md)}.border-2{border-style:solid;border-width:2px;border-color:var(--border)}.border-dashed{border-style:dashed}.space-y-6>*+*{margin-top:var(--sp-6)}.text-muted,.text-slate-500{color:var(--text-muted)}.lg-hidden{display:none!important}@media (width<=1023px){.lg-hidden{display:flex!important}.main-area{width:100%;margin-left:0}.sidebar{transition:transform .25s var(--ease);box-shadow:var(--shadow-lg);width:min(300px,86vw);transform:translate(-100%)}.sidebar.open{transform:translate(0)}.bottom-nav{display:block}.page-content{padding:var(--sp-5) var(--sp-4);padding-bottom:calc(var(--bottomnav-h) + env(safe-area-inset-bottom) + var(--sp-5))}.topbar{padding:0 var(--sp-4)}.system-clock-label{display:none}}@media (width<=767px){.system-clock{display:none}.card-grid{gap:var(--sp-3);grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.card{padding:var(--sp-4)}.form-row{grid-template-columns:1fr;gap:0}.page-header h2{font-size:var(--fs-h2)}.stat-value{font-size:1.75rem}.form-input,.form-select{font-size:16px}.table-wrapper{box-shadow:none;background:0 0;border:none;overflow-x:visible}.data-table,.data-table tbody,.data-table tr,.data-table td{width:100%;display:block}.data-table thead{display:none}.data-table tbody tr{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow);margin-bottom:var(--sp-3);padding:var(--sp-3);overflow:hidden}.data-table tbody tr:hover{background:var(--bg-card)}.data-table td{justify-content:space-between;align-items:baseline;gap:var(--sp-4);font-size:var(--fs-body);border-bottom:none;padding:5px 0;display:flex;text-align:left!important}.data-table td:before{content:attr(data-label);font-family:var(--font-display);font-size:var(--fs-eyebrow);text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);flex:0 0 40%;font-weight:600}.data-table td:not([data-label]):before,.data-table td[data-label=""]:before{content:none}.data-table td.cell-actions{padding-top:var(--sp-3);justify-content:flex-end}.data-table td.cell-empty{justify-content:center}.data-table td.cell-empty:before{content:none}.data-table.ledger tbody tr{column-gap:var(--sp-3);padding:var(--sp-3);grid-template-columns:74px 1fr;align-items:start;display:grid}.data-table.ledger td{grid-column:2}.data-table.ledger td.cell-time{width:74px;min-width:74px;padding:0 var(--sp-3) 0 0;text-align:right;grid-area:1/1/span 99;align-self:stretch;display:block}.data-table.ledger td.cell-time:before{content:none}.data-table.ledger td.cell-chevron{display:none}.data-table.ledger .detail-row{grid-template-columns:1fr}.data-table.ledger .detail-row td{grid-column:1}.filter-toggle{width:100%;display:inline-flex}.filter-panel{display:none}.filter-panel.open{margin-top:var(--sp-3);display:grid}.modal-overlay{align-items:flex-end;padding:0}.modal,.modal-content{border-radius:var(--radius-lg) var(--radius-lg) 0 0;max-width:100%;max-height:92dvh;padding:var(--sp-5) var(--sp-4) calc(var(--sp-5) + env(safe-area-inset-bottom));animation:sheetUp .22s var(--ease);border-bottom:none}.modal-footer{background:var(--modal-bg);position:sticky;bottom:0}.modal-footer .btn{flex:1}.backup-report-summary{grid-template-columns:1fr}.pagination{justify-content:center}}@keyframes sheetUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.print-container{background:var(--bg-card)}.report-header{justify-content:space-between;align-items:flex-start;gap:var(--sp-4);border-bottom:2px solid var(--border);padding-bottom:var(--sp-5);margin-bottom:var(--sp-5);flex-wrap:wrap;display:flex}.report-header h1{font-size:var(--fs-h2)}.report-header h2{font-size:var(--fs-h3)}.report-header p{font-size:var(--fs-sm);color:var(--text-secondary)}@media print{@page{margin:14mm}body,.app-shell,.main-area,.page-content{color:#000!important;background:#fff!important;height:auto!important;margin:0!important;padding:0!important;display:block!important;overflow:visible!important}.sidebar,.topbar,.bottom-nav,.mobile-overlay,.filter-bar,.no-print{display:none!important}.print-container{width:100%;box-shadow:none!important;background:#fff!important;border:none!important;margin:0!important;padding:0!important}.report-header{border-bottom:2px solid #000!important}.report-header h1,.report-header h2,.report-header p{color:#000!important}.table-wrapper{box-shadow:none!important;border:none!important;overflow:visible!important}table{border-collapse:collapse;width:100%}thead{-webkit-print-color-adjust:exact;print-color-adjust:exact;background:#f2f2f2!important}th,td{text-align:left;font-size:11pt;color:#000!important;border:1px solid #bbb!important;padding:8px!important}tr{page-break-inside:avoid}.badge{color:#000!important;background:0 0!important;border:none!important;padding:0!important;font-weight:400!important}}.audit-diff{gap:var(--sp-4);background:var(--bg-sunken);border:1px solid var(--border-faint);border-radius:var(--radius-md);padding:var(--sp-4);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}.audit-diff pre{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-secondary);white-space:pre-wrap;word-break:break-word;margin-top:var(--sp-2);max-height:320px;line-height:1.55;overflow:auto}.settings-inline-form{gap:var(--sp-3);margin-bottom:var(--sp-6);grid-template-columns:minmax(180px,1fr) 150px 210px auto;align-items:end;display:grid}.settings-inline-form .form-group{margin-bottom:0}.schedule-day{align-items:flex-start;gap:var(--sp-3);padding:var(--sp-3) 0;border-bottom:1px solid var(--border-faint);display:flex}.schedule-day:last-child{border-bottom:none}.schedule-day-name{flex-shrink:0;width:104px;padding-top:10px;font-weight:600}@media (width<=767px){.settings-inline-form{grid-template-columns:1fr}.settings-inline-form .form-group{margin-bottom:var(--sp-3)}.schedule-day{gap:var(--sp-2);flex-direction:column}.schedule-day-name{width:auto;padding-top:0}}.form-page{max-width:820px;margin:0 auto}.form-actions{gap:var(--sp-3);margin-top:var(--sp-8);padding-top:var(--sp-5);border-top:1px solid var(--border-faint);justify-content:flex-end;display:flex}@media (width<=767px){.form-actions{flex-direction:column-reverse}.form-actions .btn{width:100%}}