html,html[theme~=dark],body,body[theme~=dark]{--app-page: #0b0e14;--app-surface-1: #12151d;--app-surface-2: #171b26;--app-surface-3: #1d222f;--app-border: rgba(255, 255, 255, .08);--app-border-strong: rgba(255, 255, 255, .16);--app-ink: #f3f5f9;--app-ink-soft: #aab2c5;--app-ink-muted: #8891a6;--app-accent: #3560dd;--app-accent-strong: #2c4dbf;--app-accent-soft: rgba(53, 96, 221, .16);--app-accent-line: rgba(53, 96, 221, .45);--app-accent-contrast: #ffffff;--app-good: #0ca30c;--app-warning: #fab219;--app-critical: #d03b3b;--app-radius-l: 18px;--app-radius-m: 12px;--app-radius-s: 8px;--app-shadow-s: 0 2px 8px rgba(0, 0, 0, .28);--app-shadow-m: 0 10px 28px rgba(0, 0, 0, .34);--app-shadow-l: 0 24px 60px rgba(0, 0, 0, .45);color-scheme:dark;--lumo-base-color: var(--app-surface-1);--lumo-body-text-color: var(--app-ink);--lumo-header-text-color: #ffffff;--lumo-secondary-text-color: var(--app-ink-soft);--lumo-tertiary-text-color: var(--app-ink-muted);--lumo-primary-color: var(--app-accent);--lumo-primary-color-50pct: rgba(53, 96, 221, .5);--lumo-primary-color-10pct: var(--app-accent-soft);--lumo-primary-text-color: #8fb1ff;--lumo-primary-contrast-color: var(--app-accent-contrast);--lumo-error-color: var(--app-critical);--lumo-error-color-50pct: rgba(208, 59, 59, .5);--lumo-error-color-10pct: rgba(208, 59, 59, .14);--lumo-error-text-color: #ff9086;--lumo-success-color: var(--app-good);--lumo-success-color-50pct: rgba(12, 163, 12, .5);--lumo-success-color-10pct: rgba(12, 163, 12, .14);--lumo-success-text-color: #6fe3a0;--lumo-border-radius-l: var(--app-radius-l);--lumo-border-radius-m: var(--app-radius-m);--lumo-border-radius-s: var(--app-radius-s);--lumo-box-shadow-xs: var(--app-shadow-s);--lumo-box-shadow-s: var(--app-shadow-s);--lumo-box-shadow-m: var(--app-shadow-m);--lumo-box-shadow-l: var(--app-shadow-l);--lumo-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}html,body{background:var(--app-page);color:var(--app-ink);-webkit-font-smoothing:antialiased}*{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.18) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:#ffffff29;border-radius:999px;border:2px solid transparent;background-clip:padding-box}*::-webkit-scrollbar-thumb:hover{background:#ffffff47;background-clip:padding-box}h1,h2,h3,h4,h5{letter-spacing:-.01em;color:var(--lumo-header-text-color)}h1{font-weight:800}h2,h3{font-weight:700}vaadin-app-layout::part(drawer){background:var(--app-surface-1);border-right:1px solid var(--app-border)}vaadin-app-layout::part(navbar){background:var(--app-page);border-bottom:1px solid var(--app-border)}vaadin-app-layout header{border-bottom:1px solid var(--app-border)}vaadin-app-layout header span.font-black{font-weight:800;letter-spacing:-.02em;font-size:1.1rem;color:#fff}vaadin-app-layout h1.text-l{font-size:1.1rem;font-weight:700;color:#fff}vaadin-drawer-toggle{color:var(--app-ink-soft)}vaadin-drawer-toggle:hover{color:var(--app-ink)}vaadin-app-layout footer{border-top:1px solid var(--app-border);color:var(--app-ink-muted)}vaadin-app-layout footer span{color:var(--app-ink-muted);font-size:.82rem}vaadin-side-nav{padding:6px 10px;gap:2px}vaadin-side-nav-item::part(content){border-radius:var(--app-radius-s);color:var(--app-ink-soft);font-weight:550;padding:9px 12px;margin:2px 0;transition:background-color .18s ease,color .18s ease}vaadin-side-nav-item:hover::part(content){background:var(--app-surface-2);color:var(--app-ink)}vaadin-side-nav-item[current]::part(content){background:var(--app-accent-soft);color:#cfdaff;box-shadow:inset 3px 0 0 var(--app-accent)}vaadin-side-nav-item[current] vaadin-icon,vaadin-side-nav-item:hover vaadin-icon{opacity:.95;color:var(--app-accent)}vaadin-button{border-radius:var(--app-radius-s);font-weight:600;transition:transform .12s ease,box-shadow .18s ease,background-color .18s ease}vaadin-button[theme~=primary]{background:var(--app-accent);color:var(--app-accent-contrast)}vaadin-button[theme~=primary]:hover{background:var(--app-accent-strong)}vaadin-button[theme~=primary]:active{transform:translateY(1px)}vaadin-button[theme~=primary][theme~=error]{background:var(--app-critical)}vaadin-button[theme~=primary][theme~=error]:hover{background:#b93131}vaadin-button:not([theme~=primary]):not([theme~=tertiary]):not([theme~=tertiary-inline]):not([theme~=icon]){background:var(--app-surface-3);color:var(--app-ink);border:1px solid var(--app-border-strong)}vaadin-button:not([theme~=primary]):not([theme~=tertiary]):not([theme~=icon]):hover{background:var(--app-surface-2)}vaadin-button[theme~=tertiary]{color:var(--lumo-primary-text-color)}vaadin-button[theme~=tertiary][theme~=error]{color:var(--lumo-error-text-color)}vaadin-button:focus-visible{outline:2px solid var(--app-accent);outline-offset:2px}vaadin-text-field::part(input-field),vaadin-password-field::part(input-field),vaadin-email-field::part(input-field),vaadin-number-field::part(input-field),vaadin-text-area::part(input-field),vaadin-combo-box::part(input-field),vaadin-date-picker::part(input-field),vaadin-time-picker::part(input-field),vaadin-select::part(input-field){background:#ffffff0a;border-radius:var(--app-radius-s);box-shadow:inset 0 0 0 1px var(--app-border-strong);transition:box-shadow .18s ease,background-color .18s ease}:is(vaadin-text-field,vaadin-password-field,vaadin-email-field,vaadin-number-field,vaadin-combo-box,vaadin-select,vaadin-date-picker,vaadin-time-picker)[focused]::part(input-field){background:#ffffff0f;box-shadow:inset 0 0 0 1px var(--app-accent),0 0 0 3px var(--app-accent-soft)}::part(label){color:var(--app-ink-soft);font-weight:550}input::placeholder,textarea::placeholder{color:var(--app-ink-muted)}vaadin-grid{border:1px solid var(--app-border);border-radius:var(--app-radius-l);overflow:hidden;background:#ffffff03}vaadin-grid::part(header-cell){background:#ffffff09;color:var(--app-ink-soft);font-weight:650;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase}vaadin-grid::part(cell){border-color:var(--app-border)}vaadin-grid::part(row):hover>[part~=cell]{background:#ffffff0a}vaadin-grid::part(selected-row-cell){background:var(--app-accent-soft)}vaadin-dialog-overlay::part(overlay),vaadin-popover-overlay::part(overlay),vaadin-menu-bar-overlay::part(overlay),vaadin-combo-box-overlay::part(overlay),vaadin-select-overlay::part(overlay){background:var(--app-surface-2);border:1px solid var(--app-border-strong);border-radius:var(--app-radius-l);box-shadow:var(--app-shadow-l)}vaadin-badge,[theme~=badge]{border-radius:999px;font-weight:650;letter-spacing:.01em}[theme~=badge][theme~=contrast]{background:#ffffff1f;color:var(--app-ink)}.login-view{background:var(--app-page);background-attachment:fixed;gap:8px}.login-view h1{font-size:clamp(1.9rem,4vw,2.6rem);font-weight:800;letter-spacing:-.025em;margin-bottom:20px;color:#fff}vaadin-login-form-wrapper::part(form){background:var(--app-surface-2);border:1px solid var(--app-border-strong);border-radius:var(--app-radius-l);box-shadow:var(--app-shadow-l);padding:32px 28px}vaadin-login-form-wrapper::part(form-title){color:#fff;font-weight:700}.navigation-tile{background:var(--app-surface-2);border:1px solid var(--app-border);border-radius:var(--app-radius-l);box-shadow:var(--app-shadow-s);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;cursor:pointer}.navigation-tile:hover{transform:translateY(-4px);border-color:var(--app-accent-line);box-shadow:var(--app-shadow-m)}.navigation-tile:active{transform:translateY(0);box-shadow:var(--app-shadow-s)}.notifications{min-width:320px}.no-notifications-msg{color:var(--app-ink-muted);padding:28px 16px}.gap-medium{gap:var(--lumo-space-m)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}.navigation-tile:hover{transform:none}}