:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--brand-900:#1e1b4b;--brand-800:#2e2a6b;--brand-700:#3f3a9e;--brand-500:#5b54d6;--brand-300:#948ef0;--brand-100:#e4e2fb;--surface:#fff;--surface-raised:#fff;--surface-sunken:#f3f4f8;--page-bg:#f7f7fb;--border:#e4e5ed;--border-strong:#cbccda;--text:#1a1b2e;--text-muted:#5c5e75;--text-subtle:#82849b;--text-inverse:#f6f6fc;--success-bg:#e2f4e9;--success-fg:#1c6b3c;--warning-bg:#fdf1dc;--warning-fg:#8a5a10;--danger-bg:#fde8e6;--danger-fg:#97231b;--info-bg:#e2ecfb;--info-fg:#1f4e91;--accent-bg:#d8f0ec;--accent-fg:#1c6b62;--neutral-bg:#eeeff4;--neutral-fg:#4e5067;--radius-sm:6px;--radius:10px;--radius-lg:14px;--radius-full:999px;--shadow-sm:0 1px 2px #14152d0f;--shadow:0 2px 8px #14152d14;--shadow-lg:0 12px 32px #14152d29;--sidebar-width:248px;--topbar-height:60px;--font-sans:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--font-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--surface:#1a1b26;--surface-raised:#21222f;--surface-sunken:#15161f;--page-bg:#111219;--border:#2b2d3d;--border-strong:#3b3e52;--text:#e8e9f2;--text-muted:#a3a6bd;--text-subtle:#83869c;--success-bg:#16302180;--success-fg:#6fd39a;--warning-bg:#3a2c1180;--warning-fg:#e5b45c;--danger-bg:#3b1a1780;--danger-fg:#f08b80;--info-bg:#16294280;--info-fg:#7fb2f0;--accent-bg:#10322e80;--accent-fg:#6fd3c2;--neutral-bg:#262838;--neutral-fg:#aeb1c6;--shadow-sm:0 1px 2px #0006;--shadow:0 2px 10px #00000073;--shadow-lg:0 16px 40px #0000008c}}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--page-bg);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0;font-size:14px;line-height:1.5}h1,h2,h3,h4,p,figure{margin:0}ul,ol{margin:0;padding:0;list-style:none}img{max-width:100%;display:block}a{color:var(--brand-700);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--brand-500);outline-offset:2px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;background:var(--brand-800);color:var(--text-inverse);border-radius:var(--radius);padding:.6rem 1rem;position:absolute;left:-9999px}.skip-link:focus{top:1rem;left:1rem}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.btn{border-radius:var(--radius);cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:.45rem;font-weight:550;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-sm{padding:.35rem .7rem;font-size:.8125rem}.btn-md{padding:.5rem .95rem;font-size:.875rem}.btn-lg{padding:.65rem 1.2rem;font-size:.9375rem}.btn-block{width:100%}.btn-primary{background:var(--brand-800);color:var(--text-inverse)}.btn-primary:hover:not(:disabled){background:var(--brand-700)}.btn-secondary{background:var(--surface);border-color:var(--border-strong);color:var(--text)}.btn-secondary:hover:not(:disabled){background:var(--surface-sunken)}.btn-ghost{color:var(--text-muted);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--surface-sunken);color:var(--text)}.btn-subtle{background:var(--neutral-bg);color:var(--neutral-fg)}.btn-subtle:hover:not(:disabled){background:var(--border)}.btn-danger{background:var(--danger-fg);color:#fff}.btn-danger:hover:not(:disabled){filter:brightness(1.08)}.icon-button{border-radius:var(--radius);width:36px;height:36px;color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;display:inline-flex;position:relative}.icon-button:hover{background:var(--surface-sunken);color:var(--text)}.card{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.card-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:1rem;padding:1rem 1.25rem;display:flex}.card-title{font-size:.9375rem;font-weight:600}.card-description{color:var(--text-muted);margin-top:.2rem;font-size:.8125rem}.card-actions{flex-wrap:wrap;gap:.5rem;display:flex}.card-body{padding:1.25rem}.card-body-flush{padding:0}.narrow-card{max-width:34rem}.page{flex-direction:column;gap:1.25rem;display:flex}.page-header{flex-direction:column;gap:.5rem;display:flex}.page-header-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.page-title{letter-spacing:-.01em;font-size:1.375rem;font-weight:640}.page-description{color:var(--text-muted);max-width:60ch;margin-top:.15rem;font-size:.875rem}.page-actions{flex-wrap:wrap;gap:.5rem;display:flex}.breadcrumbs{color:var(--text-subtle);align-items:center;gap:.35rem;font-size:.8125rem;display:flex}.breadcrumb-separator{color:var(--border-strong);margin:0 .35rem}.stack{flex-direction:column;gap:1rem;display:flex}.row{flex-wrap:wrap;align-items:flex-end;gap:.75rem;display:flex}.grid{gap:1rem;display:grid}.grid-2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.muted{color:var(--text-muted)}.subtle{color:var(--text-subtle);font-size:.8125rem}.mono{font-family:var(--font-mono);font-size:.8125rem}.numeric{font-variant-numeric:tabular-nums}.text-right{text-align:right}.field{flex-direction:column;gap:.3rem;min-width:0;display:flex}.field-label{color:var(--text-muted);font-size:.8125rem;font-weight:550}.field-required{color:var(--danger-fg)}.input{border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);width:100%;color:var(--text);padding:.5rem .7rem;font-size:.875rem;transition:border-color .15s,box-shadow .15s}.input:focus{border-color:var(--brand-500);box-shadow:0 0 0 3px color-mix(in srgb, var(--brand-500) 18%, transparent);outline:none}.input:disabled{background:var(--surface-sunken);color:var(--text-subtle);cursor:not-allowed}.textarea{resize:vertical;min-height:4.5rem}.select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--text-subtle) 50%), linear-gradient(135deg, var(--text-subtle) 50%, transparent 50%);background-position:right .9rem center,right .62rem center;background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding-right:1.9rem}.field-error .input{border-color:var(--danger-fg)}.field-message{color:var(--text-subtle);align-items:center;gap:.25rem;font-size:.75rem;display:flex}.field-message-error{color:var(--danger-fg)}.currency-input{align-items:center;display:flex;position:relative}.currency-symbol{color:var(--text-subtle);font-size:.875rem;position:absolute;left:.7rem}.currency-input .input{padding-left:1.6rem}.search-input{flex:220px;align-items:center;min-width:200px;display:flex;position:relative}.search-input>svg{color:var(--text-subtle);pointer-events:none;position:absolute;left:.65rem}.search-input .input{padding-left:2rem;padding-right:2rem}.search-clear{color:var(--text-subtle);cursor:pointer;background:0 0;border:0;display:flex;position:absolute;right:.5rem}.file-input{border:1px dashed var(--border-strong);border-radius:var(--radius);cursor:pointer;color:var(--text-muted);background:var(--surface);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:.45rem;max-width:100%;padding:.5rem .8rem;font-size:.8125rem;display:inline-flex;overflow:hidden}.file-input input[type=file]{display:none}.document-uploader-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.document-uploader-row .input{flex:180px;min-width:0}.employee-selector{flex-direction:column;gap:.4rem;display:flex}.combobox{position:relative}.combobox-input-row{align-items:center;display:flex;position:relative}.combobox-input-row .input{width:100%;padding-right:2rem}.combobox-clear{border-radius:var(--radius-full);width:1.5rem;height:1.5rem;color:var(--text-subtle);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex;position:absolute;right:.4rem}.combobox-clear:hover{background:var(--surface-sunken);color:var(--text)}.combobox-menu{z-index:20;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius);max-height:260px;box-shadow:var(--shadow-sm);margin:0;padding:.3rem;list-style:none;position:absolute;top:calc(100% + .3rem);left:0;right:0;overflow-y:auto}.combobox-menu-floating{z-index:100;box-shadow:var(--shadow-lg);position:fixed;right:auto}.combobox-option{border-radius:var(--radius-sm);cursor:pointer;padding:.45rem .6rem;font-size:.85rem}.combobox-option.is-highlighted,.combobox-option:hover{background:var(--surface-sunken)}.combobox-empty{color:var(--text-subtle);padding:.6rem;font-size:.85rem}.password-rules{flex-wrap:wrap;gap:.35rem .9rem;font-size:.75rem;display:flex}.password-rules li{align-items:center;gap:.25rem;display:flex}.rule-passed{color:var(--success-fg)}.rule-pending{color:var(--text-subtle)}.badge{border-radius:var(--radius-full);white-space:nowrap;align-items:center;gap:.25rem;padding:.15rem .5rem;font-size:.75rem;font-weight:550;display:inline-flex}.badge-neutral{background:var(--neutral-bg);color:var(--neutral-fg)}.badge-success{background:var(--success-bg);color:var(--success-fg)}.badge-warning{background:var(--warning-bg);color:var(--warning-fg)}.badge-danger{background:var(--danger-bg);color:var(--danger-fg)}.badge-info{background:var(--info-bg);color:var(--info-fg)}.badge-accent{background:var(--accent-bg);color:var(--accent-fg)}.alert{border-radius:var(--radius);border:1px solid #0000;padding:.7rem .9rem;font-size:.8125rem}.alert-error{background:var(--danger-bg);color:var(--danger-fg);border-color:color-mix(in srgb, var(--danger-fg) 25%, transparent)}.alert-info{background:var(--info-bg);color:var(--info-fg);border-color:color-mix(in srgb, var(--info-fg) 25%, transparent)}.alert-warning{background:var(--warning-bg);color:var(--warning-fg);border-color:color-mix(in srgb, var(--warning-fg) 25%, transparent)}.alert-success{background:var(--success-bg);color:var(--success-fg);border-color:color-mix(in srgb, var(--success-fg) 25%, transparent)}.spinner{color:var(--text-subtle);justify-content:center;align-items:center;padding:2.5rem;display:flex}.route-fallback{place-items:center;min-height:50vh;display:grid}.empty-state{text-align:center;flex-direction:column;align-items:center;gap:.5rem;padding:3rem 1.5rem;display:flex}.empty-state-icon{color:var(--text-subtle)}.empty-state-title{font-weight:600}.empty-state-description{color:var(--text-muted);max-width:42ch;font-size:.8125rem}.empty-state-action{margin-top:.5rem}.error-state{border-radius:var(--radius);background:var(--danger-bg);color:var(--danger-fg);gap:.6rem;padding:1rem 1.1rem;display:flex}.error-state-title{margin-bottom:.4rem;font-weight:550}.progress{border-radius:var(--radius-full);background:var(--neutral-bg);height:6px;overflow:hidden}.progress-fill{border-radius:var(--radius-full);height:100%;transition:width .3s}.progress-accent{background:var(--brand-500)}.progress-success{background:var(--success-fg)}.progress-warning{background:var(--warning-fg)}.progress-danger{background:var(--danger-fg)}.progress-info{background:var(--info-fg)}.progress-neutral{background:var(--neutral-fg)}.avatar{border-radius:var(--radius-full);background:var(--brand-100);color:var(--brand-800);flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:inline-flex}@media (prefers-color-scheme:dark){.avatar{background:var(--brand-700);color:var(--text-inverse)}}.tabs{border-bottom:1px solid var(--border);scrollbar-width:thin;gap:.25rem;display:flex;overflow-x:auto}.tab{color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:.35rem;padding:.6rem .85rem;font-size:.875rem;display:inline-flex}.tab-active{color:var(--brand-700);border-bottom-color:var(--brand-500);font-weight:600}.tab-count{border-radius:var(--radius-full);background:var(--neutral-bg);color:var(--neutral-fg);padding:0 .35rem;font-size:.6875rem}.stat-tile{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);align-items:center;gap:.85rem;padding:1rem 1.1rem;display:flex}.stat-icon{border-radius:var(--radius);background:var(--neutral-bg);width:38px;height:38px;color:var(--neutral-fg);flex-shrink:0;place-items:center;display:grid}.stat-success .stat-icon{background:var(--success-bg);color:var(--success-fg)}.stat-warning .stat-icon{background:var(--warning-bg);color:var(--warning-fg)}.stat-danger .stat-icon{background:var(--danger-bg);color:var(--danger-fg)}.stat-info .stat-icon{background:var(--info-bg);color:var(--info-fg)}.stat-accent .stat-icon{background:var(--accent-bg);color:var(--accent-fg)}.stat-content{min-width:0}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;font-size:.75rem}.stat-value{font-variant-numeric:tabular-nums;font-size:1.35rem;font-weight:640;line-height:1.2}.stat-sublabel{color:var(--text-subtle);font-size:.75rem}.data-table-wrapper{width:100%;transition:opacity .2s;overflow-x:auto}.data-table-wrapper.is-refreshing{opacity:.65}.data-table{border-collapse:collapse;width:100%;font-size:.8125rem}.data-table th,.data-table td{text-align:left;border-bottom:1px solid var(--border);vertical-align:middle;padding:.6rem .85rem}.data-table th{background:var(--surface-sunken);color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;z-index:1;white-space:nowrap;font-size:.75rem;font-weight:600;position:sticky;top:0}.data-table tbody tr:last-child td{border-bottom:0}.data-table tbody tr.clickable{cursor:pointer}.data-table tbody tr.clickable:hover{background:var(--surface-sunken)}.data-table tfoot td{background:var(--surface-sunken);font-weight:600}.align-right{text-align:right;font-variant-numeric:tabular-nums}.align-center{text-align:center}.sort-button{color:inherit;font:inherit;text-transform:inherit;letter-spacing:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:.25rem;padding:0;display:inline-flex}.sort-idle{opacity:.4}.pagination{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1.25rem;display:flex}.pagination-summary{color:var(--text-muted);font-size:.8125rem}.pagination-controls{align-items:center;gap:.6rem;display:flex}.pagination-page{color:var(--text-muted);white-space:nowrap;font-size:.8125rem}.modal-backdrop{z-index:60;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0b0c1a8c;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.modal{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-height:calc(100vh - 2rem);box-shadow:var(--shadow-lg);flex-direction:column;display:flex}.modal-sm{max-width:26rem}.modal-md{max-width:36rem}.modal-lg{max-width:52rem}.modal-xl{max-width:68rem}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:1rem;padding:1rem 1.25rem;display:flex}.modal-title{font-size:1rem;font-weight:620}.modal-description{color:var(--text-muted);margin-top:.15rem;font-size:.8125rem}.modal-close{color:var(--text-subtle);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:0;padding:.25rem;display:flex}.modal-close:hover{background:var(--surface-sunken);color:var(--text)}.modal-body{padding:1.25rem;overflow-y:auto}.modal-footer{border-top:1px solid var(--border);justify-content:flex-end;gap:.5rem;padding:.85rem 1.25rem;display:flex}.confirm-message{color:var(--text-muted);font-size:.875rem;line-height:1.6}.toast-stack{z-index:90;flex-direction:column;gap:.5rem;max-width:min(24rem,100vw - 2rem);display:flex;position:fixed;bottom:1rem;right:1rem}.toast{border-radius:var(--radius);background:var(--surface-raised);border:1px solid var(--border);box-shadow:var(--shadow-lg);align-items:flex-start;gap:.6rem;padding:.7rem .85rem;display:flex}.toast-success{border-left:3px solid var(--success-fg);color:var(--success-fg)}.toast-error{border-left:3px solid var(--danger-fg);color:var(--danger-fg)}.toast-warning{border-left:3px solid var(--warning-fg);color:var(--warning-fg)}.toast-info{border-left:3px solid var(--info-fg);color:var(--info-fg)}.toast-body{flex:1;min-width:0}.toast-title{color:var(--text);font-size:.8125rem;font-weight:600}.toast-description{color:var(--text-muted);margin-top:.1rem;font-size:.75rem}.toast-close{color:var(--text-subtle);cursor:pointer;background:0 0;border:0;padding:.15rem;display:flex}.app-shell{min-height:100%;display:flex}.sidebar{width:var(--sidebar-width);background:var(--brand-900);color:var(--text-inverse);flex-direction:column;flex-shrink:0;height:100vh;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar-header{height:var(--topbar-height);flex-shrink:0;justify-content:space-between;align-items:center;padding:1rem 1.1rem;display:flex}.brand{align-items:center;gap:.6rem;display:flex}.brand-mark{background:var(--brand-300);width:30px;height:30px;color:var(--brand-900);border-radius:8px;place-items:center;font-size:.75rem;font-weight:700;display:grid}.brand-logo{object-fit:contain;background:var(--surface);border-radius:8px;flex-shrink:0;width:30px;height:30px}.brand-name{letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;font-weight:620;overflow:hidden}.tour-root{z-index:120;position:fixed;inset:0}.tour-scrim,.tour-spotlight{pointer-events:auto;position:fixed}.tour-scrim{background:#0b0c1a8c;inset:0}.tour-spotlight{outline:2px solid var(--brand-300);outline-offset:1px;border-radius:8px;transition:top .18s,left .18s,width .18s,height .18s;box-shadow:0 0 0 9999px #0b0c1a8c}.tour-card{background:var(--surface-raised);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);flex-direction:column;gap:.5rem;max-width:calc(100vw - 1.75rem);padding:1.1rem 1.15rem 1rem;display:flex;position:fixed}.tour-card:focus{outline:none}.tour-close{border-radius:var(--radius-sm);width:26px;height:26px;color:var(--text-subtle);cursor:pointer;background:0 0;border:0;place-items:center;display:grid;position:absolute;top:.55rem;right:.55rem}.tour-close:hover{background:var(--surface-sunken);color:var(--text)}.tour-progress{letter-spacing:.09em;text-transform:uppercase;color:var(--brand-500);margin:0;font-size:.7rem;font-weight:600}.tour-title{letter-spacing:-.01em;margin:0;padding-right:1.4rem;font-size:1.02rem;font-weight:650;line-height:1.25}.tour-body{color:var(--text-muted);margin:0;font-size:.88rem;line-height:1.55}.tour-actions{justify-content:space-between;align-items:center;gap:.6rem;margin-top:.35rem;display:flex}.tour-nav{gap:.4rem;display:flex}.tour-skip{font:inherit;color:var(--text-subtle);cursor:pointer;text-underline-offset:2px;background:0 0;border:0;padding:0;font-size:.83rem;text-decoration:underline}.tour-skip:hover{color:var(--text)}@media (prefers-reduced-motion:reduce){.tour-spotlight{transition:none}}.branding-preview{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-sunken);align-items:center;gap:.75rem;padding:.75rem;display:flex}.branding-preview-logo,.branding-preview-mark{border-radius:10px;flex-shrink:0;width:48px;height:48px}.branding-preview-logo{object-fit:contain;background:var(--surface)}.branding-preview-mark{background:var(--brand-300);color:var(--brand-900);place-items:center;font-weight:700;display:grid}.swatch-grid{flex-wrap:wrap;gap:.5rem;display:flex}.swatch{cursor:pointer;border:2px solid #0000;border-radius:8px;width:34px;height:34px;padding:0;box-shadow:inset 0 0 0 1px #0000001f}.swatch:hover{transform:translateY(-1px)}.swatch[aria-pressed=true]{border-color:var(--text)}.swatch:focus-visible{outline:2px solid var(--brand-500);outline-offset:2px}.drawer-close{color:inherit;cursor:pointer;background:0 0;border:0;padding:.25rem;display:none}.sidebar-nav{flex-direction:column;flex:1;gap:1.1rem;padding:.5rem .65rem 1.5rem;display:flex}.nav-group-label{text-transform:uppercase;letter-spacing:.06em;color:#f6f6fc73;padding:0 .6rem .35rem;font-size:.6875rem}.nav-link{border-radius:var(--radius);color:#f6f6fcc7;align-items:center;gap:.6rem;padding:.45rem .6rem;font-size:.8125rem;transition:background-color .15s,color .15s;display:flex}.nav-link:hover{color:var(--text-inverse);background:#f6f6fc14;text-decoration:none}.nav-link-active{background:var(--brand-700);color:var(--text-inverse);font-weight:550}.sidebar-footer{border-top:1px solid #f6f6fc1f;padding:.75rem 1.1rem 1.25rem}.sidebar-role{color:#f6f6fc8c;font-size:.75rem}.drawer-backdrop{display:none}.app-main{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{z-index:20;height:var(--topbar-height);background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);align-items:center;gap:.75rem;padding:0 1.25rem;display:flex;position:sticky;top:0}.drawer-toggle{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:0;padding:.35rem;display:none}.topbar-spacer{flex:1}.offline-pill{border-radius:var(--radius-full);background:var(--warning-bg);color:var(--warning-fg);align-items:center;gap:.35rem;padding:.2rem .6rem;font-size:.75rem;font-weight:550;display:inline-flex}.topbar-actions{align-items:center;gap:.35rem;display:flex}.notification-menu,.user-menu{position:relative}.notification-dot{border-radius:var(--radius-full);background:var(--danger-fg);color:#fff;place-items:center;min-width:16px;height:16px;padding:0 4px;font-size:.625rem;font-weight:600;display:grid;position:absolute;top:3px;right:3px}.user-button{border-radius:var(--radius);cursor:pointer;color:var(--text);background:0 0;border:1px solid #0000;align-items:center;gap:.5rem;padding:.25rem .5rem;display:flex}.user-button:hover{background:var(--surface-sunken)}.user-name{font-size:.8125rem;font-weight:550}.dropdown{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius);min-width:16rem;box-shadow:var(--shadow-lg);z-index:40;position:absolute;top:calc(100% + 6px);right:0;overflow:hidden}.dropdown-header{border-bottom:1px solid var(--border);flex-direction:column;align-items:flex-start;gap:.25rem;padding:.75rem .9rem;display:flex}.dropdown-header p{font-size:.8125rem;font-weight:600}.dropdown-subtle{color:var(--text-subtle);font-size:.75rem!important;font-weight:400!important}.notification-dropdown .dropdown-header{flex-direction:row;justify-content:space-between;align-items:center}.dropdown-item{width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:.45rem;padding:.6rem .9rem;font-size:.8125rem;display:flex}.dropdown-item:hover{background:var(--surface-sunken);text-decoration:none}.dropdown-item-danger{color:var(--danger-fg)}.dropdown-empty{text-align:center;color:var(--text-subtle);padding:1.25rem .9rem;font-size:.8125rem}.notification-list{max-height:22rem;overflow-y:auto}.notification{border-bottom:1px solid var(--border);padding:.7rem .9rem}.notification.unread{background:color-mix(in srgb, var(--brand-500) 6%, transparent)}.notification-title{font-size:.8125rem;font-weight:600}.notification-body{color:var(--text-muted);margin-top:.1rem;font-size:.75rem}.notification-time{color:var(--text-subtle);margin-top:.25rem;font-size:.6875rem}.app-content{flex:1;width:100%;max-width:1500px;padding:1.5rem}.bottom-nav{display:none}.auth-page{grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:100vh;display:grid}.auth-page-narrow{background:var(--page-bg);grid-template-columns:minmax(0,1fr);place-items:center}.auth-panel{background:var(--surface);flex-direction:column;justify-content:center;gap:1rem;width:100%;max-width:34rem;margin:0 auto;padding:3rem clamp(1.5rem,6vw,5rem);display:flex}.auth-page-narrow .auth-panel{border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);min-height:auto;margin:2rem 1rem;padding:2.25rem}.auth-brand{align-items:center;gap:.7rem;margin-bottom:1.5rem;display:flex}.auth-brand .brand-mark{background:var(--brand-800);width:38px;height:38px;color:var(--text-inverse);font-size:.875rem}.auth-brand-name{font-weight:640}.auth-brand-tagline{color:var(--text-subtle);font-size:.75rem}.auth-title{font-size:1.5rem;font-weight:640}.auth-subtitle{color:var(--text-muted);font-size:.875rem}.auth-form{flex-direction:column;gap:1rem;margin-top:.75rem;display:flex}.auth-links{text-align:center;color:var(--text-muted);font-size:.8125rem}.token-block{border-radius:var(--radius-sm);background:var(--surface-sunken);font-family:var(--font-mono);word-break:break-all;color:var(--text);margin:.5rem 0;padding:.5rem;font-size:.6875rem;display:block}.auth-aside{background:linear-gradient(160deg, var(--brand-800), var(--brand-900));color:var(--text-inverse);place-items:center;padding:3rem;display:grid}.auth-aside-content{max-width:28rem}.auth-aside h2{margin-bottom:1.25rem;font-size:1.5rem;font-weight:620;line-height:1.3}.auth-aside ul{flex-direction:column;gap:.75rem;display:flex}.auth-aside li{color:#f6f6fcd1;padding-left:1.4rem;font-size:.9375rem;line-height:1.5;position:relative}.auth-aside li:before{content:"";background:var(--brand-300);border-radius:50%;width:6px;height:6px;position:absolute;top:.55em;left:0}.attendance-calendar{grid-template-columns:repeat(7,minmax(0,1fr));gap:.35rem;display:grid}.calendar-weekday{text-align:center;text-transform:uppercase;letter-spacing:.04em;color:var(--text-subtle);padding:.35rem;font-size:.6875rem;font-weight:600}.calendar-day{aspect-ratio:1;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);flex-direction:column;justify-content:center;align-items:center;gap:.15rem;min-height:54px;padding:.25rem;display:flex}.calendar-day-empty{background:0 0;border-color:#0000}.calendar-day-number{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:.75rem}.calendar-day-code{border-radius:var(--radius-full);padding:.05rem .3rem;font-size:.6875rem;font-weight:700}.calendar-day.status-PRESENT{background:var(--success-bg)}.calendar-day.status-PRESENT .calendar-day-code{color:var(--success-fg)}.calendar-day.status-ABSENT{background:var(--danger-bg)}.calendar-day.status-ABSENT .calendar-day-code{color:var(--danger-fg)}.calendar-day.status-ON_LEAVE{background:var(--warning-bg)}.calendar-day.status-ON_LEAVE .calendar-day-code{color:var(--warning-fg)}.calendar-day.status-HALF_DAY_LEAVE{background:var(--info-bg)}.calendar-day.status-HALF_DAY_LEAVE .calendar-day-code{color:var(--info-fg)}.calendar-day.status-HOLIDAY{background:var(--accent-bg)}.calendar-day.status-HOLIDAY .calendar-day-code{color:var(--accent-fg)}.calendar-day.status-WEEKLY_OFF{background:var(--surface-sunken)}.calendar-day.status-WEEKLY_OFF .calendar-day-code{color:var(--text-subtle)}.calendar-legend{color:var(--text-muted);flex-wrap:wrap;gap:.75rem;margin-top:1rem;font-size:.75rem;display:flex}.calendar-legend-item{align-items:center;gap:.35rem;display:flex}.legend-swatch{border:1px solid var(--border);border-radius:3px;width:12px;height:12px}.breakdown{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.25rem;display:grid}.breakdown-list{flex-direction:column;display:flex}.breakdown-row{border-bottom:1px dashed var(--border);justify-content:space-between;align-items:baseline;gap:1rem;padding:.45rem 0;font-size:.8125rem;display:flex}.breakdown-row:last-child{border-bottom:0}.breakdown-total{border-top:2px solid var(--border-strong);justify-content:space-between;gap:1rem;margin-top:.5rem;padding-top:.6rem;font-weight:640;display:flex}.net-banner{border-radius:var(--radius-lg);background:var(--brand-900);color:var(--text-inverse);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex}.net-banner-value{font-variant-numeric:tabular-nums;font-size:1.6rem;font-weight:680}.filter-bar{border-bottom:1px solid var(--border);background:var(--surface-sunken);flex-wrap:wrap;align-items:flex-end;gap:.6rem;padding:.9rem 1.25rem;display:flex}.filter-bar .field{min-width:150px}.filter-bar-actions{gap:.5rem;margin-left:auto;display:flex}.weekoff-calendar{padding:.9rem 1.25rem 1.25rem;position:relative}.weekoff-calendar.is-fullscreen{background:var(--surface);height:100vh;padding:1rem;overflow-y:auto}.weekoff-calendar-loading{z-index:1;position:absolute;top:.6rem;right:1.25rem}.weekoff-calendar .fc{--fc-border-color:var(--border);--fc-page-bg-color:var(--surface);--fc-neutral-bg-color:var(--surface-sunken);--fc-list-event-hover-bg-color:var(--surface-sunken);--fc-today-bg-color:color-mix(in srgb, var(--brand-500) 12%, transparent);--fc-button-bg-color:var(--surface);--fc-button-border-color:var(--border-strong);--fc-button-text-color:var(--text);--fc-button-hover-bg-color:var(--surface-sunken);--fc-button-hover-border-color:var(--border-strong);--fc-button-active-bg-color:var(--surface-sunken);--fc-button-active-border-color:var(--border-strong);color:var(--text)}.weekoff-calendar .fc .fc-daygrid-day{cursor:pointer}.weekoff-calendar .fc .fc-daygrid-day-frame{overflow:hidden}.weekoff-calendar .fc .fc-daygrid-day:hover{background:var(--surface-sunken)}.weekoff-day-cell{box-sizing:border-box;flex-direction:column;align-items:flex-end;gap:.15rem;width:100%;min-width:0;padding:.2rem .35rem;display:flex;overflow:hidden}.weekoff-day-number{font-size:.8rem}.weekoff-day-badge{color:var(--text-subtle);font-size:.68rem}.weekoff-day-badge.has-off{color:var(--success-fg);font-weight:600}.weekoff-day-names{flex-direction:column;align-items:flex-end;gap:0;width:100%;min-width:0;max-width:100%;display:flex;overflow:hidden}.weekoff-day-name{width:100%;min-width:0;max-width:100%;color:var(--success-fg);text-align:right;text-overflow:ellipsis;white-space:nowrap;font-size:.56rem;font-weight:600;line-height:1.2;display:block;overflow:hidden}.weekoff-day-name-more{color:var(--text-subtle);font-weight:500}@media (max-width:1024px){.sidebar{z-index:70;box-shadow:var(--shadow-lg);transition:transform .22s;position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar-open{transform:translate(0)}.drawer-close,.drawer-toggle{display:flex}.drawer-backdrop{z-index:65;background:#0b0c1a80;display:block;position:fixed;inset:0}.auth-aside{display:none}.auth-page{grid-template-columns:minmax(0,1fr)}}@media (max-width:720px){.app-content{padding:1rem 1rem 5.5rem}.user-name{display:none}.page-title{font-size:1.15rem}.bottom-nav{z-index:50;background:color-mix(in srgb, var(--surface) 96%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom);display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav-item{color:var(--text-subtle);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.15rem;min-height:52px;padding:.5rem .25rem;font-size:.6875rem;display:flex}.bottom-nav-item:hover{text-decoration:none}.bottom-nav-item.active{color:var(--brand-700);font-weight:600}.data-table thead{display:none}.data-table,.data-table tbody,.data-table tr,.data-table td{width:100%;display:block}.data-table tr{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);margin-bottom:.6rem;overflow:hidden}.data-table td{border-bottom:1px solid var(--border);text-align:right;justify-content:space-between;align-items:center;gap:1rem;padding:.5rem .85rem;display:flex}.data-table td:before{content:attr(data-label);text-transform:uppercase;letter-spacing:.03em;color:var(--text-subtle);text-align:left;flex-shrink:0;font-size:.6875rem;font-weight:600}.data-table td.hide-mobile{display:none}.data-table tfoot{display:block}.filter-bar{padding:.75rem 1rem}.filter-bar .field,.filter-bar .search-input{flex-basis:100%;min-width:100%}.filter-bar-actions{width:100%;margin-left:0}.modal{max-height:calc(100vh - 1rem)}.toast-stack{max-width:none;bottom:4.5rem;left:1rem;right:1rem}}@media print{.sidebar,.topbar,.bottom-nav,.page-actions,.filter-bar,.pagination{display:none!important}.app-content{padding:0}.card{box-shadow:none;break-inside:avoid;border:1px solid #ddd}}