:root{--font-latin:"Archivo";--font-arabic:"Readex Pro";--font-mono:"JetBrains Mono";--space-0:0px;--space-1:2px;--space-2:4px;--space-3:8px;--space-4:12px;--space-5:16px;--space-6:20px;--space-7:24px;--space-8:32px;--space-9:40px;--space-10:48px;--space-11:64px;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-pill:999px;--size-touch-min:48px;--size-touch-kiosk:56px;--size-icon-sm:16px;--size-icon-md:20px;--size-icon-lg:24px;--size-logo-sidebar:28px;--size-logo-auth:40px;--size-logo-splash:96px;--size-member-avatar:120px;--size-checkin-frame:12px;--size-plate-indicator-w:4px;--size-plate-indicator-h:20px;--size-plate-indicator-radius:2px;--size-focus-ring-width:2px;--size-focus-ring-offset:2px;--breakpoint-compact:600px;--breakpoint-expanded:1024px;--breakpoint-wide:1440px;--layout-content-max:1280px;--layout-form-max:640px;--screen-padding-mobile:16px;--screen-padding-tablet:24px;--screen-padding-desktop:32px;--motion-instant:.1s;--motion-fast:.16s;--motion-base:.24s;--motion-slow:.36s;--motion-rack:.9s;--motion-skeleton:1.2s;--motion-standard:cubic-bezier(.2, 0, 0, 1);--motion-enter:cubic-bezier(0, 0, 0, 1);--motion-exit:cubic-bezier(.3, 0, 1, 1);--motion-settle:cubic-bezier(.34, 1.4, .64, 1);--motion-press-scale:.97;--type-display-size:40px;--type-display-line:44px;--type-display-weight:800;--type-display-width:125;--type-display-tracking:-.02em;--type-kpi-size:48px;--type-kpi-line:52px;--type-kpi-weight:800;--type-kpi-width:125;--type-kpi-tracking:-.02em;--type-h1-size:32px;--type-h1-line:38px;--type-h1-weight:800;--type-h1-width:125;--type-h1-tracking:-.02em;--type-h2-size:24px;--type-h2-line:30px;--type-h2-weight:700;--type-h2-width:100;--type-h2-tracking:-.01em;--type-h3-size:20px;--type-h3-line:26px;--type-h3-weight:700;--type-h3-width:100;--type-h3-tracking:-.005em;--type-title-size:17px;--type-title-line:24px;--type-title-weight:600;--type-title-width:100;--type-title-tracking:0em;--type-body-size:15px;--type-body-line:22px;--type-body-weight:400;--type-body-width:100;--type-body-tracking:0em;--type-body-strong-size:15px;--type-body-strong-line:22px;--type-body-strong-weight:600;--type-body-strong-width:100;--type-body-strong-tracking:0em;--type-body-sm-size:13px;--type-body-sm-line:18px;--type-body-sm-weight:400;--type-body-sm-width:100;--type-body-sm-tracking:0em;--type-label-size:14px;--type-label-line:16px;--type-label-weight:600;--type-label-width:100;--type-label-tracking:0em;--type-caption-size:12px;--type-caption-line:16px;--type-caption-weight:500;--type-caption-width:100;--type-caption-tracking:0em;--type-overline-size:11px;--type-overline-line:16px;--type-overline-weight:700;--type-overline-width:100;--type-overline-tracking:.08em;--button-radius:999px;--button-height-lg:56px;--button-height-md:48px;--button-height-sm:36px;--button-padding-x-lg:28px;--button-padding-x-md:24px;--button-padding-x-sm:16px;--button-gap:8px;--button-min-width:88px;--input-radius:12px;--input-height:48px;--input-padding-x:16px;--input-border-width:1px;--input-border-width-focus:2px;--card-radius:16px;--card-padding:20px;--sheet-radius-top:24px;--dialog-radius:24px;--dialog-max-width:480px;--dialog-padding:24px;--badge-radius:999px;--badge-height:24px;--badge-padding-x:10px;--badge-icon-size:14px;--chip-radius:999px;--chip-height:36px;--chip-padding-x:14px;--nav-bottom-bar-height:64px;--nav-sidebar-width:264px;--nav-sidebar-collapsed:72px;--progress-height:8px;--progress-radius:999px;--table-row-height:52px;--table-row-height-dense:40px;--bg-canvas:#f4f5f6;--bg-surface:#fff;--bg-surface-raised:#fff;--bg-overlay:#fff;--bg-inverse:#0a0b0d;--bg-scrim:#0a0b0d80;--border-subtle:#e6e8eb;--border-default:#c9cdd2;--border-strong:#7d828a;--border-focus:#0a0b0d;--text-primary:#0a0b0d;--text-secondary:#5c6066;--text-tertiary:#6b7078;--text-disabled:#9aa0a6;--text-inverse:#fff;--text-brand:#3f5c00;--text-link:#3f5c00;--brand-accent:#c8ff2e;--brand-on-accent:#0a0b0d;--brand-accent-hover:#d6ff5c;--brand-accent-pressed:#b0e614;--brand-accent-container:#f1ffc7;--brand-on-accent-container:#3f5c00;--action-primary-bg:#0a0b0d;--action-primary-fg:#c8ff2e;--action-primary-bg-hover:#1d2025;--action-primary-bg-pressed:#2a2d33;--action-secondary-fg:#0a0b0d;--action-secondary-border:#7d828a;--action-secondary-bg-hover:#f4f5f6;--action-secondary-bg-pressed:#e6e8eb;--action-ghost-fg:#0a0b0d;--action-ghost-bg-hover:#f4f5f6;--action-ghost-bg-pressed:#e6e8eb;--action-destructive-bg:#c62828;--action-destructive-fg:#fff;--action-destructive-bg-hover:#b02020;--action-destructive-bg-pressed:#961a1a;--action-disabled-bg:#e6e8eb;--action-disabled-fg:#9aa0a6;--status-success-fg:#0e7a3e;--status-success-bg:#e3f6ea;--status-success-border:#0e7a3e;--status-warning-fg:#8a5a00;--status-warning-bg:#fff1d6;--status-warning-border:#8a5a00;--status-danger-fg:#c62828;--status-danger-bg:#fde7e7;--status-danger-border:#c62828;--status-info-fg:#0b5cad;--status-info-bg:#e2effc;--status-info-border:#0b5cad;--status-neutral-fg:#5c6066;--status-neutral-bg:#e6e8eb;--status-neutral-border:#7d828a;--input-border:#7d828a;--card-border:#e6e8eb;--progress-track:#e6e8eb;--progress-fill:#c8ff2e}[data-theme=dark]{--bg-canvas:#0a0b0d;--bg-surface:#111316;--bg-surface-raised:#16181c;--bg-overlay:#1d2025;--bg-inverse:#fff;--bg-scrim:#0009;--border-subtle:#2a2d33;--border-default:#3a3e46;--border-strong:#6b7078;--border-focus:#c8ff2e;--text-primary:#fff;--text-secondary:#9aa0a6;--text-tertiary:#7d828a;--text-disabled:#5c6066;--text-inverse:#0a0b0d;--text-brand:#c8ff2e;--text-link:#c8ff2e;--brand-accent:#c8ff2e;--brand-on-accent:#0a0b0d;--brand-accent-hover:#d6ff5c;--brand-accent-pressed:#b0e614;--brand-accent-container:#1e2608;--brand-on-accent-container:#c8ff2e;--action-primary-bg:#c8ff2e;--action-primary-fg:#0a0b0d;--action-primary-bg-hover:#d6ff5c;--action-primary-bg-pressed:#b0e614;--action-secondary-fg:#fff;--action-secondary-border:#6b7078;--action-secondary-bg-hover:#16181c;--action-secondary-bg-pressed:#1d2025;--action-ghost-fg:#fff;--action-ghost-bg-hover:#16181c;--action-ghost-bg-pressed:#1d2025;--action-destructive-bg:#ff5c5c;--action-destructive-fg:#0a0b0d;--action-destructive-bg-hover:#ff7a7a;--action-destructive-bg-pressed:#e64545;--action-disabled-bg:#1d2025;--action-disabled-fg:#5c6066;--status-success-fg:#3ddc84;--status-success-bg:#10281b;--status-success-border:#3ddc84;--status-warning-fg:#ffb020;--status-warning-bg:#2e2208;--status-warning-border:#ffb020;--status-danger-fg:#ff5c5c;--status-danger-bg:#2e1414;--status-danger-border:#ff5c5c;--status-info-fg:#4da3ff;--status-info-bg:#0f2238;--status-info-border:#4da3ff;--status-neutral-fg:#9aa0a6;--status-neutral-bg:#1d2025;--status-neutral-border:#6b7078;--input-border:#6b7078;--card-border:#2a2d33;--progress-track:#2a2d33;--progress-fill:#c8ff2e}@font-face{font-family:Archivo;src:url(/fonts/Archivo.ttf)format("truetype");font-weight:400 800;font-display:swap}@font-face{font-family:Readex Pro;src:url(/fonts/ReadexPro.ttf)format("truetype");font-weight:400 700;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/fonts/JetBrainsMono.ttf)format("truetype");font-weight:400 800;font-display:swap}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:var(--font-latin), sans-serif;font-size:var(--type-body-size);line-height:var(--type-body-line)}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}body{background:var(--bg-canvas);color:var(--text-primary);margin:0}button,input,select{font:inherit}button{min-height:var(--button-height-md);padding-inline:var(--button-padding-x-md);border-radius:var(--button-radius);border:1px solid var(--action-primary-bg);background:var(--action-primary-bg);color:var(--action-primary-fg);font-weight:var(--type-label-weight);cursor:pointer}button.secondary{color:var(--text-primary);border-color:var(--border-strong);background:0 0}button.danger{background:var(--status-danger-bg);color:var(--status-danger-fg);border-color:var(--status-danger-border)}button:disabled{background:var(--action-disabled-bg);color:var(--action-disabled-fg);border-color:var(--action-disabled-bg);cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible{outline:var(--input-border-width-focus) solid var(--border-focus);outline-offset:var(--space-1)}input,select{width:100%;min-height:var(--input-height);padding-inline:var(--input-padding-x);border:var(--input-border-width) solid var(--border-strong);border-radius:var(--input-radius);background:var(--bg-surface);color:var(--text-primary)}label{gap:var(--space-2);color:var(--text-secondary);font-size:var(--type-label-size);display:grid}h1,h2,h3,p{margin-block-start:0}.login-page{min-height:100vh;padding:var(--screen-padding-mobile);background:var(--bg-canvas);place-items:center;display:grid}.login-card{width:min(100%, var(--layout-form-max));background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--card-radius);padding:var(--space-8);gap:var(--space-4);display:grid}.product-lockup{align-items:center;gap:var(--space-3);font-size:var(--type-h3-size);font-weight:var(--type-h3-weight);display:flex}.product-mark{width:var(--size-logo-auth);height:var(--size-logo-auth);object-fit:contain}.plate{width:var(--size-plate-indicator-w);height:var(--size-plate-indicator-h);border-radius:var(--radius-pill);background:var(--brand-accent);display:inline-block}.app{grid-template-columns:minmax(220px,280px) 1fr;min-height:100vh;display:grid}.sidebar{background:var(--bg-surface);border-inline-end:1px solid var(--border-subtle);padding:var(--space-5);gap:var(--space-5);flex-direction:column;display:flex}.nav{gap:var(--space-2);display:grid}.nav button{text-align:start;width:100%;color:var(--text-primary);background:0 0;border-color:#0000;justify-content:flex-start}.nav button.active{background:var(--brand-accent-container);color:var(--brand-on-accent-container)}.main{padding:var(--screen-padding-desktop);max-width:var(--layout-content-max);width:100%;margin-inline:auto}.topline{justify-content:space-between;align-items:center;gap:var(--space-4);margin-block-end:var(--space-6);display:flex}.grid{gap:var(--space-4);display:grid}.grid.stats{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--card-radius);padding:var(--card-padding)}.stat strong{font-size:var(--type-title-size);line-height:var(--type-title-line);display:block}.muted{color:var(--text-secondary)}.error{color:var(--status-danger-fg)}.success{color:var(--status-success-fg)}.filters,.actions{gap:var(--space-3);flex-wrap:wrap;align-items:center;display:flex}.form-grid{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.span-all{grid-column:1/-1}table{border-collapse:collapse;width:100%}th,td{text-align:start;padding-inline:var(--space-3);height:var(--table-row-height);border-block-end:1px solid var(--border-subtle)}th{color:var(--text-secondary);font-size:var(--type-caption-size)}.badge{min-height:var(--badge-height);padding-inline:var(--badge-padding-x);border-radius:var(--badge-radius);background:var(--status-neutral-bg);color:var(--status-neutral-fg);align-items:center;display:inline-flex}.badge.active{background:var(--status-success-bg);color:var(--status-success-fg)}.detail-grid{gap:var(--space-5);grid-template-columns:2fr 1fr;display:grid}.module-list{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));display:grid}.module-list label{align-items:center;gap:var(--space-3);min-height:var(--size-touch-min);display:flex}.module-list input{width:auto;min-height:auto}.codes{font-family:var(--font-mono), monospace;gap:var(--space-2);grid-template-columns:repeat(2,1fr);display:grid}@media (width<=800px){.app{grid-template-columns:1fr}.sidebar{border-inline-end:0;border-block-end:1px solid var(--border-subtle)}.nav{grid-template-columns:repeat(3,1fr)}.main{padding:var(--screen-padding-mobile)}.detail-grid,.form-grid{grid-template-columns:1fr}.span-all{grid-column:auto}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}