:root{--color-primary:#0a0a0a;--color-primary-hover:#1f1f1f;--color-bg:#fff;--color-bg-secondary:#f7f7f5;--color-text-primary:#111;--color-text-secondary:#6b6b6b;--color-divider:#ececec;--color-border:#e3e3e1;--color-success:#1e8e5a;--color-warning:#b8631e;--color-error:#c0392b;--color-info:#2563eb;--color-on-dark:#fff;--color-on-dark-secondary:#ffffffb8;--color-on-dark-tertiary:#ffffff8f;--color-on-dark-subtle:#ffffff1f;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:40px;--space-8:48px;--space-9:64px;--space-10:80px;--space-11:96px;--space-12:120px;--container-sm:640px;--container-md:960px;--container-lg:1200px;--container-xl:1400px;--auth-form-width:440px;--onboarding-media-width:420px;--onboarding-media-photo-height:240px;--onboarding-media-photo-height-mobile:200px;--onboarding-card-min-height:640px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-pill:999px;--shadow-card:0 1px 2px #0a0a0a0a,0 2px 8px #0a0a0a0a;--shadow-hover:0 2px 4px #0a0a0a0f,0 6px 16px #0a0a0a0f;--shadow-dropdown:0 4px 12px #0a0a0a1a;--shadow-modal:0 12px 32px #0a0a0a29;--gradient-photo-overlay:linear-gradient(180deg,#0a0a0a00 55%,#0a0a0a80 100%);--font-body:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--fs-display-xl:clamp(2.5rem,5vw + 1rem,4rem);--fs-display-lg:3rem;--fs-heading-xl:2.5rem;--fs-heading-lg:2rem;--fs-heading-md:1.5rem;--fs-heading-sm:1.25rem;--fs-body-lg:1.125rem;--fs-body:1rem;--fs-small:.875rem;--fs-micro:.75rem;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--duration-fast:.15s;--duration-normal:.25s;--duration-slow:.4s;--ease-out:cubic-bezier(.16,1,.3,1);--touch-target-min:44px;--control-height:48px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}html{scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--color-text-primary);background:var(--color-bg);font-size:var(--fs-body);line-height:1.5}:focus-visible{outline:2px solid var(--color-info);outline-offset:2px;border-radius:var(--radius-sm)}
*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}html{-moz-text-size-adjust:100%;text-size-adjust:100%;height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100%;text-rendering:optimizeLegibility;-webkit-tap-highlight-color:transparent;line-height:1.5}h1,h2,h3,h4,h5,h6,p{font:inherit;font-size:100%;font-weight:inherit;overflow-wrap:break-word}ul,ol{list-style:none}a{color:inherit;text-decoration:none}img,picture,video,canvas,svg{max-width:100%;height:auto;display:block}input,button,textarea,select{font:inherit;color:inherit;appearance:none;background:0 0;border:none}textarea{resize:vertical}button{cursor:pointer;text-align:inherit;background-image:none}button:disabled{cursor:not-allowed}fieldset{border:none;min-width:0}legend{padding:0}table{border-collapse:collapse;border-spacing:0}hr{border:none;border-top:1px solid;height:0}#root,#__next{isolation:isolate}
html{font-family:var(--font-family-body);font-size:var(--font-size-sm);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"kern" 1,"liga" 1}body{font-family:var(--font-family-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);line-height:var(--line-height-normal);letter-spacing:var(--letter-spacing-normal)}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-display);font-weight:var(--font-weight-semibold);line-height:var(--line-height-snug);letter-spacing:var(--letter-spacing-normal)}h1{font-size:var(--font-size-2xl);letter-spacing:var(--letter-spacing-tight)}h2{font-size:var(--font-size-xl);letter-spacing:var(--letter-spacing-tight)}h3{font-size:var(--font-size-lg)}h4{font-size:var(--font-size-md);font-weight:var(--font-weight-medium)}h5{font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}h6{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-wide)}p{font-family:var(--font-family-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);line-height:var(--line-height-relaxed)}small,.text-caption{font-family:var(--font-family-body);font-size:var(--font-size-xs);font-weight:var(--font-weight-regular);line-height:var(--line-height-normal);letter-spacing:var(--letter-spacing-normal)}a{font:inherit;text-decoration:none}a:hover,a:focus-visible{text-underline-offset:.15em;text-decoration:underline}strong,b{font-weight:var(--font-weight-semibold)}em,i{font-style:italic;font-weight:inherit}code,kbd,samp,pre{font-family:var(--font-family-mono);font-size:var(--font-size-xs);font-weight:var(--font-weight-regular);line-height:var(--line-height-normal)}pre{white-space:pre-wrap;word-break:break-word}label{font-family:var(--font-family-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal)}input,button,select,textarea,optgroup{font-family:var(--font-family-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);line-height:var(--line-height-normal)}::placeholder{font-family:inherit;font-weight:var(--font-weight-regular)}

:root{--sidebar-width:220px;--topbar-height:56px;--page-px:clamp(1.25rem,3vw,1.75rem);--tr-fast:var(--duration-fast)var(--ease-standard);--tr-base:var(--duration-base)var(--ease-standard);--sh-spice:0 8px 32px #38352f40}.app-shell{background:var(--color-bg-canvas);height:100vh;display:flex;overflow:hidden}.sidebar{width:var(--sidebar-width);background:var(--color-bg-surface);border-right:1px solid var(--color-border-subtle);scrollbar-width:thin;scrollbar-color:var(--color-border-subtle)transparent;transition:width var(--tr-base);flex-direction:column;flex-shrink:0;display:flex;overflow:hidden auto}.sidebar-logo{align-items:center;gap:var(--space-3);height:var(--topbar-height);padding:0 var(--space-5);border-bottom:1px solid var(--color-border-subtle);flex-shrink:0;display:flex}.sidebar-logo-mark{font-family:var(--font-family-display);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);letter-spacing:-.01em;line-height:1}.sidebar-logo-sub{font-family:var(--font-family-body);font-size:var(--font-size-xs);color:var(--color-text-secondary);letter-spacing:.06em;text-transform:uppercase}.sidebar-nav{padding:var(--space-4)var(--space-3);gap:var(--space-1);flex-direction:column;flex:1;display:flex}.sidebar-section-label{font-family:var(--font-family-body);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);letter-spacing:.1em;text-transform:uppercase;padding:var(--space-3)var(--space-3)var(--space-2);margin-top:var(--space-2)}.sidebar-section-label:first-child{margin-top:0}.nav-item{align-items:center;gap:var(--space-3);padding:var(--space-2)var(--space-3);border-radius:var(--radius-md);font-family:var(--font-family-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);cursor:pointer;transition:background var(--tr-fast),color var(--tr-fast);white-space:nowrap;border:1px solid #0000;text-decoration:none;display:flex;overflow:hidden}.nav-item:hover{background:var(--color-bg-surface-pressed);color:var(--color-text-primary)}.nav-item.active{background:var(--palette-brand-100);border-color:var(--palette-brand-200);color:var(--color-action-primary)}.nav-item-icon{color:var(--color-text-secondary);transition:color var(--tr-fast);flex-shrink:0}.nav-item:hover .nav-item-icon{color:var(--color-text-primary)}.nav-item.active .nav-item-icon{color:var(--color-action-primary)}.sidebar-footer{padding:var(--space-4)var(--space-3);border-top:1px solid var(--color-border-subtle)}.topbar{z-index:100;height:var(--topbar-height);padding:0 var(--page-px);background:var(--color-bg-surface);border-bottom:1px solid var(--color-border-subtle);align-items:center;gap:var(--space-4);flex-shrink:0;display:flex;position:sticky;top:0}.topbar-title{flex-direction:column;flex:1;gap:2px;display:flex}.topbar-heading{font-family:var(--font-family-body);font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--color-text-primary);letter-spacing:-.01em;line-height:1.2}.topbar-sub{font-family:var(--font-family-body);color:var(--color-text-secondary);font-size:.8rem;line-height:1.3;font-weight:var(--font-weight-regular)}.topbar-actions{align-items:center;gap:var(--space-2);display:flex}.main-content{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.page-scroll{scrollbar-width:thin;scrollbar-color:var(--color-border-subtle)transparent;flex:1;overflow-y:auto}.page-scroll::-webkit-scrollbar{width:4px}.page-scroll::-webkit-scrollbar-track{background:0 0}.page-scroll::-webkit-scrollbar-thumb{background:var(--color-border-subtle);border-radius:var(--radius-full)}.page{padding:clamp(1rem,3vw,1.75rem)var(--page-px)clamp(2rem,4vw,3rem);gap:var(--space-5);min-height:calc(100vh - var(--topbar-height));background:var(--color-bg-canvas);flex-direction:column;display:flex}.page-header{justify-content:space-between;align-items:flex-end;gap:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border-subtle);flex-wrap:wrap;display:flex}.page-header-left{flex-direction:column;gap:2px;display:flex}.page-title{font-family:var(--font-family-display);font-size:clamp(1.45rem,2.4vw,2rem);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);letter-spacing:-.02em;line-height:var(--line-height-tight)}.page-subtitle{font-family:var(--font-family-body);font-size:var(--font-size-sm);color:var(--color-text-tertiary);font-weight:var(--font-weight-regular);letter-spacing:.02em}.page-header-actions{align-items:center;gap:var(--space-3);flex-shrink:0;display:flex}.section-title{font-family:var(--font-family-display);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);letter-spacing:.01em;line-height:1.1}.section-subtitle{font-family:var(--font-family-body);font-size:var(--font-size-xs);color:var(--color-text-tertiary);letter-spacing:.04em}.label{font-family:var(--font-family-body);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-tertiary)}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:0 var(--space-4);border-radius:var(--radius-sm);height:34px;font-family:var(--font-family-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);white-space:nowrap;cursor:pointer;transition:background var(--tr-fast),box-shadow var(--tr-fast),border-color var(--tr-fast),transform var(--tr-fast),opacity var(--tr-fast);border:1px solid #0000;display:inline-flex}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none!important}.btn-primary{background:linear-gradient(135deg,var(--color-action-primary)0%,var(--color-action-primary-hover)100%);border-color:var(--palette-brand-200);color:var(--color-text-primary);box-shadow:var(--shadow-sm),0 0 0 1px var(--palette-brand-200)inset}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--color-action-primary-hover)0%,var(--color-action-primary-hover)100%);box-shadow:var(--sh-spice),var(--shadow-sm);transform:translateY(-1px)}.btn-primary:active:not(:disabled){opacity:.92;transform:translateY(0)}.btn-secondary{background:var(--color-bg-surface-sunken);border-color:var(--color-border-default);color:var(--color-text-primary)}.btn-secondary:hover:not(:disabled){background:var(--color-bg-surface-pressed);border-color:var(--color-border-strong)}.btn-danger{background:color-mix(in srgb,var(--color-status-danger-default)12%,transparent);border-color:color-mix(in srgb,var(--color-status-danger-default)35%,transparent);color:var(--color-status-danger-default)}.btn-danger:hover:not(:disabled){background:color-mix(in srgb,var(--color-status-danger-default)20%,transparent);border-color:color-mix(in srgb,var(--color-status-danger-default)55%,transparent)}.btn-ghost{color:var(--color-text-secondary);background:0 0;border-color:#0000}.btn-ghost:hover:not(:disabled){background:var(--color-bg-surface-sunken);color:var(--color-text-primary)}.btn-icon{border-radius:var(--radius-md);border:1px solid var(--color-border-default);background:var(--color-bg-surface-sunken);width:30px;height:30px;color:var(--color-text-secondary);transition:background var(--tr-fast),border-color var(--tr-fast),color var(--tr-fast);flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.btn-icon:hover:not(:disabled){background:var(--color-bg-surface-pressed);border-color:var(--color-border-strong);color:var(--color-text-primary)}.btn-sm{height:28px;padding:0 var(--space-3);font-size:var(--font-size-xs);border-radius:var(--radius-md)}.btn-lg{height:40px;padding:0 var(--space-6);font-size:var(--font-size-base)}.input,.select,.textarea{background:var(--color-bg-surface-raised);border:1px solid var(--color-border-default);border-radius:var(--radius-md);padding:0 var(--space-3);font-family:var(--font-family-body);font-size:var(--font-size-sm);color:var(--color-text-primary);outline:none;width:100%;height:36px;transition:border-color .12s,box-shadow .12s}.textarea{height:auto;padding:var(--space-2)var(--space-3);resize:vertical;min-height:80px;line-height:var(--line-height-normal)}.input::placeholder,.textarea::placeholder{color:var(--color-text-disabled)}.input:focus,.select:focus,.textarea:focus{border-color:var(--palette-brand-200);box-shadow:0 0 0 2.5px var(--palette-brand-100)}.input.input-error,.select.input-error,.textarea.input-error{border-color:color-mix(in srgb,var(--color-status-danger-default)40%,transparent);box-shadow:0 0 0 2.5px color-mix(in srgb,var(--color-status-danger-default)7%,transparent)}.select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' fill='none'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%238e897e' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:32px}.input-group{align-items:center;display:flex;position:relative}.input-group .input{padding-left:32px}.input-group-icon{color:var(--color-text-disabled);pointer-events:none;align-items:center;display:flex;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.input-group-suffix{font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--color-text-tertiary);pointer-events:none;letter-spacing:.03em;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.form-grid{gap:var(--space-4);display:grid}.form-grid-2{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.form-field{gap:var(--space-1);flex-direction:column;display:flex}.form-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-tertiary);letter-spacing:.07em;text-transform:uppercase}.form-label-optional{font-weight:var(--font-weight-regular);text-transform:none;letter-spacing:0;color:var(--color-text-tertiary);opacity:.6}.form-error{font-size:var(--font-size-xs);color:var(--color-status-danger-default);margin-top:1px}.toggle{border-radius:var(--radius-full);background:var(--color-bg-surface-hover);border:1px solid var(--color-border-default);cursor:pointer;width:38px;height:20px;transition:background var(--tr-fast),border-color var(--tr-fast);flex-shrink:0;position:relative}.toggle.toggle-on{background:var(--color-action-primary);border-color:var(--color-action-primary)}.toggle-thumb{background:var(--color-text-tertiary);width:14px;height:14px;transition:transform var(--tr-fast),background var(--tr-fast);box-shadow:var(--shadow-sm);border-radius:50%;position:absolute;top:2px;left:2px}.toggle.toggle-on .toggle-thumb{background:var(--color-text-primary);transform:translate(18px)}.search-bar{align-items:center;gap:var(--space-2);padding:0 var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border-default);background:var(--color-bg-surface);height:36px;color:var(--color-text-secondary);min-width:min(22rem,100%);transition:border-color .12s,box-shadow .12s;display:flex}.search-bar input{width:100%;color:var(--color-text-primary);font-size:var(--font-size-sm);font-family:var(--font-family-body);background:0 0;border:none;outline:none}.search-bar input::placeholder{color:var(--color-text-disabled)}.search-bar:focus-within{border-color:var(--color-border-focus);box-shadow:0 0 0 2.5px var(--palette-brand-100)}.filter-tabs{gap:2px;display:flex}.filter-tab{border-radius:var(--radius-full);height:28px;font-family:var(--font-family-body);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-disabled);cursor:pointer;transition:background var(--tr-fast),color var(--tr-fast),border-color var(--tr-fast);background:0 0;border:1px solid #0000;padding:0 13px}.filter-tab:hover:not(.filter-tab-active){background:var(--color-bg-surface-pressed);color:var(--color-text-secondary)}.filter-tab-active{background:var(--palette-brand-100);border-color:var(--palette-brand-200);color:var(--color-action-primary);font-weight:var(--font-weight-semibold)}.table-wrap{scrollbar-width:thin;scrollbar-color:var(--color-border-subtle)transparent;max-height:min(68vh,700px);overflow:auto}.table-toolbar{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3);border-bottom:1px solid var(--color-border-subtle);background:var(--color-bg-surface-sunken);flex-wrap:wrap;display:flex}.table{border-collapse:separate;border-spacing:0;width:100%;min-width:600px}.table thead th{background:var(--color-bg-surface-raised);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--color-border-subtle);color:var(--color-text-disabled);font-family:var(--font-family-body);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.08em;text-align:left;padding:var(--space-3);white-space:nowrap;-webkit-user-select:none;user-select:none;position:sticky;top:0}.table tbody td{border-bottom:1px solid var(--color-border-subtle);padding:var(--space-3);vertical-align:middle;color:var(--color-text-primary);font-size:var(--font-size-sm)}.table tbody tr:last-child td{border-bottom:none}.table tbody tr:hover{background:var(--color-bg-surface-sunken)}.table-pagination{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3);border-top:1px solid var(--color-border-subtle);color:var(--color-text-secondary);font-size:var(--font-size-sm);flex-wrap:wrap;display:flex}.table-pagination-actions{align-items:center;gap:var(--space-2);display:flex}.table-pagination-actions button{border:1px solid var(--color-border-default);background:var(--color-bg-surface);color:var(--color-text-primary);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-family:var(--font-family-body);transition:background var(--tr-fast),border-color var(--tr-fast);padding:.43rem .7rem}.table-pagination-actions button:hover:not(:disabled){background:var(--color-bg-surface-pressed);border-color:var(--color-border-strong)}.table-pagination-actions button:disabled{opacity:.45;cursor:not-allowed}.table-pagination-actions .page-label{color:var(--color-text-disabled);font-size:var(--font-size-sm);padding:0 var(--space-1)}.badge{border-radius:var(--radius-full);font-family:var(--font-family-body);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);white-space:nowrap;letter-spacing:.03em;border:1px solid #0000;align-items:center;gap:5px;padding:3px 10px;line-height:1;display:inline-flex}.badge-success{color:var(--color-status-success-default);background:color-mix(in srgb,var(--color-status-success-default)10%,transparent);border-color:color-mix(in srgb,var(--color-status-success-default)22%,transparent)}.badge-warning{color:var(--color-status-warning-default);background:color-mix(in srgb,var(--color-status-warning-default)10%,transparent);border-color:color-mix(in srgb,var(--color-status-warning-default)22%,transparent)}.badge-danger{color:var(--color-status-danger-default);background:color-mix(in srgb,var(--color-status-danger-default)10%,transparent);border-color:color-mix(in srgb,var(--color-status-danger-default)20%,transparent)}.badge-info{color:var(--color-status-info-default);background:color-mix(in srgb,var(--color-status-info-default)10%,transparent);border-color:color-mix(in srgb,var(--color-status-info-default)22%,transparent)}.badge-accent{color:var(--color-action-primary);background:var(--palette-brand-100);border-color:var(--color-border-focus)}.badge-neutral{color:var(--color-text-secondary);background:var(--color-bg-surface-sunken);border-color:var(--color-border-subtle)}.badge-role-waiter{color:var(--color-status-info-default);background:color-mix(in srgb,var(--color-status-info-default)12%,transparent);border-color:color-mix(in srgb,var(--color-status-info-default)30%,transparent)}.badge-role-manager{color:var(--color-status-warning-default);background:color-mix(in srgb,var(--color-status-warning-default)12%,transparent);border-color:color-mix(in srgb,var(--color-status-warning-default)30%,transparent)}.badge-role-admin{color:var(--color-action-primary-hover);background:var(--palette-brand-100);border-color:var(--palette-brand-200)}.badge-up{color:var(--color-status-success-default);background:color-mix(in srgb,var(--color-status-success-default)10%,transparent);border-color:color-mix(in srgb,var(--color-status-success-default)18%,transparent);font-family:var(--font-family-body);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold)}.badge-down{color:var(--color-status-danger-default);background:color-mix(in srgb,var(--color-status-danger-default)10%,transparent);border-color:color-mix(in srgb,var(--color-status-danger-default)18%,transparent);font-family:var(--font-family-body);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold)}.status-dot{border-radius:var(--radius-full);background:currentColor;flex-shrink:0;width:7px;height:7px}.card{background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.card-glass{background:var(--color-bg-surface-sunken);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.card:hover,.card-glass:hover{border-color:var(--color-border-default)}.card-header{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-4)var(--space-5);border-bottom:1px solid var(--color-border-subtle);flex-shrink:0;display:flex}.card-header-left{flex-direction:column;gap:2px;min-width:0;display:flex}.card-title{font-family:var(--font-family-display);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);letter-spacing:-.01em;margin:0;line-height:1.2}.card-subtitle{font-family:var(--font-family-body);font-size:var(--font-size-xs);color:var(--color-text-tertiary);font-weight:var(--font-weight-medium);margin:0}.card-body{padding:var(--space-5)}.card-footer{padding:var(--space-4)var(--space-5);border-top:1px solid var(--color-border-subtle);justify-content:flex-end;align-items:center;gap:var(--space-2);display:flex}.stat-card{background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);cursor:default;transition:border-color var(--tr-base),transform var(--tr-base),box-shadow var(--tr-base);flex-direction:column;gap:12px;padding:18px 20px 16px;animation:.45s cubic-bezier(.16,1,.3,1) both card-in;display:flex;position:relative;overflow:hidden}@keyframes card-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.stat-card:hover{border-color:var(--color-border-default);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.stat-card-accent-bar{opacity:.4;height:2px;transition:opacity var(--tr-base),left var(--tr-base),right var(--tr-base);position:absolute;bottom:0;left:0;right:0}.stat-card:hover .stat-card-accent-bar{opacity:.85;left:10%;right:10%}.stat-value{font-family:var(--font-family-display);font-size:38px;font-weight:var(--font-weight-semibold);color:var(--color-text-primary);letter-spacing:-.02em;line-height:1}.backdrop{background:color-mix(in srgb,var(--color-bg-canvas)75%,transparent);-webkit-backdrop-filter:blur(8px);z-index:400;animation:fade-in .16s var(--ease-standard);justify-content:center;align-items:flex-end;padding:0;display:flex;position:fixed;inset:0}@media (min-width:640px){.backdrop{padding:var(--space-6);align-items:center}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.modal{background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-xl)var(--radius-xl)0 0;width:100%;max-width:500px;max-height:90dvh;box-shadow:var(--shadow-lg);animation:slide-up .22s var(--ease-standard);flex-direction:column;display:flex;overflow:hidden}@media (min-width:640px){.modal{border-radius:var(--radius-xl)}}@keyframes slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.backdrop,.modal{animation:none}}.modal-header{padding:var(--space-4)var(--space-5);border-bottom:1px solid var(--color-border-subtle);justify-content:space-between;align-items:center;gap:var(--space-3);flex-shrink:0;display:flex}.modal-title{font-family:var(--font-family-display);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);letter-spacing:.01em;line-height:var(--line-height-tight);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.modal-subtitle{font-size:var(--font-size-xs);color:var(--color-text-tertiary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.modal-body{scrollbar-width:thin;scrollbar-color:var(--color-border-subtle)transparent;flex-direction:column;flex:1;display:flex;overflow-y:auto}.modal-body::-webkit-scrollbar{width:3px}.modal-body::-webkit-scrollbar-track{background:0 0}.modal-body::-webkit-scrollbar-thumb{background:var(--color-border-subtle);border-radius:var(--radius-full)}.modal-form-body{padding:var(--space-4)var(--space-5);gap:var(--space-4);flex-direction:column;display:flex}.modal-footer{justify-content:flex-end;gap:var(--space-2);padding:var(--space-4)var(--space-5);border-top:1px solid var(--color-border-subtle);flex-shrink:0;display:flex}.close-btn{border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);width:32px;height:32px;color:var(--color-text-tertiary);transition:all var(--tr-fast);background:0 0;flex-shrink:0;justify-content:center;align-items:center;margin:-6px;padding:6px;display:flex}.close-btn:hover{background:var(--color-bg-surface-raised);color:var(--color-text-primary);border-color:var(--color-border-default)}.avatar{border-radius:var(--radius-full);font-family:var(--font-family-body);font-weight:var(--font-weight-bold);letter-spacing:.04em;background:var(--color-bg-surface-hover);border:1px solid var(--color-border-subtle);color:var(--color-text-tertiary);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.avatar-sm{width:28px;height:28px;font-size:.65rem}.avatar-md{width:34px;height:34px;font-size:.72rem}.avatar-lg{width:42px;height:42px;font-size:var(--font-size-sm)}.avatar-gradient{background:linear-gradient(135deg,var(--color-action-primary)0%,var(--color-action-primary-hover)100%);color:var(--color-text-primary);border-color:#0000}.avatar-active{border-color:color-mix(in srgb,var(--color-status-success-default)30%,transparent);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-status-success-default)8%,transparent)}.empty-state{text-align:center;place-items:center;gap:var(--space-3);padding:clamp(2rem,8vw,4rem)var(--space-4);display:grid}.empty-state-icon{border-radius:var(--radius-full);border:1px solid var(--color-border-default);width:46px;height:46px;color:var(--color-text-secondary);background:var(--color-bg-surface-sunken);place-items:center;display:grid}.empty-state-title{color:var(--color-text-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);margin:0}.empty-state-body{color:var(--color-text-secondary);font-size:var(--font-size-sm);max-width:35ch;margin:0}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton{border-radius:var(--radius-md);background:linear-gradient(90deg,var(--color-bg-surface-sunken)0%,var(--color-bg-surface-pressed)50%,var(--color-bg-surface-sunken)100%);background-size:200% 100%;animation:1.2s linear infinite shimmer}.skeleton-row{border-radius:var(--radius-md);border:1px solid var(--color-border-subtle);height:52px}.skeleton-list{padding:var(--space-3);gap:var(--space-2);display:grid}.dropdown{z-index:50;min-width:140px;padding:var(--space-1);border-radius:var(--radius-md);border:1px solid var(--color-border-default);background:var(--color-bg-surface-raised);box-shadow:var(--shadow-md);animation:dropdown-in var(--tr-fast)both;flex-direction:column;gap:2px;display:flex;position:absolute;top:calc(100% + 4px);right:0}@keyframes dropdown-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{align-items:center;gap:var(--space-2);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-sm);font-family:var(--font-family-body);cursor:pointer;text-align:left;transition:background var(--tr-fast);padding:.48rem .55rem;display:flex}.dropdown-item:hover{background:var(--color-bg-surface-pressed)}.dropdown-item-danger{color:var(--color-status-danger-default)}.dropdown-item-danger:hover{background:color-mix(in srgb,var(--color-status-danger-default)8%,transparent)}.dropdown-divider{background:var(--color-border-subtle);height:1px;margin:2px 0}.shift-status-pill,.shift-action-btn{border-radius:var(--radius-full);height:32px;font-family:var(--font-family-body);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);white-space:nowrap;letter-spacing:.03em;transition:background var(--tr-fast),color var(--tr-fast),border-color var(--tr-fast);justify-content:center;align-items:center;padding:0 .875rem;display:inline-flex}.shift-status-pill{gap:var(--space-2);border:1px solid var(--color-border-default);background:var(--color-bg-surface-sunken);color:var(--color-text-secondary)}.shift-status-pill:disabled{cursor:default;opacity:1}.shift-status-pill-open{background:color-mix(in srgb,var(--color-status-success-default)8%,transparent);border-color:color-mix(in srgb,var(--color-status-success-default)22%,transparent);color:var(--color-status-success-default)}.shift-status-pill-closed{background:color-mix(in srgb,var(--color-status-danger-default)6%,transparent);border-color:color-mix(in srgb,var(--color-status-danger-default)18%,transparent);color:var(--color-status-danger-default)}.shift-status-dot{border-radius:var(--radius-full);flex-shrink:0;width:7px;height:7px}.shift-status-dot-open{background:var(--color-status-success-default)}.shift-status-dot-closed{background:var(--color-status-danger-default);animation:1.5s ease-in-out infinite shift-blink}@keyframes shift-blink{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.9)}}@media (prefers-reduced-motion:reduce){.shift-status-dot-closed{animation:none}}.shift-action-btn{border:1px solid var(--color-border-default);background:var(--color-bg-surface-sunken);color:var(--color-text-primary);border-radius:var(--radius-sm);cursor:pointer}.shift-action-btn:hover{background:var(--color-bg-surface-pressed);border-color:var(--color-border-strong)}.shift-action-btn-primary{background:var(--palette-brand-100);color:var(--color-action-primary);border-color:var(--color-border-focus)}.shift-action-btn-primary:hover{background:color-mix(in srgb,var(--palette-brand-100)75%,transparent)}.chart-panel{background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);flex-direction:column;gap:20px;min-width:0;min-height:0;padding:20px 24px;display:flex}.chart-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.chart-meta{flex-direction:column;gap:2px;display:flex}.chart-actions{align-items:center;gap:10px;display:flex}.chart-legend{align-items:center;gap:6px;display:flex}.chart-legend-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.chart-legend-label{font-family:var(--font-family-body);color:var(--color-text-tertiary);font-size:11px}.chart-pill{border-radius:var(--radius-full);font-family:var(--font-family-body);font-size:11px;font-weight:var(--font-weight-semibold);white-space:nowrap;border:1px solid #0000;align-items:center;gap:6px;padding:4px 10px;display:flex}.chart-pill-dot{border-radius:50%;flex-shrink:0;width:5px;height:5px}.bar-chart{align-items:flex-end;gap:6px;height:148px;display:flex;position:relative}.bar-col{cursor:default;flex-direction:column;flex:1;align-items:center;gap:6px;height:100%;display:flex;position:relative}.bar-tooltip{background:var(--palette-neutral-800);border:1px solid var(--color-border-default);border-radius:var(--radius-md);white-space:nowrap;pointer-events:none;z-index:10;box-shadow:var(--shadow-md);animation:tooltip-fade-up .12s var(--ease-standard)both;flex-direction:column;align-items:center;gap:1px;padding:6px 10px;display:flex;position:absolute;top:-8px;left:50%;transform:translate(-50%)translateY(-100%)}@keyframes tooltip-fade-up{0%{opacity:0;transform:translate(-50%)translateY(calc(6px - 100%))}to{opacity:1;transform:translate(-50%)translateY(-100%)}}.bar-tooltip-primary{font-family:var(--font-family-mono);font-size:13px;font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.bar-tooltip-secondary{font-family:var(--font-family-body);color:var(--color-text-tertiary);font-size:10px}.bar-track{background:var(--color-bg-surface-sunken);width:100%;transition:background var(--tr-fast);border-radius:4px 4px 0 0;flex:1;align-items:flex-end;display:flex;overflow:hidden}.bar-col:hover .bar-track{background:var(--color-bg-surface-pressed)}.bar{transform-origin:bottom;border-radius:4px 4px 0 0;width:100%;animation:.7s cubic-bezier(.16,1,.3,1) both bar-grow}@keyframes bar-grow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.bar-label{font-family:var(--font-family-mono);color:var(--color-text-tertiary);white-space:nowrap;transition:color var(--tr-fast);font-size:10px}.bar-spice{background:linear-gradient(180deg,var(--color-action-primary)0%,color-mix(in srgb,var(--color-action-primary)35%,transparent)100%)}.bar-spice-hovered{background:linear-gradient(180deg,var(--color-action-primary-hover)0%,color-mix(in srgb,var(--color-action-primary-hover)50%,transparent)100%)!important}.bar-spice-label-active{color:var(--color-action-primary-hover)}.bar-gold{background:linear-gradient(180deg,var(--color-status-info-default)0%,color-mix(in srgb,var(--color-status-info-default)35%,transparent)100%)}.bar-gold-hovered{background:linear-gradient(180deg,var(--color-status-info-default)0%,color-mix(in srgb,var(--color-status-info-default)50%,transparent)100%)!important}.bar-gold-label-active{color:var(--color-status-info-default)}.live-indicator{font-family:var(--font-family-body);font-size:10px;font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.1em;color:var(--color-status-success-default);align-items:center;gap:4px;display:flex}.live-dot{background:var(--color-status-success-default);width:5px;height:5px;box-shadow:0 0 5px color-mix(in srgb,var(--color-status-success-default)60%,transparent);border-radius:50%;animation:2s ease-in-out infinite live-pulse}@keyframes live-pulse{0%,to{opacity:1}50%{opacity:.4}}.info-pill{font-family:var(--font-family-body);color:var(--color-text-tertiary);font-size:11px;font-weight:var(--font-weight-semibold);background:var(--color-bg-surface-raised);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;border:1px solid var(--color-border-subtle);white-space:nowrap;padding:6px 10px}.danger-zone{padding:var(--space-3);background:color-mix(in srgb,var(--color-status-danger-default)3%,transparent);border:1px solid color-mix(in srgb,var(--color-status-danger-default)10%,transparent);border-radius:var(--radius-md);justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.danger-zone-confirm{background:color-mix(in srgb,var(--color-status-danger-default)6%,transparent);border-color:color-mix(in srgb,var(--color-status-danger-default)26%,transparent);animation:fade-in var(--tr-fast);flex-direction:column}.danger-zone-title{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-status-danger-default)}.danger-zone-body{color:var(--color-text-tertiary);font-size:.65rem}.danger-zone-icon{border-radius:var(--radius-full);width:38px;height:38px;color:var(--color-status-danger-default);border:1px solid color-mix(in srgb,var(--color-status-danger-default)30%,transparent);background:color-mix(in srgb,var(--color-status-danger-default)12%,transparent);flex-shrink:0;place-items:center;display:grid}@media (max-width:1100px){.sidebar{width:64px}.sidebar-logo-sub,.sidebar-section-label,.nav-item-label{display:none}.nav-item{padding:var(--space-2);justify-content:center}}@media (max-width:840px){.table-toolbar{align-items:stretch}.search-bar{min-width:100%}.form-grid-2{grid-template-columns:1fr}}@media (max-width:640px){.page{padding:.75rem}.page-title{font-size:1.3rem}.page-subtitle{font-size:var(--font-size-xs)}.table-toolbar,.table-pagination{padding:.7rem}.table thead th,.table tbody td{padding:.65rem .6rem}.stat-value{font-size:30px}.modal{max-height:95dvh}}