:root,:root[data-theme=light]{--brand: #01ABE5;--brand-hover: #27b8e9;--brand-deep: #016e94;--on-brand: #06242e;--font-head: "Manrope", "Segoe UI", Roboto, sans-serif;--font-body: "Open Sans", "Segoe UI", Roboto, Arial, sans-serif;--bg: #EDF0F2;--surface: #F5F7F8;--surface-2: #FAFBFC;--surface-3: #ffffff;--ink: #212529;--muted: #63696f;--muted-soft: #798289;--line: #d7dce1;--line-strong: #b4bcc4;--line-soft: #f1f3f5;--input-bg: #ffffff;--input-line: #dee2e6;--row-hover: #f4fbfe;--chip-bg: #ffffff;--topbar-bg: #ffffff;--topbar-text: #212529;--topbar-line: #e9ecef;--rail-bg: #454d55;--rail-2: #363c42;--rail-line: rgba(255,255,255,.07);--rail-text: #c2c9cf;--rail-muted: #b0b8bf;--success: #147040;--warning: #946005;--danger: #c13a33;--info: #5c3f9e;--badge-off-bg: #e9ecef;--badge-off-text: #63696f;--brand-bg: rgba(1,171,229,.14);--brand-bg-hover: rgba(1,171,229,.2);--success-bg: rgba(31,157,87,.14);--warning-bg: rgba(200,130,10,.14);--danger-bg: rgba(214,69,61,.14);--info-bg: rgba(92,63,158,.14);--overlay: rgba(15,23,42,.45);--on-brand-solid: #ffffff;--accent-bg: var(--brand-bg);--shadow-sm: 0 1px 2px rgba(33,37,41,.05);--shadow: 0 1px 3px rgba(33,37,41,.07), 0 10px 24px -16px rgba(33,37,41,.22);--topbar-height: 60px;--sidebar-width: 236px;--sidebar-width-collapsed: 56px;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-xxl: 32px;--radius-pill: 999px;--text-xs: 10px;--text-sm: 12px;--text-md: 14px;--text-lg: 16px;--text-xl: 20px;--title-sm: 24px;--title-md: 32px;--title-lg: 40px;--title-xl: 48px;--title-xxl: 60px;--z-sticky: 10;--z-dropdown: 100;--z-dialog: 1000;--z-toast: 1100;--z-dialog-raised: 1200;--width-dialog-sm: 320px;--width-dialog-md: 420px;--width-dialog-lg: 600px;--width-dialog-xl: 860px;--max-dialog-width: calc(100vw - 32px) ;--width-content: 900px;--width-content-lg: 1100px;--min-table-width: 640px;--width-sidebar: var(--sidebar-width);--accent: var(--brand);--primary: var(--brand-deep);--primary-dark: #014e6b;--border: var(--line);--text-muted: var(--muted);--sidebar-bg: var(--rail-bg);--link: var(--brand-deep)}:root[data-theme=dark]{--bg: #1B1F23;--surface: #242A30;--surface-2: #2C333B;--surface-3: #343C46;--ink: #e8ecef;--muted: #9aa3ab;--muted-soft: #7f8890;--line: #363e47;--line-strong: #363e47;--line-soft: #23282d;--input-bg: #3A4350;--input-line: #343b42;--row-hover: rgba(1,171,229,.08);--chip-bg: #262b30;--brand-deep: #5cc8ef;--topbar-bg: #1a1e22;--topbar-text: #e8ecef;--topbar-line: #2c3237;--rail-bg: #13161a;--rail-2: #1e2226;--rail-line: rgba(255,255,255,.06);--rail-text: #c2c9cf;--rail-muted: #7f888f;--success: #28b264;--warning: #e0a52a;--danger: #f87171;--info: #b39ddb;--badge-off-bg: rgba(255,255,255,.08);--badge-off-text: #9aa3ab;--brand-bg: rgba(1,171,229,.2);--brand-bg-hover: rgba(1,171,229,.28);--success-bg: rgba(40,178,100,.18);--warning-bg: rgba(224,165,42,.18);--danger-bg: rgba(239,107,99,.18);--info-bg: rgba(179,157,219,.18);--overlay: rgba(0,0,0,.6);--on-brand-solid: #ffffff;--accent-bg: var(--brand-bg);--shadow-sm: 0 1px 2px rgba(0,0,0,.3);--shadow: 0 1px 3px rgba(0,0,0,.35), 0 12px 28px -16px rgba(0,0,0,.6);--primary: #5cc8ef;--primary-dark: #8ad6f2;--link: #5cc8ef}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);font-size:14px;background:var(--bg);color:var(--ink);transition:background .25s ease,color .25s ease}h1,h2,h3{font-family:var(--font-head)}button{cursor:pointer;font-family:inherit;font-size:14px}input,select,textarea{font-family:inherit;font-size:14px}input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}a{color:var(--link);text-decoration:none}.error-text{color:var(--danger)}.btn-primary:where(:not(.pos-app *)){background:var(--brand);color:var(--on-brand);border:1px solid transparent;padding:8px 18px;border-radius:var(--radius-sm);font-size:var(--text-md);font-weight:600;cursor:pointer;transition:background .15s}.btn-primary:where(:not(.pos-app *)):hover:where(:not(:disabled)){background:var(--brand-hover)}.btn-primary:where(:not(.pos-app *)):disabled{opacity:.5;cursor:default}.btn-secondary:where(:not(.pos-app *)){background:var(--surface);color:var(--ink);border:1px solid var(--input-line);padding:8px 18px;border-radius:var(--radius-sm);font-size:var(--text-md);cursor:pointer;transition:background .15s}.btn-secondary:where(:not(.pos-app *)):hover:where(:not(:disabled)){background:var(--surface-2)}.btn-secondary:where(:not(.pos-app *)):disabled{opacity:.5;cursor:default}.btn-outline:where(:not(.pos-app *)){background:var(--surface);color:var(--brand-deep);border:1px solid var(--brand);padding:8px 18px;border-radius:var(--radius-sm);font-size:var(--text-md);font-weight:500;white-space:nowrap;cursor:pointer;transition:background .15s}.btn-outline:where(:not(.pos-app *)):hover:where(:not(:disabled)){background:var(--surface-3)}.btn-outline:where(:not(.pos-app *)):disabled{opacity:.5;cursor:default}.btn-danger:where(:not(.pos-app *)){background:var(--danger-bg);color:var(--danger);border:1px solid var(--danger);padding:8px 18px;border-radius:var(--radius-sm);font-size:var(--text-md);font-weight:600;cursor:pointer;transition:background .15s,color .15s}.btn-danger:where(:not(.pos-app *)):hover:where(:not(:disabled)){background:var(--danger);color:var(--on-brand-solid)}.btn-danger:where(:not(.pos-app *)):disabled{opacity:.5;cursor:default}.btn-sm:where(:not(.pos-app *)){padding:5px 12px;font-size:var(--text-sm)}.btn-spinner:where(:not(.pos-app *)){display:inline-block;width:12px;height:12px;margin-right:6px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:btn-spinner-rotate .7s linear infinite;vertical-align:-2px}@keyframes btn-spinner-rotate{to{transform:rotate(360deg)}}.btn-icon:where(:not(.pos-app *)){display:inline-block;background:none;border:none;padding:4px 6px;border-radius:var(--radius-xs);color:var(--muted);font-size:var(--text-md);text-decoration:none;cursor:pointer}.btn-icon:where(:not(.pos-app *)):hover{background:var(--surface-2)}.btn-icon:where(.danger):where(:not(.pos-app *)):hover{background:var(--danger-bg)}.card:where(:not(.pos-app *)){background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden;margin-bottom:20px}@media (max-width: 768px){.card:where(:not(.pos-app *)){overflow-x:auto}}.card-padded:where(:not(.pos-app *)){padding:20px}.card-list:where(:not(.pos-app *)){display:flex;flex-direction:column;gap:12px;padding:16px}.card:where(.card-overflow-visible):where(:not(.pos-app *)){overflow:visible}.badge:where(:not(.pos-app *)){display:inline-block;padding:2px 8px;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:600}.badge-green:where(:not(.pos-app *)){background:var(--success-bg);color:var(--success)}.badge-gray:where(:not(.pos-app *)){background:var(--badge-off-bg);color:var(--badge-off-text)}.badge-blue:where(:not(.pos-app *)){background:var(--brand-bg);color:var(--brand-deep)}.badge-red:where(:not(.pos-app *)){background:var(--danger-bg);color:var(--danger)}.badge-yellow:where(:not(.pos-app *)){background:var(--warning-bg);color:var(--warning)}.pagination:where(:not(.pos-app *)){display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px;padding:12px 0}.page-btn:where(:not(.pos-app *)){padding:5px 10px;border:1px solid var(--line);border-radius:var(--radius-xs);background:var(--surface);color:var(--ink);cursor:pointer;font-size:var(--text-sm);line-height:1}.page-btn:disabled:where(:not(.pos-app *)){opacity:.35;cursor:default}.page-btn:where(.active):where(:not(.pos-app *)){background:var(--brand);color:var(--on-brand);border-color:var(--brand);font-weight:600}.page-info:where(:not(.pos-app *)){margin:0 8px;font-size:var(--text-md);color:var(--muted)}.tab-bar:where(:not(.pos-app *)){display:flex;gap:4px;box-shadow:inset 0 -2px 0 var(--line);margin-bottom:16px;overflow-x:auto;scrollbar-width:thin}.tab-bar:where(.card>*):where(:not(.pos-app *)){padding:0 16px;margin-bottom:0}.tab-bar:where(.tab-bar-header):where(:not(.pos-app *)){padding:0 16px;margin-bottom:0}.tab-btn:where(:not(.pos-app *)){padding:8px 16px;border:none;background:none;font-size:var(--text-md);font-weight:500;color:var(--muted);cursor:pointer;border-bottom:2px solid transparent;white-space:nowrap;flex-shrink:0;transition:color .15s,border-color .15s}.tab-btn:where(.card>.tab-bar>*,.tab-bar-header>*):where(:not(.pos-app *)){padding:12px 20px}.tab-btn:hover:where(:not(.pos-app *)){color:var(--brand-deep)}.tab-btn:where(.active):where(:not(.pos-app *)){color:var(--brand-deep);border-bottom-color:var(--brand);font-weight:600}.panel-tabs:where(:not(.pos-app *)){display:flex;align-items:flex-end;gap:4px}.panel-tab:where(:not(.pos-app *)){padding:10px 24px;border:1px solid var(--line);border-bottom:none;border-radius:var(--radius-sm) var(--radius-sm) 0 0;background:color-mix(in srgb,var(--surface) 50%,var(--bg));color:var(--muted);font-size:var(--text-md);font-weight:500;cursor:pointer}.panel-tab:hover:where(:not(.active)):where(:not(.pos-app *)){color:var(--brand-deep);background:var(--surface)}.panel-tab:focus-visible:where(:not(.pos-app *)){outline:2px solid var(--brand);outline-offset:-2px}.panel-tab:where(.active):where(:not(.pos-app *)){position:relative;margin-bottom:-1px;padding-bottom:11px;background:var(--surface);box-shadow:inset 0 3px 0 var(--brand);color:var(--brand-deep);font-weight:700}.panel-tab-body:where(:not(.pos-app *)){background:var(--surface);border:1px solid var(--line);border-radius:0 var(--radius-md) var(--radius-md) var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden;padding:24px;margin-bottom:24px}.error:where(:not(.pos-app *)){background:var(--danger-bg);color:var(--danger);padding:10px 12px;border-radius:var(--radius-sm);margin-bottom:12px;font-size:var(--text-md)}.error:where(td>*):where(:not(.pos-app *)){margin:4px 0}.success:where(:not(.pos-app *)){background:var(--success-bg);color:var(--success);padding:10px 12px;border-radius:var(--radius-sm);margin-bottom:12px;font-size:var(--text-md)}.field:where(:not(.pos-app *)){display:flex;flex-direction:column;gap:6px}.field:where(:not(.pos-app *)) label{font-size:var(--text-sm);font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.field:where(:not(.pos-app *)) input:where(:not([type=checkbox],[type=radio])),.field:where(:not(.pos-app *)) select,.field:where(:not(.pos-app *)) textarea{width:100%;padding:8px 12px;border:1px solid var(--input-line);border-radius:var(--radius-sm);font-size:var(--text-md);background:var(--input-bg);color:var(--ink);outline:none;transition:border-color .15s}.field:where(:not(.pos-app *)) input:where([type=checkbox],[type=radio]){align-self:flex-start}.field:where(:not(.pos-app *)) input:focus,.field:where(:not(.pos-app *)) select:focus,.field:where(:not(.pos-app *)) textarea:focus{border-color:var(--brand)}.field:where(:not(.pos-app *)) input:disabled,.field:where(:not(.pos-app *)) select:disabled,.field:where(:not(.pos-app *)) textarea:disabled{background:var(--surface-2);color:var(--muted)}.empty:where(:not(.pos-app *)){text-align:center;color:var(--muted-soft);font-size:var(--text-md);font-style:italic;padding:24px}.pos-app[data-pos-theme=dark]{--pos-app-bg: #1a1a2e;--pos-overlay-backdrop: rgba(0, 0, 0, .8);--pos-dialog-bg: #1a1f2e;--pos-dialog-border: #5a6c96;--pos-shadow-dialog: 0 20px 60px rgba(0, 0, 0, .3);--pos-surface: #27344a;--pos-surface-2: #374869;--pos-surface-3: #475c88;--pos-surface-hover: #2f3e59;--pos-input-bg: #10263a;--pos-input-border: #4a72b0;--pos-border: #2a3a60;--pos-text-primary: #f2f6fc;--pos-text-secondary: #b9c4d6;--pos-text-muted: #8b96ad;--pos-accent: #35c4f0;--pos-accent-hover: #5fd3f5;--pos-accent-focus-ring: rgba(53, 196, 240, .2);--pos-on-accent: #06283a;--pos-success: #4ade80;--pos-selected-bg: #1b3a1f;--pos-selected-border: #4caf50;--pos-warning: #f0b429;--pos-warning-hover: #fbb43a;--pos-danger: #ff7b72;--pos-danger-hover: #ff958e;--pos-on-danger: #06283a;--pos-btn-cancel-bg: #424242;--pos-btn-cancel-hover: #525252;--pos-on-btn-cancel: #ffffff;--pos-btn-confirm-bg: linear-gradient(135deg, #15803d, #166534);--pos-btn-confirm-hover: #388e3c;--pos-badge-bg: #1e2a40;--pos-badge-text: #64b5f6;--pos-on-accent-overlay: rgba(6, 40, 58, .15);--pos-on-accent-overlay-hover: rgba(6, 40, 58, .25);--pos-accent-bg: #10263a;--pos-accent-bg-hover: #16304d;--pos-success-bg: #15402a;--pos-warning-bg: #33240a;--pos-danger-bg: #3a1113;--pos-on-success: #0a2e1c;--pos-contrast-bg: #ffffff;--pos-contrast-text: #1a1a2e;--pos-highlight: #ffb74d;--pos-highlight-hover: #ffe0b2;--pos-highlight-strong: #ff9800;--pos-action-blue: #1565c0;--pos-action-blue-hover: #1976d2;--pos-text-faint: #555555;--pos-z-local: 10;--pos-z-local-backdrop: 20;--pos-z-local-overlay: 30;--pos-z-dropdown: 100;--pos-z-popup: 200;--pos-z-screen: 300;--pos-z-dialog: 400;--pos-z-dialog-raised: 500;--pos-z-progress: 600;--pos-z-toast: 700;--pos-z-confirm: 800;--pos-z-system: 900;--pos-radius-xs: 4px;--pos-radius-sm: 8px;--pos-radius-md: 12px;--pos-radius-lg: 16px;--pos-radius-xl: 20px;--pos-radius-xxl: 32px;--pos-radius-pill: 999px;--pos-text-xs: 10px;--pos-text-sm: 12px;--pos-text-md: 14px;--pos-text-lg: 16px;--pos-text-xl: 20px;--pos-title-sm: 24px;--pos-title-md: 32px;--pos-title-lg: 40px;--pos-title-xl: 48px;--pos-title-xxl: 60px;--pos-width-xxs: 280px;--pos-width-xs: 320px;--pos-width-sm: 400px;--pos-width-md: 480px;--pos-width-lg: 600px;--pos-width-xl: 720px;--pos-width-xxl: 1040px;--pos-dialog-height: 480px;--pos-dialog-height-xxl: 700px}.pos-app[data-pos-theme=light]{--pos-app-bg: #dde3ea;--pos-overlay-backdrop: rgba(15, 23, 42, .35);--pos-dialog-bg: #e6eaf1;--pos-dialog-border: #b7c1cc;--pos-shadow-dialog: 0 20px 60px rgba(15, 23, 42, .15);--pos-surface: #eef1f6;--pos-surface-2: #f5f7fa;--pos-surface-3: #ffffff;--pos-surface-hover: #eef2f8;--pos-input-bg: #d6e4f0;--pos-input-border: #8994a3;--pos-border: #b7c1cc;--pos-text-primary: #10182a;--pos-text-secondary: #4b5768;--pos-text-muted: #6b7684;--pos-accent: #026aa8;--pos-accent-hover: #075985;--pos-accent-focus-ring: rgba(2, 106, 168, .2);--pos-on-accent: #ffffff;--pos-success: #166534;--pos-selected-bg: #eaf7ee;--pos-selected-border: #16a34a;--pos-warning: #b45309;--pos-warning-hover: #92400e;--pos-danger: #991b1b;--pos-danger-hover: #ef4444;--pos-on-danger: #ffffff;--pos-btn-cancel-bg: #e2e8f0;--pos-btn-cancel-hover: #cbd5e1;--pos-on-btn-cancel: #10182a;--pos-btn-confirm-bg: linear-gradient(135deg, #16a34a, #15803d);--pos-btn-confirm-hover: #15803d;--pos-badge-bg: #e2e8f0;--pos-badge-text: #0369a1;--pos-on-accent-overlay: rgba(255, 255, 255, .15);--pos-on-accent-overlay-hover: rgba(255, 255, 255, .25);--pos-accent-bg: #e0f2fe;--pos-accent-bg-hover: #cceafd;--pos-success-bg: #dcfce7;--pos-warning-bg: #fef3c7;--pos-danger-bg: #fee2e2;--pos-on-success: #ffffff;--pos-contrast-bg: #ffffff;--pos-contrast-text: #1a1a2e;--pos-highlight: #9c4a0c;--pos-highlight-hover: #92400e;--pos-highlight-strong: #9a3412;--pos-action-blue: #1565c0;--pos-action-blue-hover: #1976d2;--pos-text-faint: #94a3b8;--pos-z-local: 10;--pos-z-local-backdrop: 20;--pos-z-local-overlay: 30;--pos-z-dropdown: 100;--pos-z-popup: 200;--pos-z-screen: 300;--pos-z-dialog: 400;--pos-z-dialog-raised: 500;--pos-z-progress: 600;--pos-z-toast: 700;--pos-z-confirm: 800;--pos-z-system: 900;--pos-radius-xs: 4px;--pos-radius-sm: 8px;--pos-radius-md: 12px;--pos-radius-lg: 16px;--pos-radius-xl: 20px;--pos-radius-xxl: 32px;--pos-radius-pill: 999px;--pos-text-xs: 10px;--pos-text-sm: 12px;--pos-text-md: 14px;--pos-text-lg: 16px;--pos-text-xl: 20px;--pos-title-sm: 24px;--pos-title-md: 32px;--pos-title-lg: 40px;--pos-title-xl: 48px;--pos-title-xxl: 60px;--pos-width-xxs: 280px;--pos-width-xs: 320px;--pos-width-sm: 400px;--pos-width-md: 480px;--pos-width-lg: 600px;--pos-width-xl: 720px;--pos-width-xxl: 1040px;--pos-dialog-height: 480px;--pos-dialog-height-xxl: 700px}.pos-app.hh[data-pos-theme=dark],.pos-app.hh[data-pos-theme=light]{--pos-text-xs: calc(10px * var(--hh-scale, 1));--pos-text-sm: calc(12px * var(--hh-scale, 1));--pos-text-md: calc(14px * var(--hh-scale, 1));--pos-text-lg: calc(16px * var(--hh-scale, 1));--pos-text-xl: calc(20px * var(--hh-scale, 1));--pos-title-sm: calc(24px * var(--hh-scale, 1));--pos-title-md: calc(32px * var(--hh-scale, 1));--pos-title-lg: calc(40px * var(--hh-scale, 1));--pos-title-xl: calc(48px * var(--hh-scale, 1));--pos-title-xxl: calc(60px * var(--hh-scale, 1))}