@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@600;700;800;900&family=Public+Sans:wght@400;500;600;700&display=swap');:root{--k-ink-950: #070910;--k-ink-900: #0a0d15;--k-ink-880: #0d111b;--k-ink-850: #111622;--k-ink-800: #151b29;--k-ink-750: #1b2233;--k-ink-700: #222b3f;--k-ink-650: #2c3650;--k-ink-600: #3a4762;--k-ink-500: #4d5c7d;--k-indigo-100: #eef0ff;--k-indigo-200: #dfe0ff;--k-indigo-300: #c4c2ff;--k-indigo-400: #a79dff;--k-indigo-500: #8f7cff;--k-indigo-600: #7c5cff;--k-indigo-700: #6a45f5;--k-indigo-800: #5836d6;--k-gold-200: #fff0bd;--k-gold-300: #ffde6a;--k-gold-400: #ffc94d;--k-gold-500: #f0b429;--k-gold-600: #e3a008;--k-gold-700: #c98a00;--k-gold-800: #9a6a02;--k-mist: #e8ebf3;--k-mist-soft: #bcc4d4;--k-mist-dim: #97a1b4;--k-mist-faint: #6a7488;--k-correct: #34d399;--k-correct-deep: #10b981;--k-wrong: #fb7185;--k-wrong-deep: #f43f5e;--k-cobalt: #6366f1;--k-cobalt-soft: #a5b0ff;--k-font-display: 'Archivo','Public Sans',system-ui,sans-serif;--k-font-sans: 'Public Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;--k-tracking-display: -0.03em;--k-tracking-eyebrow: 0.13em;--k-radius-card: 16px;--k-radius-control: 11px;--k-radius-pill: 999px;--k-radius-list: 8px;--k-form-row-gap: var(--k-space-l);--k-accent-gradient: linear-gradient(135deg,#8f7cff 0%,#7c5cff 52%,#6a45f5 100%);--k-gold-gradient: linear-gradient(135deg,var(--k-gold-300) 0%,var(--k-gold-500) 55%,var(--k-gold-600) 100%);--k-gold-text-gradient: linear-gradient(100deg,var(--k-gold-300) 0%,var(--k-gold-500) 42%,var(--k-gold-300) 72%,var(--k-gold-400) 100%);--k-accent-text-gradient: linear-gradient(100deg,#a79dff 0%,#7c5cff 60%,#a79dff 100%);--k-shadow-gold: 0 10px 30px -12px rgba(240,180,41,0.6);--k-shadow-gold-hover: 0 16px 40px -12px rgba(240,180,41,0.8);--k-shadow-accent: 0 12px 30px -12px rgba(124,92,255,0.6);--k-shadow-accent-hover: 0 18px 44px -12px rgba(124,92,255,0.85);--k-space-xs: 0.25rem;--k-space-s: 0.5rem;--k-space-m: 1rem;--k-space-l: 1.5rem;--k-space-xl: 2.5rem;--k-font-size-xxs: 0.75rem;--k-font-size-xs: 0.8125rem;--k-font-size-s: 0.875rem;--k-font-size-m: 1rem;--k-font-size-l: 1.125rem;--k-font-size-xl: 1.375rem;--k-font-size-xxl: 1.75rem;--k-line-height-xs: 1.25;--k-line-height-m: 1.625;--k-icon-size-s: 1.25em;--k-icon-size-m: 1.5em;--k-size-xl: 3.5rem;--k-radius-s: 8px;--k-radius-m: 11px;--k-radius-l: 16px;--k-ease-out: cubic-bezier(0.16,1,0.3,1)}html:not([theme~='light']){color-scheme: dark;--k-page-bg: #0a0d15;--k-page-gradient: radial-gradient(130% 90% at 50% -20%,#141a2b 0%,#0d111c 45%,#0a0d15 100%);--k-halo-gold: rgba(240,180,41,0.06);--k-halo-cobalt: rgba(124,92,255,0.14);--k-vignette: rgba(4,6,12,0.55);--k-surface: rgba(21,27,41,0.72);--k-surface-solid: #131826;--k-surface-raised: #1a2132;--k-surface-overlay: rgba(20,26,40,0.86);--k-surface-sunken: rgba(255,255,255,0.035);--k-surface-hover: rgba(255,255,255,0.06);--k-navbar-bg: rgba(11,15,24,0.72);--k-drawer-bg: linear-gradient(190deg,#121728 0%,#0c101b 100%);--k-border: rgba(255,255,255,0.08);--k-border-strong: rgba(255,255,255,0.14);--k-hairline: inset 0 1px 0 0 rgba(255,255,255,0.06);--k-shadow-card: 0 1px 2px rgba(0,0,0,0.4),0 16px 40px -22px rgba(0,0,0,0.85);--k-shadow-overlay: 0 1px 0 rgba(255,255,255,0.06) inset,0 28px 70px -24px rgba(0,0,0,0.8);--k-text: var(--k-mist);--k-text-strong: #ffffff;--k-text-secondary: #9aa4b8;--k-text-tertiary: #6a7488;--k-accent: var(--k-indigo-600);--k-accent-text: #b7abff;--k-accent-border: rgba(124,92,255,0.42);--k-accent-soft: rgba(124,92,255,0.14);--k-accent-softer: rgba(124,92,255,0.22);--k-nav-current-bg: linear-gradient(100deg,rgba(139,124,255,0.32) 0%,rgba(124,92,255,0.18) 100%);--k-correct-text: #4ade9b;--k-correct-soft: rgba(52,211,153,0.13);--k-wrong-text: #fb8a97;--k-wrong-soft: rgba(251,113,133,0.14);--k-info-text: var(--k-cobalt-soft);--k-info-soft: rgba(99,102,241,0.16);--k-success: var(--k-correct);--k-success-50: rgba(52,211,153,0.5);--k-error: var(--k-wrong);--k-error-50: rgba(251,113,133,0.5);--k-accent-contrast: #ffffff;--k-text-disabled: rgba(232,235,243,0.32);--k-chart-series-1: var(--k-cobalt-soft);--k-chart-series-4: var(--k-gold-500);--k-chart-grid: #232c40;--k-chart-baseline: #3a4762}html[theme~='light']{color-scheme: light;--k-page-bg: #f6f7fb;--k-page-gradient: radial-gradient(130% 90% at 50% -20%,#ffffff 0%,#f4f6fc 45%,#eef1f8 100%);--k-halo-gold: rgba(240,180,41,0.10);--k-halo-cobalt: rgba(124,92,255,0.10);--k-vignette: transparent;--k-surface: #ffffff;--k-surface-solid: #ffffff;--k-surface-raised: #ffffff;--k-surface-overlay: #ffffff;--k-surface-sunken: rgba(17,22,34,0.035);--k-surface-hover: rgba(124,92,255,0.06);--k-navbar-bg: rgba(255,255,255,0.82);--k-drawer-bg: linear-gradient(190deg,#ffffff 0%,#f5f6fc 100%);--k-border: rgba(17,22,34,0.09);--k-border-strong: rgba(17,22,34,0.16);--k-hairline: inset 0 0 0 1px rgba(17,22,34,0.05);--k-shadow-card: 0 1px 2px rgba(17,22,34,0.05),0 14px 34px -20px rgba(30,27,75,0.22);--k-shadow-overlay: 0 30px 70px -26px rgba(30,27,75,0.32),0 0 0 1px rgba(17,22,34,0.06);--k-text: #182034;--k-text-strong: #0e1424;--k-text-secondary: #556074;--k-text-tertiary: #7a8496;--k-accent: var(--k-indigo-700);--k-accent-text: #5a3fe0;--k-accent-border: rgba(106,69,245,0.32);--k-accent-soft: rgba(124,92,255,0.10);--k-accent-softer: rgba(124,92,255,0.18);--k-nav-current-bg: linear-gradient(100deg,rgba(124,92,255,0.22) 0%,rgba(106,69,245,0.11) 100%);--k-correct-text: #0f7a52;--k-correct-soft: rgba(16,185,129,0.12);--k-wrong-text: #c4384a;--k-wrong-soft: rgba(244,63,94,0.10);--k-info-text: #4f46e5;--k-info-soft: rgba(99,102,241,0.10);--k-success: var(--k-correct-deep);--k-success-50: rgba(16,185,129,0.5);--k-error: var(--k-wrong-deep);--k-error-50: rgba(244,63,94,0.5);--k-accent-contrast: #ffffff;--k-text-disabled: rgba(24,32,52,0.32);--k-chart-series-1: var(--k-cobalt);--k-chart-series-4: var(--k-gold-600);--k-chart-grid: #e7e9f2;--k-chart-baseline: #c4c9d8}html:root{--aura-accent-color-light: var(--k-indigo-700);--aura-accent-color-dark: var(--k-indigo-600);--aura-background-color-light: #f6f7fb;--aura-background-color-dark: #0a0d15;--aura-app-background: var(--k-page-bg);--aura-red: var(--k-error);--aura-green: var(--k-success);--aura-yellow: var(--k-gold-500);--aura-purple: var(--k-indigo-600);--aura-font-family: var(--k-font-sans);--aura-base-radius: 4;--vaadin-focus-ring-color: rgba(124,92,255,0.65);--vaadin-focus-ring-width: 2px}html,body{background-color: var(--k-page-bg)}body{background-image: radial-gradient(ellipse 70% 45% at 50% -10%,var(--k-halo-gold),transparent 70%),radial-gradient(circle at 105% 55%,var(--k-halo-cobalt),transparent 45%),radial-gradient(125% 100% at 50% 45%,transparent 40%,var(--k-vignette) 100%),var(--k-page-gradient);background-attachment: fixed;color: var(--k-text);font-family: var(--k-font-sans);-webkit-font-smoothing: antialiased;text-rendering: optimizeLegibility}h1,h2,h3,h4,h5,h6{font-family: var(--k-font-display);font-weight: 700;letter-spacing: var(--k-tracking-display);color: var(--k-text-strong);text-wrap: balance}h6{text-transform: none;letter-spacing: normal}p{text-wrap: pretty}::selection{background-color: rgba(240,180,41,0.32);color: var(--k-text-strong)}html:not([theme~='light']) ::-webkit-scrollbar{width: 10px;height: 10px}html:not([theme~='light']) ::-webkit-scrollbar-track{background: var(--k-ink-950)}html:not([theme~='light']) ::-webkit-scrollbar-thumb{background: var(--k-ink-650);border-radius: var(--k-radius-pill);border: 2px solid var(--k-ink-950)}html:not([theme~='light']) ::-webkit-scrollbar-thumb:hover{background: var(--k-ink-500)}.k-eyebrow{display: inline-flex;align-items: center;gap: 0.5rem;padding: 0.35rem 0.85rem;border: 1px solid var(--k-accent-border);border-radius: var(--k-radius-pill);background: var(--k-accent-soft);color: var(--k-accent-text);font-family: var(--k-font-sans);font-size: 0.7rem;font-weight: 600;letter-spacing: var(--k-tracking-eyebrow);text-transform: uppercase}.k-gold-text{background-image: var(--k-gold-text-gradient);-webkit-background-clip: text;background-clip: text;color: transparent}html[theme~='light'] .k-gold-text{background-image: none;color: var(--k-gold-800)}.k-glass{background: var(--k-surface);border: 1px solid var(--k-border);border-radius: var(--k-radius-card);box-shadow: var(--k-hairline),var(--k-shadow-card);-webkit-backdrop-filter: blur(18px) saturate(140%);backdrop-filter: blur(18px) saturate(140%)}.k-gradient-border{position: relative;isolation: isolate}.k-gradient-border::before{content: '';position: absolute;inset: 0;border-radius: inherit;padding: 1px;background: linear-gradient(145deg,rgba(240,180,41,0.55),rgba(255,255,255,0.06) 38%,transparent 70%);-webkit-mask: linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask: linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite: xor;mask-composite: exclude;pointer-events: none}vaadin-app-layout::part(navbar){background: var(--k-navbar-bg);border-bottom: 1px solid var(--k-border);box-shadow: none;-webkit-backdrop-filter: blur(20px) saturate(150%);backdrop-filter: blur(20px) saturate(150%)}vaadin-app-layout::part(drawer){background: var(--k-drawer-bg);border-inline-end: 1px solid var(--k-border);-webkit-backdrop-filter: blur(20px) saturate(150%);backdrop-filter: blur(20px) saturate(150%)}.nav-search{box-sizing: border-box;width: 100%;padding: 0.85rem 1.1rem 0.35rem}.nav-search::part(input-field){background: var(--k-surface-sunken);border: 1px solid var(--k-border);border-radius: 9px;min-height: 2.15rem;font-size: 0.85rem}.nav-search::part(input-field):focus-within{box-shadow: inset 0 0 0 1px var(--k-accent),0 0 0 3px var(--k-accent-soft)}.nav-group{margin: 1.1rem 0 0;width: 100%}.nav-group-head{display: flex;align-items: center;gap: 0.45rem;padding: 0.3rem 0.85rem 0.45rem;cursor: pointer;user-select: none}.nav-group-icon{display: none}.nav-group-title{flex: 1;font-size: 0.68rem;font-weight: 700;letter-spacing: 0.12em;text-transform: uppercase;color: var(--k-text-tertiary);white-space: nowrap}.nav-group-chevron{width: 0.85rem;height: 0.85rem;color: var(--k-text-tertiary);transition: transform 0.25s var(--k-ease-out)}.nav-group-collapsed .nav-group-chevron{transform: rotate(-90deg)}.nav-group-body{display: grid;grid-template-rows: 1fr;transition: grid-template-rows 0.25s var(--k-ease-out)}.nav-group-body>*{overflow: hidden;min-height: 0}.nav-group-collapsed .nav-group-body{grid-template-rows: 0fr}vaadin-side-nav-item::part(content){border-radius: 0;border-inline-start: 2px solid transparent;padding-block: 0}vaadin-side-nav-item::part(link){gap: 0.7rem;padding: 0.5rem 0.85rem;margin: 0;color: var(--k-text-secondary);font-weight: 500;font-size: 0.9rem;border-radius: 0;transition: color 0.15s var(--k-ease-out),background-color 0.15s var(--k-ease-out)}vaadin-side-nav-item::part(link)::before{color: var(--k-text-tertiary)}vaadin-side-nav-item vaadin-icon,vaadin-side-nav-item [slot='prefix']{width: 1.15rem;height: 1.15rem;color: var(--k-text-tertiary);transition: color 0.15s var(--k-ease-out)}vaadin-side-nav-item::part(link):hover{color: var(--k-text-strong);background: var(--k-surface-hover)}vaadin-side-nav-item[current]::part(content){background: transparent;border-inline-start-color: var(--k-gold-500)}vaadin-side-nav-item[current]::part(link){color: var(--k-text-strong);background: transparent;font-weight: 600}vaadin-side-nav-item[current] vaadin-icon,vaadin-side-nav-item[current] [slot='prefix']{color: var(--k-gold-400)}vaadin-side-nav-item vaadin-side-nav-item::part(link)::before{content: '';width: 5px;height: 5px;margin-inline: 0.45rem;border-radius: 50%;background: currentColor;opacity: 0.55;flex: none}vaadin-side-nav-item::part(toggle-button){color: var(--k-text-tertiary)}vaadin-button{--vaadin-button-border-radius: var(--k-radius-control);--vaadin-button-font-weight: 600;transition: box-shadow 0.3s,filter 0.3s,transform 0.2s var(--k-ease-out),border-color 0.3s,background-color 0.3s}vaadin-button:where(:not([theme~='primary']):not([theme~='success']):not([theme~='error']):not([theme~='warning'])){--vaadin-button-background: var(--k-surface-sunken);--vaadin-button-border-width: 1px;--vaadin-button-border-color: var(--k-border-strong);--vaadin-button-text-color: var(--k-text)}vaadin-button:where(:not([theme~='primary']):not([theme~='tertiary']):not([theme~='tertiary-inline']):not([disabled])):hover{--vaadin-button-border-color: var(--k-accent-border);--vaadin-button-background: var(--k-surface-hover);--vaadin-button-text-color: var(--k-text-strong);transform: translateY(-1px)}vaadin-button[theme~='primary']:not([theme~='success']):not([theme~='error']):not([theme~='warning']):not([theme~='contrast']):not([disabled]){--vaadin-button-background: var(--k-accent-gradient);--vaadin-button-border-color: transparent;--vaadin-button-text-color: #ffffff;--vaadin-button-font-weight: 700;box-shadow: var(--k-shadow-accent)}vaadin-button[theme~='primary']:not([theme~='success']):not([theme~='error']):not([theme~='warning']):not([theme~='contrast']):not([disabled]):hover{box-shadow: var(--k-shadow-accent-hover);filter: brightness(1.05);transform: translateY(-1px)}vaadin-button[theme~='primary'][theme~='error']:not([disabled]){box-shadow: 0 10px 30px -12px rgba(255,107,94,0.6)}vaadin-button[theme~='primary'][theme~='success']:not([disabled]){box-shadow: 0 10px 30px -12px rgba(52,199,126,0.55)}vaadin-button:where([theme~='tertiary']:not([theme~='error']):not([theme~='success']):not([theme~='contrast'])){--vaadin-button-text-color: var(--k-accent-text)}vaadin-button:where([theme~='tertiary']:not([disabled]):hover){--vaadin-button-background: var(--k-surface-hover)}vaadin-drawer-toggle{color: var(--k-text-secondary)}html:root{--vaadin-input-field-background: var(--k-surface-sunken);--vaadin-input-field-border-width: 1px;--vaadin-input-field-border-color: var(--k-border-strong);--vaadin-input-field-disabled-background: transparent}:is(vaadin-text-field,vaadin-text-area,vaadin-password-field,vaadin-email-field,vaadin-number-field,vaadin-integer-field,vaadin-big-decimal-field,vaadin-combo-box,vaadin-multi-select-combo-box,vaadin-select,vaadin-date-picker,vaadin-time-picker,vaadin-date-time-picker)[focused]::part(input-field){--vaadin-input-field-border-color: var(--k-accent);box-shadow: inset 0 0 0 1px var(--k-accent),0 0 0 3px var(--k-accent-soft)}:is(vaadin-text-field,vaadin-text-area,vaadin-password-field,vaadin-email-field,vaadin-number-field,vaadin-integer-field,vaadin-big-decimal-field,vaadin-combo-box,vaadin-multi-select-combo-box,vaadin-select,vaadin-date-picker,vaadin-time-picker,vaadin-custom-field,vaadin-checkbox-group,vaadin-radio-group)::part(label){color: var(--k-text-secondary);font-weight: 500}vaadin-form-layout{--vaadin-form-layout-row-spacing: var(--k-form-row-gap)}vaadin-vertical-layout.k-form{gap: var(--k-form-row-gap)}vaadin-checkbox,vaadin-radio-button{--vaadin-checkbox-checkmark-color: #ffffff}vaadin-checkbox[checked]::part(checkbox),vaadin-checkbox[indeterminate]::part(checkbox){background: var(--k-accent-gradient)}vaadin-checkbox[checked][disabled],vaadin-checkbox[indeterminate][disabled]{--vaadin-checkbox-checkmark-color: #ffffff}vaadin-checkbox[checked][disabled]::part(checkbox),vaadin-checkbox[indeterminate][disabled]::part(checkbox){opacity: 0.75}vaadin-radio-button[checked]::part(radio){background-color: var(--k-accent)}vaadin-grid{--vaadin-grid-border-radius: var(--k-radius-list);--vaadin-grid-row-hover-background-color: var(--k-surface-hover);--vaadin-grid-row-selected-background-color: var(--k-accent-soft);border: 1px solid var(--k-border);border-radius: var(--k-radius-list);box-shadow: var(--k-shadow-card);overflow: hidden}vaadin-grid::part(header-cell){background: var(--k-surface-raised);color: var(--k-text-secondary);font-size: var(--k-font-size-s);font-weight: 600}vaadin-grid-sorter[direction]{color: var(--k-accent-text)}vaadin-grid-tree-toggle{pointer-events: none}vaadin-grid-tree-toggle::part(toggle){pointer-events: auto}vaadin-grid::part(study-pending-cell){background: var(--k-info-soft)}vaadin-grid::part(study-on-progress-cell){background: var(--k-wrong-soft)}vaadin-grid::part(study-finished-cell){background: var(--k-correct-soft)}vaadin-grid::part(order-complete-cell){background: var(--k-correct-soft)}vaadin-grid::part(order-refund-requested-cell){background: var(--k-wrong-soft)}vaadin-grid::part(order-refunded-cell){background: var(--k-accent-soft)}vaadin-grid::part(own-user-cell){background: var(--k-correct-soft)}vaadin-dialog::part(overlay),vaadin-confirm-dialog::part(overlay){background: var(--k-surface-overlay);border-radius: 20px;box-shadow: var(--k-hairline),var(--k-shadow-overlay);-webkit-backdrop-filter: blur(22px) saturate(140%);backdrop-filter: blur(22px) saturate(140%)}vaadin-dialog::part(header){background: transparent}vaadin-dialog::part(title),vaadin-confirm-dialog::part(title){font-family: var(--k-font-display);font-weight: 700;letter-spacing: -0.02em}vaadin-dialog::part(footer),vaadin-confirm-dialog::part(footer){background: var(--k-surface-sunken);border-top: 1px solid var(--k-border)}vaadin-dialog::part(backdrop),vaadin-confirm-dialog::part(backdrop){background: rgba(5,8,15,0.7);-webkit-backdrop-filter: blur(4px);backdrop-filter: blur(4px)}html[theme~='light'] vaadin-dialog::part(backdrop),html[theme~='light'] vaadin-confirm-dialog::part(backdrop){background: rgba(18,24,38,0.35)}vaadin-notification-card::part(overlay){background: var(--k-surface-overlay);color: var(--k-text);border-radius: 14px;box-shadow: var(--k-hairline),var(--k-shadow-overlay);-webkit-backdrop-filter: blur(18px);backdrop-filter: blur(18px)}vaadin-notification-card[theme~='success']::part(overlay){box-shadow: inset 0 0 0 1px var(--k-success-50),var(--k-hairline),var(--k-shadow-overlay)}vaadin-notification-card[theme~='error']::part(overlay){box-shadow: inset 0 0 0 1px var(--k-error-50),var(--k-hairline),var(--k-shadow-overlay)}vaadin-notification-card[theme~='primary']::part(overlay),vaadin-notification-card[theme~='warning']::part(overlay){box-shadow: inset 0 0 0 1px var(--k-accent-border),var(--k-hairline),var(--k-shadow-overlay)}:is(vaadin-menu-bar,vaadin-context-menu,vaadin-combo-box,vaadin-multi-select-combo-box,vaadin-select,vaadin-date-picker,vaadin-time-picker,vaadin-popover)::part(overlay){background: var(--k-surface-overlay);border-radius: 14px;box-shadow: var(--k-hairline),var(--k-shadow-overlay);-webkit-backdrop-filter: blur(18px);backdrop-filter: blur(18px)}vaadin-tooltip::part(overlay){background: var(--k-ink-700);color: var(--k-mist);border-radius: 8px}vaadin-tab{font-weight: 500;color: var(--k-text-secondary)}vaadin-tab[selected]{color: var(--k-accent-text);font-weight: 600}vaadin-tabs{box-shadow: inset 0 -1px 0 0 var(--k-border)}vaadin-progress-bar::part(bar){background-color: var(--k-surface-sunken);border-radius: var(--k-radius-pill);height: 4px}vaadin-progress-bar::part(value){background: linear-gradient(90deg,var(--k-gold-600),var(--k-gold-400),var(--k-gold-300));border-radius: var(--k-radius-pill)}vaadin-details{border-radius: var(--k-radius-l)}vaadin-details-summary{font-family: var(--k-font-display);font-weight: 600}[theme~='badge']{display: inline-flex;align-items: center;justify-content: center;flex-shrink: 0;box-sizing: border-box;min-width: calc(var(--k-line-height-xs) * 1em + 0.45em);padding: 0.4em calc(0.5em + var(--k-radius-s) / 4);border-radius: var(--k-radius-s);font-family: var(--k-font-sans);font-size: var(--k-font-size-s);font-weight: 600;font-variant-numeric: tabular-nums;letter-spacing: 0.01em;line-height: 1;text-transform: none}[theme~='badge']::before{content: '\2003';display: inline-block;width: 0}[theme~='badge'][theme~='small']{font-size: var(--k-font-size-xxs)}[theme~='badge']>vaadin-icon{margin: -0.25em 0}[theme~='badge']>vaadin-icon:first-child{margin-inline-start: -0.375em}[theme~='badge']>vaadin-icon:last-child{margin-inline-end: -0.375em}[theme~='badge'][theme~='pill']{border-radius: var(--k-radius-pill);padding-inline: 0.75em}[theme~='badge']:not([theme~='success']):not([theme~='error']):not([theme~='contrast']):not([theme~='warning']){color: var(--k-accent-text);background-color: var(--k-accent-soft);box-shadow: inset 0 0 0 1px var(--k-accent-border)}[theme~='badge'][theme~='primary']:not([theme~='success']):not([theme~='error']):not([theme~='contrast']){color: var(--k-ink-950);background: var(--k-gold-gradient);box-shadow: none}[theme~='badge'][theme~='success']:not([theme~='primary']){color: var(--k-correct-text);background-color: var(--k-correct-soft)}[theme~='badge'][theme~='error']:not([theme~='primary']){color: var(--k-wrong-text);background-color: var(--k-wrong-soft)}[theme~='badge'][theme~='contrast']:not([theme~='primary']){color: var(--k-text-secondary);background-color: var(--k-surface-sunken);box-shadow: inset 0 0 0 1px var(--k-border)}[theme~='badge'][theme~='warning']:not([theme~='primary']){color: var(--k-gold-400);background-color: rgba(240,180,41,0.14)}html[theme~='light'] [theme~='badge'][theme~='warning']:not([theme~='primary']){color: var(--k-gold-800)}[theme~='badge'][theme~='success'][theme~='primary']{color: var(--k-ink-950);background: var(--k-success);box-shadow: none}[theme~='badge'][theme~='error'][theme~='primary']{color: #ffffff;background: var(--k-error);box-shadow: none}[theme~='badge'][theme~='warning'][theme~='primary']{color: var(--k-ink-950);background: var(--k-gold-500);box-shadow: none}.px-m{padding-left: var(--k-space-m);padding-right: var(--k-space-m)}.py-0{padding-top: 0;padding-bottom: 0}:is(vaadin-horizontal-layout,vaadin-vertical-layout)[theme~='spacing-xs']{gap: var(--k-space-xs)}:is(vaadin-horizontal-layout,vaadin-vertical-layout)[theme~='spacing-s']{gap: var(--k-space-s)}vaadin-avatar{--vaadin-avatar-border-width: 0;background: var(--k-gold-gradient);color: var(--k-ink-950);font-weight: 700}vaadin-avatar[img]{--vaadin-avatar-border-width: 1px;--vaadin-avatar-border-color: var(--k-border-strong);background: none}vaadin-avatar[theme~='large']{--vaadin-avatar-size: 3rem;font-size: var(--k-font-size-xl)}a:not([class]):not([slot]){color: var(--k-accent-text);text-underline-offset: 0.18em}.driver-popover.kq-tutorial-popover{background: var(--k-surface-solid);color: var(--k-text);border: 1px solid var(--k-border-strong);border-radius: var(--k-radius-card);box-shadow: var(--k-shadow-overlay);font-family: var(--k-font-sans);max-width: min(22rem,calc(100vw - 2rem))}.kq-tutorial-popover .driver-popover-title{font-family: var(--k-font-display);font-size: var(--k-font-size-l);color: var(--k-text-strong)}.kq-tutorial-popover .driver-popover-description{font-size: var(--k-font-size-s);color: var(--k-text-secondary);line-height: 1.5}.kq-tutorial-popover .driver-popover-progress-text{color: var(--k-text-tertiary)}.kq-tutorial-popover .driver-popover-close-btn{color: var(--k-text-secondary)}.kq-tutorial-popover .driver-popover-close-btn:hover,.kq-tutorial-popover .driver-popover-close-btn:focus{color: var(--k-text-strong)}.kq-tutorial-popover .driver-popover-footer{flex-wrap: wrap;gap: var(--k-space-s)}.kq-tutorial-popover .driver-popover-footer button{background: var(--k-surface-raised);color: var(--k-text);border: 1px solid var(--k-border-strong);border-radius: var(--k-radius-s);text-shadow: none;font-family: inherit;font-size: var(--k-font-size-s);padding: 0.35rem 0.75rem}.kq-tutorial-popover .driver-popover-footer .driver-popover-next-btn{background: var(--k-accent);border-color: var(--k-accent);color: var(--k-accent-contrast);font-weight: 600}.kq-tutorial-popover .driver-popover-footer button.kq-tutorial-skip{background: none;border-color: transparent;color: var(--k-text-secondary);padding-inline: 0;margin-right: auto}.kq-tutorial-popover .driver-popover-footer button:hover,.kq-tutorial-popover .driver-popover-footer button:focus-visible{filter: brightness(1.1)}.kq-tutorial-popover .driver-popover-footer button.kq-tutorial-skip:hover{color: var(--k-text-strong);text-decoration: underline}.kq-tutorial-popover .driver-popover-arrow-side-left{border-left-color: var(--k-surface-solid)}.kq-tutorial-popover .driver-popover-arrow-side-right{border-right-color: var(--k-surface-solid)}.kq-tutorial-popover .driver-popover-arrow-side-top{border-top-color: var(--k-surface-solid)}.kq-tutorial-popover .driver-popover-arrow-side-bottom{border-bottom-color: var(--k-surface-solid)}vaadin-notification-card:has(.k-toast){--vaadin-notification-card-content-display: flex;--vaadin-notification-card-content-flex-direction: column;--vaadin-notification-card-content-align-items: stretch}vaadin-notification-card:has(.k-toast)::part(overlay){position: relative;display: flex;flex-direction: column;align-items: stretch;padding: 0;overflow: hidden;width: auto;min-width: 19rem;max-width: min(24rem,calc(100vw - 2rem))}.k-toast-content{gap: 0.75rem;padding: 0.8rem 0.9rem 0.95rem;width: 100%}.k-toast-icon{width: 1.7rem;height: 1.7rem;padding: 0.32rem;border-radius: 50%;flex: none;box-sizing: border-box}.k-toast-success .k-toast-icon{color: var(--k-correct-text);background: var(--k-correct-soft)}.k-toast-error .k-toast-icon{color: var(--k-wrong-text);background: var(--k-wrong-soft)}.k-toast-info .k-toast-icon{color: var(--k-info-text);background: var(--k-info-soft)}.k-toast-text{flex: 1;gap: 0.1rem}.k-toast-title{font-family: var(--k-font-display);font-weight: 700;font-size: var(--k-font-size-s);color: var(--k-text-strong)}.k-toast-message{font-size: var(--k-font-size-s);color: var(--k-text-secondary);line-height: 1.4;white-space: normal}.k-toast-close{color: var(--k-text-tertiary);flex: none;align-self: center}.k-toast-close:hover{color: var(--k-text-strong)}.k-toast-bar{position: absolute;left: 0;right: 0;bottom: 0;height: 3px;transform-origin: left center;animation: k-toast-drain linear forwards}.k-toast-success .k-toast-bar{background: var(--k-correct)}.k-toast-error .k-toast-bar{background: var(--k-wrong)}.k-toast-info .k-toast-bar{background: var(--k-accent)}@keyframes k-toast-drain{from{transform: scaleX(1)}to{transform: scaleX(0)}}@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration: 0.01ms !important;animation-iteration-count: 1 !important;transition-duration: 0.01ms !important;scroll-behavior: auto !important}}[slot='drawer']{width: 100% !important;max-width: 100%;box-sizing: border-box}vaadin-scroller[slot='drawer']{padding: 0 0 0.8rem;overflow: auto;scrollbar-width: thin;scrollbar-color: rgba(124,92,255,0.5) transparent}vaadin-scroller[slot='drawer']::-webkit-scrollbar{width: 8px}vaadin-scroller[slot='drawer']::-webkit-scrollbar-track{background: transparent}vaadin-scroller[slot='drawer']::-webkit-scrollbar-thumb{background: rgba(124,92,255,0.45);border: 2px solid transparent;border-radius: 99px;background-clip: padding-box}vaadin-scroller[slot='drawer']::-webkit-scrollbar-thumb:hover{background: rgba(124,92,255,0.8);background-clip: padding-box}[slot='drawer']:is(header,footer){display: flex;align-items: center;gap: var(--k-space-s);padding: var(--k-space-s) var(--k-space-m);min-height: var(--k-size-xl);box-sizing: border-box}[slot='drawer']:is(header,footer):is(:empty){display: none}header.logo-header{justify-content: flex-start;padding: 1.4rem 1.3rem 1.15rem;margin-bottom: 0.4rem;border-bottom: 1px solid var(--k-border)}.brand-logo{display: inline-flex;align-items: center;gap: 0.6rem;text-decoration: none}.brand-logo-mark{width: 1.85rem;height: 1.85rem;object-fit: contain;flex-shrink: 0;filter: drop-shadow(0 3px 12px rgba(240,180,41,0.42))}.brand-logo-word{font-family: var(--k-font-display);font-size: 1.34rem;font-weight: 800;line-height: 1;letter-spacing: -0.03em}.brand-logo--large{gap: 0.9rem}.brand-logo--large .brand-logo-mark{width: 1.7rem;height: 1.7rem}.brand-logo--large .brand-logo-word{font-size: 1.25rem}.nav-wrapper{padding: 0.4rem 0 0.8rem;gap: 0}.nav-wrapper vaadin-side-nav-item{font-family: var(--k-font-sans)}.drawer-version{margin-top: auto;padding: 0.85rem 1.15rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 0.7rem;font-weight: 500;color: var(--k-text-tertiary);letter-spacing: 0.02em}.header-view-title{margin-left: var(--k-space-xs);font-family: var(--k-font-display);font-size: var(--k-font-size-l);font-weight: 700;letter-spacing: -0.02em;color: var(--k-text-strong);white-space: nowrap;overflow: hidden;text-overflow: ellipsis}@media (max-width: 420px){.header-view-title,.user-menu-username{display: none}}.user-menu-username{font-weight: 600;color: var(--k-text)}#user-menu vaadin-avatar{--vaadin-avatar-size: 2rem;font-size: var(--k-font-size-xs)}.theme-toggle{--vaadin-button-border-width: 0;color: var(--k-text-secondary);border-radius: var(--k-radius-pill);transition: color 0.2s,background-color 0.2s}.theme-toggle:hover{color: var(--k-accent-text);background: var(--k-surface-hover)}.theme-toggle .theme-icon-light{display: none}html[theme~='light'] .theme-toggle .theme-icon-light{display: inline-flex}html[theme~='light'] .theme-toggle .theme-icon-dark{display: none}.app-card{position: relative;border: 1px solid var(--k-border);border-radius: var(--k-radius-card);background: var(--k-surface);box-shadow: var(--k-hairline),var(--k-shadow-card);padding: var(--k-space-m);box-sizing: border-box;-webkit-backdrop-filter: blur(18px) saturate(140%);backdrop-filter: blur(18px) saturate(140%);transition: border-color 0.4s,transform 0.3s var(--k-ease-out),box-shadow 0.4s}.app-card--product{display: flex;flex-direction: column}.app-card-link{text-decoration: none;color: inherit;display: block}.app-card-link:hover .app-card{border-color: var(--k-accent-border);transform: translateY(-2px);cursor: pointer}.responsive-grid-card-view__cards,.responsive-grid-card-view__search{display: none}.responsive-grid-card{border-radius: var(--k-radius-list);display: flex;flex-direction: column;gap: var(--k-space-xs);width: 100%;box-sizing: border-box}.responsive-grid-card-row{display: flex;justify-content: space-between;align-items: baseline;gap: var(--k-space-s);min-width: 0}.responsive-grid-card-row .label{color: var(--k-text-secondary);font-size: 0.7rem;font-weight: 600;letter-spacing: 0.1em;text-transform: uppercase;flex-shrink: 0}.responsive-grid-card-row .value{text-align: right;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;min-width: 0;flex: 1 1 auto}.responsive-grid-card-actions{display: flex;justify-content: flex-end;align-items: center;gap: var(--k-space-xs);margin-top: var(--k-space-xs);padding-top: var(--k-space-xs);border-top: 1px solid var(--k-border)}@media (min-width: 769px){.responsive-grid-card-view--fill{flex: 1 1 auto;min-height: 0;display: flex;flex-direction: column}.responsive-grid-card-view--fill>vaadin-grid{flex: 1 1 0;height: auto;min-height: 12rem}}@media (max-width: 768px){.responsive-grid-card-view__grid{display: none}.responsive-grid-card-view__cards{display: flex;flex-direction: column;gap: var(--k-space-s)}.responsive-grid-card-view__search{display: flex;margin-bottom: var(--k-space-s)}}.shop-view{padding: var(--k-space-xl)}@media (max-width: 768px){.shop-view{padding: var(--k-space-m)}}.shop-product-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(min(240px,100%),1fr));gap: var(--k-space-m);padding-bottom: var(--k-space-l)}.shop-section-header{display: flex;flex-direction: column;gap: var(--k-space-xs);border-bottom: 1px solid var(--k-border);padding-bottom: var(--k-space-s)}.shop-section-header h3{margin: 0}.shop-section-subtitle{color: var(--k-text-secondary);font-size: var(--k-font-size-s)}.product-card{display: flex;flex-direction: column;height: auto;box-sizing: border-box;overflow: hidden}.product-card:hover{border-color: var(--k-accent-border)}.subscription-card{border-color: transparent;background: radial-gradient(120% 80% at 0% 0%,var(--k-accent-soft),transparent 60%),var(--k-surface)}.subscription-card::before{content: '';position: absolute;inset: -1px;border-radius: inherit;padding: 1px;background: linear-gradient(145deg,rgba(240,180,41,0.6),rgba(255,255,255,0.06) 40%,transparent 75%);-webkit-mask: linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask: linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite: xor;mask-composite: exclude;pointer-events: none}.product-card .image-container{width: 100%;height: 170px;display: flex;justify-content: center;align-items: center;margin-bottom: 10px;border-radius: 12px;background: var(--k-surface-sunken)}.product-card .image-container img{max-width: 100%;height: 150px;object-fit: contain}.product-card .content{flex-grow: 1;padding: 0}.product-card .name{font-family: var(--k-font-display);font-size: 1.1rem;font-weight: 700;letter-spacing: -0.02em;color: var(--k-text-strong);margin-top: 10px;min-height: 1.5em;overflow: hidden}.product-card .description{color: var(--k-text-secondary);font-size: 14px;line-height: 1.5;min-height: 4em;white-space: normal;overflow: hidden;text-overflow: ellipsis}.product-card .price-and-button{display: flex;justify-content: space-between;align-items: center;margin-top: auto;padding-top: var(--k-space-s);border-top: 1px solid var(--k-border)}.product-card .price{font-family: var(--k-font-display);font-size: 1.15rem;font-weight: 800;font-variant-numeric: tabular-nums;line-height: 1.2;white-space: nowrap;color: var(--k-text-strong)}.product-card .price-and-button{gap: var(--k-space-s)}.product-card vaadin-button.buy-button{--vaadin-button-background: var(--k-gold-gradient);--vaadin-button-border-width: 0;--vaadin-button-text-color: var(--k-ink-950);font-size: 13px;font-weight: 700;box-shadow: var(--k-shadow-gold)}.product-card vaadin-button.buy-button:not(.bought-button):hover{--vaadin-button-background: var(--k-gold-gradient);--vaadin-button-border-width: 0;--vaadin-button-text-color: var(--k-ink-950);box-shadow: var(--k-shadow-gold-hover);filter: brightness(1.06)}.product-card vaadin-button.buy-button.bought-button{--vaadin-button-background: var(--k-correct-soft);--vaadin-button-border-width: 1px;--vaadin-button-border-color: rgba(52,199,126,0.35);--vaadin-button-text-color: var(--k-correct-text);box-shadow: none;filter: none}.product-card vaadin-button.buy-button vaadin-icon{width: 16px;height: 16px}.order-confirmation{max-width: 34rem;margin: 0 auto;padding: var(--k-space-xl) var(--k-space-m);gap: var(--k-space-m);text-align: center}.order-confirmation-gif{width: 11rem;height: auto;border-radius: var(--k-radius-card);box-shadow: var(--k-shadow-card)}.order-confirmation-title{margin: 0;font-family: var(--k-font-display);letter-spacing: -0.02em;color: var(--k-text-strong)}.order-confirmation-thanks{margin: 0;max-width: 32rem;color: var(--k-text-secondary);line-height: 1.55}.order-confirmation-card{width: 100%;margin-top: var(--k-space-s);padding: var(--k-space-l);background: var(--k-surface);border: 1px solid var(--k-border);border-radius: var(--k-radius-card);box-shadow: var(--k-shadow-card);text-align: start}.order-confirmation-row{padding: 0.45rem 0;border-bottom: 1px solid var(--k-border)}.order-confirmation-label{color: var(--k-text-tertiary);font-size: var(--k-font-size-s)}.order-confirmation-value{color: var(--k-text-strong);font-weight: 600;font-variant-numeric: tabular-nums}.order-confirmation-invoice{margin-top: var(--k-space-l);width: 100%}.order-confirmation-back{margin-top: var(--k-space-s)}.registration-view{min-height: 100vh;margin: 0;display: flex;align-items: center;justify-content: center;background: transparent}.registration-form{position: relative;background: transparent;border: none;box-shadow: none;padding: 0;width: 100%;max-width: none;margin: 0;box-sizing: border-box}.form-title{color: #ffffff;text-align: start;font-size: 1.35rem;font-weight: 800;line-height: 1.15;margin: 0 0 0.3rem 0}.form-subtitle{color: rgba(255,255,255,0.55);text-align: start;font-size: 0.85rem;margin: 0 0 0.6rem 0;max-width: none;line-height: 1.5}.form-terms-checkbox{margin: 10px auto 0.5rem auto;align-items: flex-start}.form-terms-checkbox::part(label){color: var(--k-text-secondary);font-size: 0.8rem;line-height: 1.5}.form-terms-checkbox a{color: #ff9a1f;font-weight: 500;text-decoration: underline;text-underline-offset: 0.15em}.form-terms-checkbox a:hover,.form-terms-checkbox a:focus-visible{color: var(--k-text-strong)}.form-error{color: var(--k-wrong-text);font-size: var(--k-font-size-s)}.form-button{height: 50px;font-size: 1.05rem;margin-top: 1.5rem}@media (max-width: 768px){.registration-form{padding: 2.5rem 1.5rem;max-width: 90%;margin: 1rem}}.success-form{display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 40px;max-width: 600px;margin: 80px auto;text-align: center;background: var(--k-surface);border: 1px solid var(--k-border);border-radius: 24px;box-shadow: var(--k-hairline),var(--k-shadow-card);box-sizing: border-box}.success-form::before{content: "";display: block;width: 72px;height: 72px;border-radius: 50%;background-color: var(--k-correct-soft);box-shadow: 0 0 0 8px var(--k-correct-soft);background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%2334C77E" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg>');background-size: 40px;background-repeat: no-repeat;background-position: center;margin-bottom: 28px}.success-form h3{color: var(--k-text-strong);margin-bottom: 25px}.success-form h4{font-family: var(--k-font-sans);font-size: 14px;font-weight: 400;letter-spacing: normal;color: var(--k-text-secondary);margin-bottom: 25px}.success-form button{font-family: var(--k-font-sans);font-size: 1rem;font-weight: 700;padding: 14px 24px;width: 100%;max-width: 350px;border-radius: var(--k-radius-pill);background: var(--k-gold-gradient);color: var(--k-ink-950);border: none;box-shadow: var(--k-shadow-gold);cursor: pointer;transition: box-shadow 0.3s,filter 0.3s}.success-form button:hover{box-shadow: var(--k-shadow-gold-hover);filter: brightness(1.06)}@media (max-width: 768px){.success-form{padding: var(--k-space-l) var(--k-space-m);margin: var(--k-space-l) auto}}body:has(.auth-split){background-image: none;background-color: #07080c}.auth-split{display: grid;grid-template-columns: 1fr 1fr;min-height: 100vh;margin: 0;background: #07080c}.auth-brand-panel{position: relative;display: flex;flex-direction: column;justify-content: center;padding: 3rem 4.5rem;background: radial-gradient(90% 70% at 0% 0%,rgba(240,180,41,0.28),transparent 60%),radial-gradient(70% 60% at 100% 100%,rgba(120,70,10,0.35),transparent 65%),linear-gradient(160deg,#1a140c 0%,#0c0d11 70%);overflow: hidden}.auth-brand-home{position: absolute;top: 1.6rem;left: 2.2rem;text-decoration: none;border-radius: 8px}.auth-brand-home:focus-visible{outline: 2px solid var(--k-gold-400);outline-offset: 4px}.auth-brand-title{margin: 0 0 0.9rem;max-width: 18ch;font-family: var(--k-font-display);font-size: clamp(1.7rem,2.6vw,2.15rem);font-weight: 800;line-height: 1.12;letter-spacing: -0.03em;color: #ffffff}.auth-highlight{background-image: linear-gradient(100deg,#ffde6a 0%,#f0b429 45%,#ff9a1f 100%);-webkit-background-clip: text;background-clip: text;color: transparent}.auth-brand-text{margin: 0;max-width: 38ch;font-size: 0.92rem;line-height: 1.55;color: rgba(255,255,255,0.62)}.auth-brand-foot{position: absolute;bottom: 1.6rem;left: 2.5rem;font-size: 0.78rem;color: rgba(255,255,255,0.45)}.auth-form-panel{display: flex;flex-direction: column;justify-content: center;align-items: center;padding: 3rem 2rem;background: #07080c}.auth-form-panel vaadin-login-form,.auth-form-panel .registration-form{width: 100%;max-width: 22rem}.auth-form-panel vaadin-login-form,.auth-form-panel vaadin-login-form-wrapper{--vaadin-login-form-background: transparent;--vaadin-login-form-border-radius: 0;--vaadin-login-form-padding: 0.4rem 0 0;--vaadin-login-form-width: 100%;--vaadin-login-form-title-color: #ffffff;--vaadin-login-form-title-font-size: 1.35rem;--vaadin-login-form-title-font-weight: 800;background: transparent !important;border: none;box-shadow: none;width: 100%;color: #ffffff}.auth-form-panel vaadin-login-form-wrapper::part(form-title),.auth-form-panel .form-title{font-family: var(--k-font-display);font-weight: 800;letter-spacing: -0.02em;color: #ffffff;text-align: start}.auth-form-panel vaadin-text-field,.auth-form-panel vaadin-email-field,.auth-form-panel vaadin-password-field{--vaadin-input-field-background: #16181f;--vaadin-input-field-border-color: transparent;--vaadin-input-field-value-color: #f4f5f7;--vaadin-input-field-placeholder-color: rgba(255,255,255,0.4);--vaadin-input-field-label-color: rgba(255,255,255,0.72);--vaadin-input-field-border-radius: 10px;--vaadin-input-field-autofill-color: #f4f5f7;--vaadin-input-field-autofill-background: #16181f}.auth-form-panel vaadin-login-form vaadin-button[slot='forgot-password']{color: #ff9a1f;font-weight: 600;font-size: 0.82rem;align-self: flex-end}.auth-switch{margin-top: 1.4rem;font-size: 0.9rem;color: rgba(255,255,255,0.6)}.auth-switch-link{--vaadin-button-background: transparent;--vaadin-button-border-width: 0;--vaadin-button-text-color: #ff9a1f;--vaadin-button-height: auto;color: #ff9a1f;font-weight: 700;background: transparent;border: none;box-shadow: none;min-height: 0;height: auto;padding: 0;margin: 0;border-radius: 0;text-decoration: none;vertical-align: baseline}.auth-switch-link:hover{text-decoration: underline;text-underline-offset: 0.18em}.auth-form-panel vaadin-login-form vaadin-button[theme~='primary'],.auth-form-panel .registration-form vaadin-button[theme~='primary']{--vaadin-button-background: linear-gradient(90deg,#ffb01f 0%,#ff7a1a 100%);--vaadin-button-border-color: transparent;--vaadin-button-text-color: #1a1204;--vaadin-button-border-radius: 12px;min-height: 2.75rem;font-weight: 700;box-shadow: 0 10px 24px -14px rgba(255,140,26,0.9)}.auth-form-panel vaadin-login-form vaadin-button[theme~='primary']::part(label),.auth-form-panel .registration-form vaadin-button[theme~='primary']::part(label){display: inline-flex;align-items: center;gap: 0.55rem}.auth-form-panel vaadin-login-form vaadin-button[theme~='primary']::part(label)::after,.auth-form-panel .registration-form vaadin-button[theme~='primary']::part(label)::after{content: "→";font-weight: 500;transition: transform 0.2s ease}.auth-form-panel vaadin-login-form vaadin-button[theme~='primary']:hover::part(label)::after,.auth-form-panel .registration-form vaadin-button[theme~='primary']:hover::part(label)::after{transform: translateX(3px)}.auth-form-panel vaadin-login-form vaadin-button[theme~='primary'][disabled],.auth-form-panel .registration-form vaadin-button[theme~='primary'][disabled]{--vaadin-text-color-disabled: transparent;background-image: linear-gradient(90deg,#ffb01f 0%,#ff7a1a 100%);color: transparent;opacity: 1;position: relative}.auth-form-panel vaadin-login-form vaadin-button[theme~='primary'][disabled]::part(label),.auth-form-panel .registration-form vaadin-button[theme~='primary'][disabled]::part(label){visibility: hidden}.auth-form-panel vaadin-login-form vaadin-button[theme~='primary'][disabled]::after,.auth-form-panel .registration-form vaadin-button[theme~='primary'][disabled]::after{content: "";position: absolute;top: 50%;left: 50%;width: 1.15rem;height: 1.15rem;margin: -0.575rem 0 0 -0.575rem;border-radius: 50%;border: 2.5px solid rgba(26,18,4,0.28);border-top-color: #1a1204;filter: none;opacity: 1;transform: none;animation: auth-spin 0.7s linear infinite}@keyframes auth-spin{to{transform: rotate(360deg)}}@media (max-width: 860px){.auth-split{grid-template-columns: 1fr;grid-template-rows: auto 1fr}.auth-brand-panel{align-items: center;padding: 2rem 1.5rem 0;background: transparent;overflow: visible}.auth-brand-title,.auth-brand-text,.auth-brand-foot{display: none}.auth-brand-home{position: static}.auth-form-panel{justify-content: flex-start;padding-top: 1.5rem}}.auth-google{display: flex;flex-direction: column;gap: 0.8rem;width: 100%;max-width: 22rem;margin-top: 1.2rem}.auth-separator{display: flex;align-items: center;gap: 0.75rem;font-size: 0.82rem;color: rgba(255,255,255,0.5)}.auth-separator::before,.auth-separator::after{content: '';flex: 1;height: 1px;background: rgba(255,255,255,0.14)}.auth-google-button{display: flex;align-items: center;justify-content: center;min-height: 2.75rem;border-radius: 12px;border: 1px solid rgba(255,255,255,0.22);background: #16181f;color: #f4f5f7;font-weight: 700;text-decoration: none}.auth-google-button:hover{border-color: #ff9a1f}.auth-google-button:focus-visible{outline: 2px solid #ff9a1f;outline-offset: 2px}.auth-google-consent{margin: 0;font-size: 0.78rem;line-height: 1.45;color: rgba(255,255,255,0.55)}.test-generate-wizard-view{width: 100%}.wizard-section{width: 100%;box-sizing: border-box;margin-bottom: var(--k-space-l)}.wizard-section-title{color: var(--k-text-secondary);margin-bottom: var(--k-space-s);font-size: 0.72rem;font-weight: 600;letter-spacing: var(--k-tracking-eyebrow);text-transform: uppercase}.wizard-error-message{color: var(--k-wrong-text);margin-left: calc(var(--k-radius-m) / 4);font-size: var(--k-font-size-xs);line-height: var(--k-line-height-xs);will-change: max-height;transition: 0.4s max-height;max-height: 5em}.group-cards{display: flex;flex-wrap: wrap;gap: var(--k-space-s)}.group-card{border: 1px solid var(--k-border-strong);border-radius: var(--k-radius-pill);background: var(--k-surface-sunken);color: var(--k-text);padding: var(--k-space-xs) var(--k-space-m);font-weight: 500;cursor: pointer;transition: border-color 0.25s,background 0.25s,color 0.25s,box-shadow 0.25s;user-select: none}.group-card:hover{border-color: var(--k-accent-border);background: var(--k-surface-hover)}.group-card-selected{border-color: var(--k-accent-border);background: var(--k-accent-softer);color: var(--k-accent-text);font-weight: 600;box-shadow: 0 0 0 3px var(--k-accent-soft)}.wizard-topic-tree{border: 1px solid var(--k-border);border-radius: var(--k-radius-card);max-height: 320px}.test-questions-form{width: 100%}.score-view{flex-wrap: wrap;gap: var(--k-space-xs);margin-bottom: var(--k-space-m)}.question-statement{display: flex;align-items: flex-start;gap: var(--k-space-m);box-sizing: border-box}.question-statement .question-statement-text{flex: 1 1 auto;min-width: 0}.question-statement .question-statement-image{flex: 0 0 auto;max-width: 40%;max-height: 300px;object-fit: contain;border-radius: var(--k-radius-l);border: 1px solid var(--k-border)}@media (max-width: 768px){.question-statement{flex-direction: column;align-items: stretch}.question-statement .question-statement-image{max-width: 100%;align-self: center}}.option-card{border: 1px solid var(--k-border-strong);border-radius: 12px;background: var(--k-surface-sunken);padding: var(--k-space-xs) var(--k-space-m);margin-bottom: var(--k-space-xs);cursor: pointer;transition: border-color 0.25s,box-shadow 0.25s,background 0.25s}.option-card:hover{border-color: var(--k-accent-border);background: var(--k-surface-hover)}.option-card vaadin-text-area::part(input-field){border: none;background: transparent;box-shadow: none}.option-card vaadin-text-area textarea{overflow-y: auto !important}.option-card.option-card-correct{border-color: var(--k-success);background: var(--k-correct-soft);box-shadow: 0 0 0 3px var(--k-correct-soft)}.option-card.option-card-error{border-color: var(--k-error);background: var(--k-wrong-soft);box-shadow: 0 0 0 3px var(--k-wrong-soft)}vaadin-text-area.custom-text-area-correct::part(input-field){background: var(--k-correct-soft);box-shadow: inset 0 0 0 1px var(--k-success)}vaadin-text-area.custom-text-area-error::part(input-field){background: var(--k-wrong-soft);box-shadow: inset 0 0 0 1px var(--k-error)}@media (max-width: 480px){.study-buttons-layout .study-btn-text{display: none}}.score-summary{display: flex;flex-direction: column;gap: var(--k-space-m);width: 100%}.score-hero{display: flex;flex-direction: column;align-items: center;gap: var(--k-space-xs);padding: var(--k-space-l) var(--k-space-m);border-radius: var(--k-radius-card);border: 1px solid var(--k-accent-border);background: radial-gradient(120% 90% at 50% 0%,var(--k-accent-softer) 0%,transparent 70%),var(--k-surface-sunken);box-shadow: var(--k-hairline);text-align: center}.score-eyebrow{color: var(--k-accent-text);font-size: 0.72rem;font-weight: 600;letter-spacing: var(--k-tracking-eyebrow);text-transform: uppercase}.score-percentage{font-family: var(--k-font-display);font-size: 3.5rem;line-height: 1.05;font-weight: 800;letter-spacing: var(--k-tracking-display);font-variant-numeric: tabular-nums;background-image: var(--k-gold-text-gradient);-webkit-background-clip: text;background-clip: text;color: transparent}html[theme~='light'] .score-percentage{background-image: none;color: var(--k-accent-text)}.score-caption{color: var(--k-text-secondary);font-size: var(--k-font-size-s)}.score-progress{width: 100%;max-width: 320px;height: 8px;margin-top: var(--k-space-s);border-radius: var(--k-radius-pill);background: var(--k-border-strong);overflow: hidden}.score-progress-fill{height: 100%;border-radius: inherit;background: var(--k-gold-gradient);box-shadow: var(--k-shadow-gold)}.score-stats{display: grid;grid-template-columns: repeat(auto-fit,minmax(96px,1fr));gap: var(--k-space-s)}.score-stat{display: flex;flex-direction: column;align-items: center;gap: 2px;padding: var(--k-space-s) var(--k-space-xs);border-radius: 12px;border: 1px solid var(--k-border);background: var(--k-surface-sunken);color: var(--k-text-secondary)}.score-stat-icon{width: var(--k-icon-size-s);height: var(--k-icon-size-s)}.score-stat-value{font-family: var(--k-font-display);font-size: 1.6rem;font-weight: 700;line-height: 1.2;font-variant-numeric: tabular-nums;color: var(--k-text-strong)}.score-stat-label{font-size: var(--k-font-size-xs);font-weight: 600;letter-spacing: 0.06em;text-transform: uppercase}.score-stat--correct{border-color: var(--k-success-50);background: var(--k-correct-soft);color: var(--k-correct-text)}.score-stat--correct .score-stat-value{color: var(--k-correct-text)}.score-stat--wrong{border-color: var(--k-error-50);background: var(--k-wrong-soft);color: var(--k-wrong-text)}.score-stat--wrong .score-stat-value{color: var(--k-wrong-text)}.score-details{display: flex;flex-direction: column;border-radius: 12px;border: 1px solid var(--k-border);overflow: hidden}.score-detail{display: flex;align-items: center;gap: var(--k-space-s);padding: var(--k-space-s) var(--k-space-m);font-size: var(--k-font-size-s)}.score-detail + .score-detail{border-top: 1px solid var(--k-border)}.score-detail-icon{flex: 0 0 auto;width: var(--k-icon-size-s);height: var(--k-icon-size-s);color: var(--k-text-tertiary)}.score-detail-label{flex: 1 1 auto;color: var(--k-text-secondary)}.score-detail-value{color: var(--k-text-strong);font-weight: 600;font-variant-numeric: tabular-nums;text-align: right}@media (max-width: 480px){.score-percentage{font-size: 2.75rem}.score-hero{padding: var(--k-space-m)}}.wizard-exam-info{display: block;margin-top: var(--k-space-xs);color: var(--k-text-secondary);font-size: var(--k-font-size-s)}.option-card.option-card-selected{border-color: var(--k-accent-border);background: var(--k-accent-soft);box-shadow: 0 0 0 3px var(--k-accent-soft)}.exam-navigator{display: flex;flex-wrap: wrap;flex-shrink: 0;gap: var(--k-space-xs);width: 100%;box-sizing: border-box;padding: 3px;margin-bottom: var(--k-space-m);max-height: 10em;overflow-y: auto}.exam-navigator vaadin-button{min-width: 2.5em;margin: 0;font-variant-numeric: tabular-nums}.exam-navigator vaadin-button.exam-nav-answered{--vaadin-button-background: var(--k-accent-soft);--vaadin-button-border-width: 1px;--vaadin-button-border-color: var(--k-accent-border);--vaadin-button-text-color: var(--k-accent-text)}.exam-navigator vaadin-button.exam-nav-current{outline: 2px solid var(--k-accent);outline-offset: 1px;font-weight: 700}.legal-view{background: transparent}.legal-view-wrapper{max-width: 720px;margin: 0 auto;padding: 2.5rem 1.5rem 4rem;width: 100%;box-sizing: border-box}.legal-view-title{color: var(--k-text-strong);font-size: clamp(1.9rem,4vw,2.6rem);font-weight: 800;line-height: 1.08;margin-bottom: 0.25rem}.legal-view-updated{color: var(--k-text-secondary);font-size: var(--k-font-size-s);margin: 0 0 2rem 0;padding-bottom: 1.5rem;border-bottom: 1px solid var(--k-border)}.legal-view-content h3{color: var(--k-text-strong);margin-top: 2.25rem;margin-bottom: 0.65rem;padding-left: 0.75rem;border-left: 3px solid var(--k-accent)}.legal-view-content p,.legal-view-content li{color: var(--k-text);line-height: 1.75;max-width: 68ch}.legal-view-content ul,.legal-view-content ol{padding-left: 1.25rem}.legal-view-content li::marker{color: var(--k-accent)}.legal-view-content a{color: var(--k-accent-text);text-decoration: underline;text-underline-offset: 0.15em}.legal-view-content a:hover{color: var(--k-text-strong)}.legal-view-content strong{color: var(--k-text-strong)}.legal-pending{background: var(--k-accent-softer);color: var(--k-accent-text);padding: 0.05rem 0.4rem;border-radius: var(--k-radius-s);font-weight: 600;white-space: nowrap}@media (max-width: 480px){.legal-view-wrapper{padding: 1.75rem 1.25rem 3rem}}.app-card-icon{box-sizing: content-box !important;width: 1.25rem;height: 1.25rem;color: var(--k-accent);margin-bottom: 10px;padding: 0.5rem;border-radius: 12px;background: var(--k-accent-soft);box-shadow: inset 0 0 0 1px var(--k-accent-border)}.app-card.error-page-card{gap: var(--k-space-s);padding: var(--k-space-xl);max-width: 28rem;text-align: center;box-shadow: var(--k-hairline),var(--k-shadow-overlay)}.error-page-icon{filter: drop-shadow(0 6px 20px color-mix(in srgb,currentColor 45%,transparent))}.error-page-title{margin: var(--k-space-s) 0 0 0}.error-page-message{color: var(--k-text-secondary);max-width: 26rem;text-align: center;line-height: 1.6}.cookie-notice-title{margin: 0 0 12px 0;color: var(--k-text-strong)}.cookie-notice-text{font-size: 14px;color: var(--k-text);line-height: 1.6;margin: 0 0 8px 0}.cookie-notice-text--last{margin-bottom: 20px}.cookie-notice-link{color: var(--k-accent-text);font-weight: 500;margin-right: auto}.app-card.topic-coverage{width: 100%;max-width: 50em;align-self: center;display: flex;flex-direction: column;gap: var(--k-space-s)}.topic-coverage-header{display: flex;flex-wrap: wrap;align-items: baseline;justify-content: space-between;gap: var(--k-space-xs) var(--k-space-m)}.topic-coverage-title{margin: 0;color: var(--k-text-strong)}.topic-coverage-summary{color: var(--k-accent-text);font-size: 0.7rem;font-weight: 600;letter-spacing: var(--k-tracking-eyebrow);text-transform: uppercase}.topic-coverage-hint{margin: 0;color: var(--k-text-secondary);font-size: var(--k-font-size-s)}.topic-coverage-list{display: flex;flex-direction: column}.topic-coverage-row{display: flex;flex-wrap: wrap;align-items: center;gap: var(--k-space-s) var(--k-space-m);padding: var(--k-space-s) 0;border-top: 1px solid var(--k-border)}.topic-coverage-row:first-child{border-top: none}.topic-coverage-info{flex: 1 1 14rem;min-width: 0;display: flex;flex-direction: column;gap: 0.35rem}.topic-coverage-name-line{display: flex;flex-wrap: wrap;align-items: center;gap: var(--k-space-xs) var(--k-space-s)}.topic-coverage-name{color: var(--k-text);font-weight: 600;overflow-wrap: anywhere}.topic-coverage-badge{padding: 0.1rem 0.5rem;border-radius: var(--k-radius-pill);background: var(--k-info-soft);color: var(--k-info-text);font-size: 0.7rem;font-weight: 600;white-space: nowrap}.topic-coverage-bar{height: 6px;border-radius: var(--k-radius-pill);background: var(--k-border-strong);overflow: hidden}.topic-coverage-bar-fill{height: 100%;border-radius: inherit;background: var(--k-accent)}.topic-coverage-row--complete .topic-coverage-bar-fill{background: var(--k-correct)}.topic-coverage-meta{color: var(--k-text-secondary);font-size: var(--k-font-size-s);font-variant-numeric: tabular-nums}.topic-coverage-action{display: inline-flex;align-items: center;min-height: 2.25rem;padding: 0 var(--k-space-m);border: 1px solid var(--k-accent-border);border-radius: var(--k-radius-pill);background: var(--k-accent-soft);color: var(--k-accent-text);font-size: var(--k-font-size-s);font-weight: 600;text-decoration: none;white-space: nowrap;transition: background-color 0.2s,border-color 0.2s}.topic-coverage-action:hover,.topic-coverage-action:focus-visible{background: var(--k-accent-softer);border-color: var(--k-accent);text-decoration: none}.topic-coverage-toggle{align-self: center}.app-card.next-step{width: 100%;max-width: 50em;align-self: center;display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: var(--k-space-m);padding: var(--k-space-l);border-color: var(--k-accent-border);background: linear-gradient(135deg,var(--k-accent-softer) 0%,var(--k-accent-soft) 45%,transparent 100%),var(--k-surface)}.next-step-body{flex: 1 1 20rem;min-width: 0;display: flex;align-items: flex-start;gap: var(--k-space-m)}.next-step-icon{box-sizing: content-box !important;flex: none;width: 1.5rem;height: 1.5rem;padding: 0.6rem;border-radius: 12px;color: var(--k-accent);background: var(--k-accent-soft);box-shadow: inset 0 0 0 1px var(--k-accent-border)}.next-step-text{min-width: 0;display: flex;flex-direction: column;gap: 0.25rem}.next-step-eyebrow{color: var(--k-accent-text);font-size: 0.7rem;font-weight: 600;letter-spacing: var(--k-tracking-eyebrow);text-transform: uppercase}.next-step-message{color: var(--k-text-strong);font-family: var(--k-font-display);font-size: var(--k-font-size-xl);font-weight: 700;line-height: 1.25;overflow-wrap: anywhere}.next-step-detail{margin: 0;color: var(--k-text-secondary);font-size: var(--k-font-size-s)}.next-step-action{flex: none;margin: 0}@media (max-width: 600px){.app-card.next-step{padding: var(--k-space-m)}.next-step-action{width: 100%}}.kpi-grid{width: 100%;max-width: 50em;align-self: center;display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: var(--k-space-m)}.kpi-grid>.app-card-link{min-width: 0}.app-card.kpi-card{height: 100%;min-width: 0;display: flex;flex-direction: column;gap: var(--k-space-xs);padding: var(--k-space-m)}.kpi-card-header{display: flex;align-items: center;gap: var(--k-space-s);min-width: 0}.kpi-card-icon{flex: none;margin-bottom: 0}.kpi-card-label{min-width: 0;color: var(--k-text-secondary);font-size: 0.7rem;font-weight: 600;letter-spacing: var(--k-tracking-eyebrow);text-transform: uppercase;line-height: 1.3}.kpi-card-value{margin-top: var(--k-space-xs);font-family: var(--k-font-display);font-size: 1.75rem;font-weight: 800;line-height: 1.15;letter-spacing: var(--k-tracking-display);font-variant-numeric: tabular-nums;overflow-wrap: anywhere;background-image: var(--k-gold-text-gradient);-webkit-background-clip: text;background-clip: text;color: transparent}html[theme~='light'] .kpi-card-value{background-image: none;color: var(--k-text-strong)}.kpi-card-secondary{color: var(--k-text-secondary);font-size: var(--k-font-size-s)}.kpi-card-footer{margin-top: auto;padding-top: var(--k-space-s);display: flex;flex-direction: column;gap: var(--k-space-xs)}.kpi-trend{font-size: var(--k-font-size-xs);color: var(--k-text-tertiary)}.kpi-trend-value{font-weight: 700;font-variant-numeric: tabular-nums}.kpi-trend--up{color: var(--k-correct-text)}.kpi-trend--down{color: var(--k-wrong-text)}.kpi-trend--flat{color: var(--k-text-secondary)}.kpi-sparkline{display: block;color: var(--k-accent)}.kpi-sparkline svg{display: block;width: 100%;height: 28px;overflow: visible}.kpi-shortcuts{width: 100%;max-width: 50em;align-self: center;display: flex;flex-wrap: wrap;gap: var(--k-space-s)}.kpi-shortcut{display: inline-flex;align-items: center;gap: var(--k-space-xs);padding: 0.35rem 0.85rem;border: 1px solid var(--k-border-strong);border-radius: var(--k-radius-pill);color: var(--k-text-secondary);font-size: var(--k-font-size-s);font-weight: 600;text-decoration: none;transition: border-color 0.3s,color 0.3s,background-color 0.3s}.kpi-shortcut:hover,.kpi-shortcut:focus-visible{border-color: var(--k-accent-border);background-color: var(--k-accent-soft);color: var(--k-accent-text)}.kpi-shortcut-icon{width: var(--k-icon-size-s);height: var(--k-icon-size-s)}@media (max-width: 600px){.kpi-grid{grid-template-columns: repeat(2,minmax(0,1fr));gap: var(--k-space-s)}.app-card.kpi-card{padding: var(--k-space-s) var(--k-space-m) var(--k-space-m)}.kpi-card-value{font-size: 1.4rem}}.app-card.welcome-card{width: 100%;max-width: 50em;align-self: center;display: flex;flex-direction: column;gap: var(--k-space-l);padding: var(--k-space-l);border-color: var(--k-accent-border);background: linear-gradient(135deg,var(--k-accent-softer) 0%,var(--k-accent-soft) 45%,transparent 100%),var(--k-surface)}.welcome-card-header{display: flex;flex-direction: column;gap: 0.25rem}.welcome-card-eyebrow{color: var(--k-accent-text);font-size: 0.7rem;font-weight: 600;letter-spacing: var(--k-tracking-eyebrow);text-transform: uppercase}.welcome-card-title{margin: 0;color: var(--k-text-strong);font-family: var(--k-font-display);font-size: var(--k-font-size-xxl);font-weight: 800;letter-spacing: var(--k-tracking-display);line-height: 1.2}.welcome-card-intro{margin: 0;color: var(--k-text-secondary)}.welcome-card-steps{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: var(--k-space-m)}.welcome-step{min-width: 0;display: flex;flex-direction: column;gap: var(--k-space-xs);padding: var(--k-space-m);border: 1px solid var(--k-border);border-radius: var(--k-radius-card);background: var(--k-surface-sunken)}.welcome-step-heading{display: flex;align-items: center;gap: var(--k-space-s);margin-bottom: var(--k-space-xs)}.welcome-step-number{font-family: var(--k-font-display);font-size: var(--k-font-size-xl);font-weight: 800;line-height: 1;color: var(--k-accent-text);font-variant-numeric: tabular-nums}.welcome-step-icon{width: var(--k-icon-size-s);height: var(--k-icon-size-s);color: var(--k-text-tertiary)}.welcome-step-title{color: var(--k-text-strong);font-weight: 700}.welcome-step-detail{color: var(--k-text-secondary);font-size: var(--k-font-size-s)}.welcome-card-note{margin: 0;color: var(--k-text-secondary);font-size: var(--k-font-size-s)}.welcome-card-actions{display: flex;flex-wrap: wrap;gap: var(--k-space-s)}.welcome-card-action{margin: 0}.kpi-grid.kpi-grid--single{grid-template-columns: minmax(0,16em)}.kpi-grid.kpi-grid--three{grid-template-columns: repeat(3,minmax(0,1fr))}@media (max-width: 600px){.kpi-grid.kpi-grid--three{grid-template-columns: repeat(2,minmax(0,1fr))}}@media (max-width: 600px){.app-card.welcome-card{gap: var(--k-space-m);padding: var(--k-space-m)}.welcome-card-title{font-size: var(--k-font-size-xl)}.welcome-card-steps{grid-template-columns: minmax(0,1fr);gap: var(--k-space-s)}.welcome-card-action{width: 100%}.kpi-grid.kpi-grid--single{grid-template-columns: minmax(0,1fr)}}@media all and (max-width: 1100px){.list-view.editing .toolbar,.list-view.editing .contact-grid{display: none}}