@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";html{--lumo-font-family: "Inter", var(--lumo-font-family);--surface-ground: hsl(228, 16%, 8%);--surface-card: hsl(228, 16%, 12%);--surface-elevated: hsl(228, 16%, 15%);--surface-border: hsla(220, 20%, 100%, .07);--lumo-body-text-color: hsl(220, 20%, 88%);--lumo-secondary-text-color: hsl(220, 14%, 55%);--lumo-tertiary-text-color: hsl(220, 10%, 40%);--lumo-header-text-color: hsl(0, 0%, 96%);--brand-600: hsl(239, 70%, 64%);--brand-500: hsl(239, 70%, 58%);--brand-400: hsl(239, 70%, 72%);--brand-50: hsla(239, 70%, 64%, .08);--lumo-primary-color: var(--brand-500);--lumo-primary-color-50pct: hsla(239, 70%, 58%, .5);--lumo-primary-text-color: var(--brand-400);--lumo-success-color: hsl(160, 60%, 45%);--lumo-success-text-color: hsl(160, 60%, 55%);--lumo-error-color: hsl(0, 65%, 55%);--lumo-error-text-color: hsl(0, 65%, 65%);--lumo-border-radius-l: 12px;--lumo-border-radius-m: 8px;--lumo-base-color: var(--surface-card);--lumo-contrast-5pct: hsla(220, 20%, 100%, .04);--lumo-contrast-10pct: hsla(220, 20%, 100%, .07);--lumo-contrast-20pct: hsla(220, 20%, 100%, .12);--lumo-contrast-30pct: hsla(220, 20%, 100%, .18);--lumo-contrast-40pct: hsla(220, 20%, 100%, .24);--lumo-contrast-50pct: hsla(220, 20%, 100%, .32);--lumo-contrast-60pct: hsla(220, 20%, 100%, .5);--lumo-contrast-70pct: hsla(220, 20%, 100%, .65);--lumo-contrast-80pct: hsla(220, 20%, 100%, .78);--lumo-contrast-90pct: hsla(220, 20%, 100%, .88);--lumo-contrast: hsl(0, 0%, 96%);--lumo-shade-5pct: hsla(220, 20%, 100%, .04);--lumo-shade-10pct: hsla(220, 20%, 100%, .07);--lumo-shade-20pct: hsla(220, 20%, 100%, .12);--lumo-shade-30pct: hsla(220, 20%, 100%, .18);--lumo-shade-40pct: hsla(220, 20%, 100%, .24);--lumo-shade-50pct: hsla(220, 20%, 100%, .32);--lumo-shade-60pct: hsla(220, 20%, 100%, .5);--lumo-shade-70pct: hsla(220, 20%, 100%, .65);--lumo-shade-80pct: hsla(220, 20%, 100%, .78);--lumo-shade-90pct: hsla(220, 20%, 100%, .88);--lumo-shade: hsl(0, 0%, 96%);--lumo-tint-5pct: hsla(228, 16%, 8%, .04);--lumo-tint-10pct: hsla(228, 16%, 8%, .07);--lumo-tint-20pct: hsla(228, 16%, 8%, .12);--lumo-tint-30pct: hsla(228, 16%, 8%, .18);--lumo-tint-40pct: hsla(228, 16%, 8%, .24);--lumo-tint-50pct: hsla(228, 16%, 8%, .32);--lumo-tint-60pct: hsla(228, 16%, 8%, .5);--lumo-tint-70pct: hsla(228, 16%, 8%, .65);--lumo-tint-80pct: hsla(228, 16%, 8%, .78);--lumo-tint-90pct: hsla(228, 16%, 8%, .88);--lumo-tint: hsl(228, 16%, 8%)}body{background-color:var(--surface-ground)!important;color:var(--lumo-body-text-color)}vaadin-app-layout::part(navbar){background:#15171ed9;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid var(--surface-border);box-shadow:none;height:56px}vaadin-app-layout::part(drawer){background:#13141b;border-right:1px solid var(--surface-border);width:250px}vaadin-app-layout vaadin-side-nav-item::part(content){color:#7c879c;font-weight:500;font-size:14px;padding:8px 12px;border-radius:8px;margin:2px 12px;transition:all .15s ease}vaadin-app-layout vaadin-side-nav-item::part(content):hover{color:#d1d6e0;background:#ffffff0d}vaadin-app-layout vaadin-side-nav-item[active]::part(content){color:#fff;background:#6365e31f;font-weight:600}vaadin-app-layout vaadin-side-nav-item vaadin-icon{color:#636d83;width:18px;height:18px}vaadin-app-layout vaadin-side-nav-item[active] vaadin-icon{color:var(--brand-400)}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:20px 24px;border-bottom:1px solid var(--surface-border);margin-bottom:8px}.sidebar-brand-icon{width:30px;height:30px;border-radius:8px;background:linear-gradient(135deg,var(--brand-500),var(--brand-400));display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar-brand-icon vaadin-icon{color:#fff!important;width:16px;height:16px}.sidebar-brand-name{font-size:15px;font-weight:700;color:#f5f5f5;letter-spacing:-.02em}.nav-section-label{font-size:11px;font-weight:600;color:#586174;text-transform:uppercase;letter-spacing:.08em;padding:var(--lumo-space-l) 24px var(--lumo-space-xs)}.dark-card{background:var(--surface-card);border:1px solid var(--surface-border);border-radius:var(--lumo-border-radius-l)}.dark-card-elevated{background:var(--surface-elevated);border:1px solid var(--surface-border);border-radius:var(--lumo-border-radius-l)}.kpi-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px}.kpi-icon vaadin-icon{width:20px;height:20px}.kpi-blue{background:#6365e31a}.kpi-blue vaadin-icon{color:#8687ea}.kpi-green{background:#2eb88a1a}.kpi-green vaadin-icon{color:#47d1a3}.kpi-amber{background:#e69b191a}.kpi-amber vaadin-icon{color:#ebaf47}.kpi-purple{background:#995cd61a}.kpi-purple vaadin-icon{color:#b285e0}.hover-lift{transition:border-color .2s ease,background .2s ease}.hover-lift:hover{border-color:#ffffff1f;background:var(--surface-elevated)}.badge-draft{background:#7c879c1f;color:#99a2b2;padding:3px 10px;border-radius:6px;font-size:12px;font-weight:600}.badge-generated{background:#6365e31a;color:#8687ea;padding:3px 10px;border-radius:6px;font-size:12px;font-weight:600}.badge-sent{background:#2eb88a1a;color:#47d1a3;padding:3px 10px;border-radius:6px;font-size:12px;font-weight:600}.tabular-nums{font-variant-numeric:tabular-nums;letter-spacing:-.04em}.auth-brand-panel{flex:1;background:linear-gradient(135deg,#13141b,#1c1d54);display:flex;flex-direction:column;justify-content:center;padding:48px;color:#fff;position:relative;overflow:hidden;min-height:480px}.auth-brand-panel:before{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,hsla(239,70%,64%,.15),transparent 60%);pointer-events:none}.auth-brand-logo{font-size:18px;font-weight:800;letter-spacing:-.03em;margin-bottom:32px;position:relative;opacity:.8}.auth-brand-tagline{font-size:26px;font-weight:700;letter-spacing:-.03em;line-height:1.3;position:relative}.auth-brand-desc{font-size:14px;opacity:.5;margin-top:16px;line-height:1.7;position:relative}.auth-form-panel{background:var(--surface-card)}.page-title{color:#f5f5f5}vaadin-grid{border:none;--lumo-grid-border-color: transparent;background:transparent;--_lumo-grid-secondary-border-color: var(--surface-border)}vaadin-grid::part(header-cell){font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:#636d83;font-weight:600;border-bottom:1px solid var(--surface-border);background:transparent}vaadin-grid::part(cell){border-bottom:1px solid hsla(220,20%,100%,.03);color:var(--lumo-body-text-color)}vaadin-grid::part(row):hover>[part~=cell]{background:#ffffff08}vaadin-button[theme~=primary]{background:linear-gradient(135deg,var(--brand-500),var(--brand-600));border:none;box-shadow:0 2px 8px #494bdf33;transition:all .15s ease;font-weight:600;color:#fff}vaadin-button[theme~=primary]:hover{box-shadow:0 4px 16px #494bdf4d;transform:translateY(-1px)}vaadin-button[theme~=primary]:active{transform:translateY(0) scale(.98)}vaadin-button[theme~=tertiary]{color:#7c879c}vaadin-button[theme~=tertiary]:hover{color:#c2c9d6;background:#ffffff0a}vaadin-dialog-overlay::part(overlay){border-radius:var(--lumo-border-radius-l);background:var(--surface-card);border:1px solid var(--surface-border);box-shadow:0 20px 50px #00000080}vaadin-dialog-overlay::part(header){border-bottom:1px solid var(--surface-border)}vaadin-dialog-overlay::part(footer){border-top:1px solid var(--surface-border)}vaadin-text-field::part(input-field),vaadin-email-field::part(input-field),vaadin-password-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){background:#ffffff0a;border:1px solid var(--surface-border);border-radius:var(--lumo-border-radius-m);color:var(--lumo-body-text-color)}vaadin-text-field::part(input-field):focus,vaadin-email-field::part(input-field):focus,vaadin-password-field::part(input-field):focus,vaadin-number-field::part(input-field):focus,vaadin-text-area::part(input-field):focus,vaadin-combo-box::part(input-field):focus,vaadin-date-picker::part(input-field):focus{border-color:var(--brand-500);box-shadow:0 0 0 2px #494bdf26}.chart-bar{background:linear-gradient(180deg,var(--brand-400),var(--brand-500));min-height:4px;transition:height .3s ease}vaadin-progress-bar::part(bar){background:var(--brand-500)}vaadin-progress-bar::part(value){background:var(--brand-400)}vaadin-notification-card{background:var(--surface-elevated);border:1px solid var(--surface-border)}vaadin-avatar{--vaadin-avatar-outline-width: 0}vaadin-confirm-dialog-overlay::part(overlay){background:var(--surface-card);border:1px solid var(--surface-border)}@media (max-width: 768px){.auth-container-inner{flex-direction:column!important}.auth-brand-panel{min-height:180px;padding:32px}.auth-brand-tagline{font-size:20px}}