html{--lumo-primary-color: #4f46e5;--lumo-primary-color-50pct: rgba(79,70,229,0.5);--lumo-primary-color-10pct: rgba(79,70,229,0.1);--lumo-primary-text-color: #4338ca;--lumo-border-radius-s: 6px;--lumo-border-radius-m: 9px;--lumo-border-radius-l: 14px;--lumo-font-family: "Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--lumo-clickable-cursor: pointer;--vaadin-user-color-0: #4f46e5;--vaadin-user-color-1: #0ea5e9;--vaadin-user-color-2: #10b981;--vaadin-user-color-3: #f59e0b;--vaadin-user-color-4: #ef4444;--vaadin-user-color-5: #8b5cf6;--vaadin-user-color-6: #ec4899;--app-surface: var(--lumo-base-color);--app-shell-bg: var(--lumo-contrast-5pct);--app-border: var(--lumo-contrast-10pct)}html[theme~="dark"]{--lumo-primary-color: #818cf8;--lumo-primary-color-50pct: rgba(129,140,248,0.5);--lumo-primary-color-10pct: rgba(129,140,248,0.14);--lumo-primary-text-color: #c7d2fe;--app-shell-bg: var(--lumo-contrast-5pct)}.brand-mark{display: inline-flex;align-items: center;justify-content: center;width: 34px;height: 34px;border-radius: 9px;background: linear-gradient(135deg,#6366f1,#4338ca);box-shadow: 0 2px 6px rgba(67,56,202,0.35);flex: none}.brand-mark vaadin-icon{color: #fff;width: 18px;height: 18px}.app-navbar{padding: 0 var(--lumo-space-m);min-height: 60px;background: var(--app-surface);border-bottom: 1px solid var(--app-border);gap: var(--lumo-space-m)}.app-brand{display: inline-flex;align-items: center;gap: var(--lumo-space-s);padding-left: var(--lumo-space-xs)}.brand-name{font-weight: 700;font-size: var(--lumo-font-size-l);letter-spacing: -0.01em}vaadin-app-layout::part(drawer){padding: 0}[slot="drawer"]{height: 100%}.drawer-content{display: flex;flex-direction: column;height: 100%;background: var(--app-shell-bg)}.drawer-nav{flex: 1 1 auto;overflow-y: auto;padding: var(--lumo-space-s)}vaadin-side-nav-item{border-radius: var(--lumo-border-radius-m);margin-bottom: 2px;--vaadin-side-nav-item-color: var(--lumo-body-text-color)}vaadin-side-nav-item[active]{background: var(--lumo-primary-color-10pct);color: var(--lumo-primary-text-color);font-weight: 600}.drawer-account{flex: none;padding: var(--lumo-space-s);border-bottom: 1px solid var(--app-border)}.drawer-user{flex: none;padding: var(--lumo-space-s);border-top: 1px solid var(--app-border)}.account-trigger,.user-trigger{display: flex;align-items: center;gap: var(--lumo-space-s);width: 100%;padding: 8px 10px;border-radius: var(--lumo-border-radius-m);cursor: pointer;box-sizing: border-box;transition: background 0.12s ease}.account-trigger:hover,.user-trigger:hover{background: var(--lumo-contrast-5pct)}.account-mark{display: inline-flex;align-items: center;justify-content: center;width: 32px;height: 32px;border-radius: 8px;background: var(--lumo-primary-color-10pct);flex: none}.account-mark vaadin-icon{width: 18px;height: 18px;color: var(--lumo-primary-text-color)}.account-texts,.user-texts{display: flex;flex-direction: column;line-height: 1.2;min-width: 0;flex: 1 1 auto}.account-name,.user-name{font-weight: 700;font-size: var(--lumo-font-size-s);white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.account-sub,.user-mail{font-size: var(--lumo-font-size-xs);color: var(--lumo-secondary-text-color);white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.account-chevron{width: var(--lumo-icon-size-s);height: var(--lumo-icon-size-s);color: var(--lumo-tertiary-text-color);flex: none}.user-avatar{--vaadin-avatar-size: 32px;flex: none}.menu-row{gap: var(--lumo-space-s);align-items: center;min-width: 210px}.menu-row-texts{display: flex;flex-direction: column;line-height: 1.2}.menu-row-name{font-weight: 600;font-size: var(--lumo-font-size-s)}.menu-row-sub{font-size: var(--lumo-font-size-xs);color: var(--lumo-secondary-text-color)}.menu-row-icon{width: var(--lumo-icon-size-s);height: var(--lumo-icon-size-s);color: var(--lumo-secondary-text-color);flex: none}.menu-row-check{width: var(--lumo-icon-size-s);height: var(--lumo-icon-size-s);color: var(--lumo-primary-color);flex: none}.menu-accent .menu-row-icon,.menu-accent span{color: var(--lumo-primary-text-color);font-weight: 600}.menu-sep{border-top: 1px solid var(--app-border);margin-top: 4px;padding-top: 10px}.app-content{display: flex;flex-direction: column;height: 100%}.app-page-host{flex: 1 1 auto;min-height: 0;display: flex;flex-direction: column}.app-banner-sample{flex: none;box-sizing: border-box;width: 100%;background: var(--lumo-warning-color-10pct);color: var(--lumo-warning-text-color);border-bottom: 1px solid var(--lumo-warning-color-50pct);padding: var(--lumo-space-xs) var(--lumo-space-m);font-size: var(--lumo-font-size-s)}.page{padding: var(--lumo-space-l);gap: var(--lumo-space-m)}.page-header-row{margin-bottom: var(--lumo-space-xs)}.page-title{margin: 0;font-size: 1.5rem;font-weight: 700;letter-spacing: -0.02em}.page-subtitle{color: var(--lumo-secondary-text-color);font-size: var(--lumo-font-size-s)}.notice{padding: var(--lumo-space-l);border: 1px dashed var(--app-border);border-radius: var(--lumo-border-radius-l);background: var(--lumo-contrast-5pct);color: var(--lumo-secondary-text-color)}.muted{color: var(--lumo-secondary-text-color);font-size: var(--lumo-font-size-s)}.surface-grid{border-radius: var(--lumo-border-radius-l);border: 1px solid var(--app-border);overflow: hidden}.team-chips{display: flex;flex-wrap: wrap;gap: 4px;padding: 4px 0}.team-badge{display: inline-flex;align-items: center;gap: 6px;padding: 2px 10px 2px 8px;border-radius: 999px;font-size: var(--lumo-font-size-s);font-weight: 600;color: var(--team-color);background: color-mix(in srgb,var(--team-color) 12%,transparent);border: 1px solid color-mix(in srgb,var(--team-color) 30%,transparent);white-space: nowrap}.abuse-fields{display: flex;flex-wrap: wrap;gap: var(--lumo-space-m)}.abuse-fields>vaadin-integer-field{flex: 1 1 190px;min-width: 170px}.users-filters{gap: var(--lumo-space-m);padding-bottom: var(--lumo-space-xs);flex-wrap: wrap}.style-picker{display: flex;flex-direction: column;gap: 4px;width: 100%}.style-picker-caption{font-size: var(--lumo-font-size-s);color: var(--lumo-secondary-text-color);font-weight: 500}.style-picker-row{display: flex;flex-wrap: wrap;gap: 6px}.style-swatch{--lumo-button-size: 34px;min-width: 34px;width: 34px;padding: 0;border-radius: var(--lumo-border-radius-m);border: 2px solid transparent;cursor: var(--lumo-clickable-cursor)}.style-swatch[selected]{border-color: var(--lumo-primary-color);background: var(--lumo-primary-color-10pct)}.color-swatch{background: var(--swatch)}.color-swatch:hover{background: var(--swatch)}.color-swatch[selected]{background: var(--swatch);box-shadow: 0 0 0 2px var(--lumo-base-color),0 0 0 4px var(--swatch)}.settings-card{max-width: 720px;padding: var(--lumo-space-m);border: 1px solid var(--app-border);border-radius: var(--lumo-border-radius-l);background: var(--app-surface)}.settings-title{font-weight: 700;font-size: var(--lumo-font-size-l)}.settings-dl{display: grid;grid-template-columns: max-content 1fr;gap: 8px 20px;align-items: center}.settings-dt{color: var(--lumo-secondary-text-color);font-size: var(--lumo-font-size-s)}.settings-dd{font-weight: 600}.login-page{background: radial-gradient(1100px 600px at 15% -10%,rgba(99,102,241,0.16),transparent 60%),radial-gradient(900px 500px at 100% 110%,rgba(67,56,202,0.14),transparent 55%),var(--lumo-contrast-5pct);gap: var(--lumo-space-m)}.login-card{display: flex;flex-direction: column;align-items: center;gap: var(--lumo-space-xs);width: 380px;max-width: calc(100vw - 2 * var(--lumo-space-m));padding: var(--lumo-space-xl) var(--lumo-space-l) var(--lumo-space-l);background: var(--app-surface);border: 1px solid var(--app-border);border-radius: 18px;box-shadow: 0 20px 50px -20px rgba(30,27,75,0.35)}.login-card .brand-mark{width: 52px;height: 52px;border-radius: 14px;margin-bottom: var(--lumo-space-s)}.login-card .brand-mark vaadin-icon{width: 26px;height: 26px}.login-eyebrow{text-transform: uppercase;letter-spacing: 0.14em;font-size: 0.68rem;font-weight: 700;color: var(--lumo-primary-text-color)}.login-title{margin: 0;font-size: 1.8rem;font-weight: 800;letter-spacing: -0.02em}.login-tagline{margin: 0 0 var(--lumo-space-s);text-align: center;color: var(--lumo-secondary-text-color);font-size: var(--lumo-font-size-s)}.login-form{width: 100%}.login-remember{align-self: flex-start;margin-top: var(--lumo-space-s);font-size: var(--lumo-font-size-s)}.login-footer{color: var(--lumo-tertiary-text-color);font-size: var(--lumo-font-size-xs)}.login-alt{margin-top: var(--lumo-space-s);font-size: var(--lumo-font-size-s);color: var(--lumo-secondary-text-color)}.login-alt a{color: var(--lumo-primary-text-color);font-weight: 600;text-decoration: none}.login-alt a:hover{text-decoration: underline}.select-card{width: 460px}.account-search{width: 100%;margin-top: var(--lumo-space-s)}.account-list{width: 100%;display: flex;flex-direction: column;gap: var(--lumo-space-xs);margin-top: var(--lumo-space-s);max-height: 46vh;overflow-y: auto}.account-card{display: flex;align-items: center;gap: var(--lumo-space-s);padding: 10px 12px;border: 1px solid var(--app-border);border-radius: var(--lumo-border-radius-m);background: var(--app-surface);cursor: pointer;transition: background 0.12s ease,border-color 0.12s ease}.account-card:hover{background: var(--lumo-primary-color-10pct);border-color: var(--lumo-primary-color-50pct)}.account-card .account-chevron{margin-left: auto}.select-footer{margin-top: var(--lumo-space-s);display: flex;align-items: center;gap: 4px;font-size: var(--lumo-font-size-s);color: var(--lumo-secondary-text-color)}.register-card{width: 420px}.register-form{width: 100%;display: flex;flex-direction: column;gap: var(--lumo-space-xs)}.register-form>*{margin: 0}.login-submit{margin-top: var(--lumo-space-s)}vaadin-checkbox:not([disabled]),vaadin-radio-button:not([disabled]),vaadin-checkbox:not([disabled]) label,vaadin-radio-button:not([disabled]) label{cursor: pointer}vaadin-drawer-toggle:not([disabled]){cursor: pointer}.filter-chip-bar{display: flex;flex-wrap: wrap;align-items: center;gap: var(--lumo-space-s);padding: var(--lumo-space-xs) 0}.filter-chip{display: inline-flex;align-items: center;gap: var(--lumo-space-xs);padding: 2px 2px 2px 10px;background: var(--lumo-primary-color-10pct);border: 1px solid var(--lumo-primary-color-50pct);border-radius: var(--lumo-border-radius-l);font-size: var(--lumo-font-size-s);line-height: 1.6;white-space: nowrap;max-width: 320px}.filter-chip-label{overflow: hidden;text-overflow: ellipsis}.filter-chip-icon{color: var(--lumo-primary-color);width: var(--lumo-icon-size-s);height: var(--lumo-icon-size-s);flex: none}.filter-empty-hint{color: var(--lumo-secondary-text-color);font-size: var(--lumo-font-size-s);font-style: italic}.search-time-label{font-size: var(--lumo-font-size-xs);color: var(--lumo-secondary-text-color)}.search-base-vigencia{font-size: var(--lumo-font-size-s);color: var(--lumo-secondary-text-color);white-space: nowrap}.search-selection-bar{display: flex;flex-wrap: wrap;align-items: center;gap: var(--lumo-space-s);padding: var(--lumo-space-xs) var(--lumo-space-s);margin-bottom: var(--lumo-space-xs);border: 1px solid var(--lumo-primary-color-50pct);border-radius: var(--lumo-border-radius-m);background: var(--lumo-primary-color-10pct)}.search-selection-count{font-weight: 600;margin-right: var(--lumo-space-s)}.search-action-row{padding: var(--lumo-space-xs) 0}vaadin-button.select-toggle-active{background-color: var(--lumo-primary-color-10pct);color: var(--lumo-primary-text-color);font-weight: 600}.search-topbar,.search-topbar>vaadin-horizontal-layout{flex-wrap: wrap}.search-topbar{row-gap: var(--lumo-space-s)}.import-controls{flex-wrap: wrap;row-gap: var(--lumo-space-s)}.limit-marker-details,.limit-marker-banner{padding: 8px 16px;background: var(--lumo-warning-color-10pct);color: var(--lumo-warning-text-color);font-weight: 600;font-style: italic;font-size: var(--lumo-font-size-s)}.limit-marker-banner{border: 1px solid var(--lumo-warning-color-50pct);border-radius: var(--lumo-border-radius-m)}.limit-marker-content{display: flex;flex-wrap: wrap;align-items: baseline;gap: 4px 10px}.limit-marker-cta{font-style: normal;font-weight: 700;color: var(--lumo-primary-text-color);text-decoration: underline;white-space: nowrap}.search-loading-overlay{position: absolute;inset: 0;z-index: 100;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: var(--lumo-space-s)}.search-loading-overlay::before{content: "";position: absolute;inset: 0;background: var(--lumo-base-color);opacity: 0.72}.search-loading-overlay>*{position: relative}.search-loading-spinner{width: 42px;height: 42px;border-radius: 50%;border: 4px solid var(--lumo-contrast-20pct);border-top-color: var(--lumo-primary-color);animation: search-spin 0.8s linear infinite}.search-loading-label{color: var(--lumo-secondary-text-color);font-size: var(--lumo-font-size-s);font-weight: 600}@keyframes search-spin{to{transform: rotate(360deg)}}.detail-content{display: flex;flex-direction: column;gap: var(--lumo-space-m);padding: 0}.detail-hero{align-items: center;gap: var(--lumo-space-m);padding: var(--lumo-space-m);border: 1px solid var(--app-border);border-radius: var(--lumo-border-radius-l);background: radial-gradient(130% 150% at 0% 0%,var(--lumo-primary-color-10pct),transparent 62%),var(--app-surface)}.detail-hero-mark{display: inline-flex;align-items: center;justify-content: center;width: 52px;height: 52px;flex: none;border-radius: 14px;background: linear-gradient(135deg,#6366f1,#4338ca);box-shadow: 0 6px 16px rgba(67,56,202,0.35)}.detail-hero-mark vaadin-icon{color: #fff;width: 26px;height: 26px}.detail-hero-text{display: flex;flex-direction: column;gap: 3px;min-width: 0}.detail-hero-title{font-size: var(--lumo-font-size-xl);font-weight: 700;letter-spacing: -0.02em;line-height: 1.15}.detail-hero-sub{color: var(--lumo-secondary-text-color);font-size: var(--lumo-font-size-s)}.detail-badges{display: flex;flex-wrap: wrap;gap: 6px;margin-top: 6px}.detail-card{border: 1px solid var(--app-border);border-radius: var(--lumo-border-radius-l);background: var(--app-surface);padding: var(--lumo-space-m)}.detail-card-head{align-items: center;gap: var(--lumo-space-s);margin-bottom: var(--lumo-space-m)}.detail-card-icon{color: var(--lumo-primary-color);width: 20px;height: 20px}.detail-card-title{font-weight: 600;font-size: var(--lumo-font-size-m);letter-spacing: -0.01em}.detail-count{margin-inline-start: 2px}.detail-info{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: var(--lumo-space-s) var(--lumo-space-l)}.detail-item{display: flex;flex-direction: column;gap: 2px;min-width: 0}.detail-item-wide{grid-column: 1 / -1}.detail-label{font-size: var(--lumo-font-size-xxs);text-transform: uppercase;letter-spacing: 0.06em;font-weight: 600;color: var(--lumo-secondary-text-color)}.detail-value{font-size: var(--lumo-font-size-s);color: var(--lumo-body-text-color);word-break: break-word}.detail-empty{color: var(--lumo-tertiary-text-color)}.detail-link{color: var(--lumo-primary-text-color);font-weight: 500;text-decoration: none}.detail-link:hover{text-decoration: underline}.detail-masked{color: var(--lumo-tertiary-text-color);letter-spacing: 0.12em;user-select: none}.detail-slot{min-width: 0}.reveal-bar{align-items: center;gap: var(--lumo-space-s);padding: var(--lumo-space-s) var(--lumo-space-m);border: 1px solid var(--lumo-primary-color-50pct);border-radius: var(--lumo-border-radius-m);background: var(--lumo-primary-color-10pct)}.reveal-bar-icon{color: var(--lumo-primary-color);width: 20px;height: 20px;flex: none}.reveal-bar-msg{font-size: var(--lumo-font-size-s);color: var(--lumo-secondary-text-color)}.reveal-bar-done{border-color: var(--app-border);background: var(--lumo-success-color-10pct)}.reveal-bar-done .reveal-bar-icon{color: var(--lumo-success-text-color)}.detail-note{padding: var(--lumo-space-s) var(--lumo-space-m);border: 1px dashed var(--app-border);border-radius: var(--lumo-border-radius-m);background: var(--lumo-contrast-5pct);color: var(--lumo-secondary-text-color);font-size: var(--lumo-font-size-s);font-style: italic}.socio-cell{align-items: center;gap: var(--lumo-space-s)}.socio-avatar{--vaadin-avatar-size: 1.75rem;flex: none}.socio-name{font-weight: 500}@media (max-width: 520px){.detail-info{grid-template-columns: 1fr}}.kanban-filters{gap: var(--lumo-space-s);flex-wrap: wrap;justify-content: flex-end}.kanban-board{display: flex;gap: var(--lumo-space-m);align-items: stretch;flex: 1 1 auto;min-height: 0;width: 100%;overflow-x: auto;overflow-y: hidden;padding: var(--lumo-space-xs) 0 var(--lumo-space-m)}.kanban-col{display: flex;flex-direction: column;flex: 0 0 300px;width: 300px;min-height: 0;background: var(--lumo-contrast-5pct);border: 1px solid var(--app-border);border-radius: var(--lumo-border-radius-l);overflow: hidden}.kanban-col-head{flex: none;padding: var(--lumo-space-s) var(--lumo-space-m);border-bottom: 1px solid var(--app-border);border-top: 3px solid var(--lumo-primary-color);background: var(--app-surface)}.kanban-col--won .kanban-col-head{border-top-color: var(--lumo-success-color)}.kanban-col--lost .kanban-col-head{border-top-color: var(--lumo-error-color)}.kanban-col-name{font-weight: 700;letter-spacing: -0.01em}.kanban-col-count{background: var(--lumo-contrast-10pct);color: var(--lumo-secondary-text-color);border-radius: 999px;padding: 0 8px;font-size: var(--lumo-font-size-xs);font-weight: 600}.kanban-col-sum{display: block;margin-top: 2px;font-size: var(--lumo-font-size-xs);color: var(--lumo-secondary-text-color)}.kanban-grid{flex: 1 1 auto;min-height: 60px;background: transparent;--lumo-base-color: transparent}.kanban-grid::part(header-cell){display: none}.kanban-grid::part(row),.kanban-grid::part(cell){background: transparent}.kanban-grid vaadin-grid-cell-content{padding: 2px 5px;transition: transform 0.16s ease}.kanban-grid.kb-over:not(:has(.kanban-card)){position: relative}.kanban-grid.kb-over:not(:has(.kanban-card))::before{content: "";position: absolute;top: 7px;left: 4px;right: 4px;height: 44px;box-sizing: border-box;border: 2px dashed var(--lumo-primary-color);background: var(--lumo-primary-color-10pct);border-radius: 10px;pointer-events: none;z-index: 4;transform-origin: top center;animation: kanban-slot-grow 0.16s ease-out}@keyframes kanban-slot-grow{from{transform: scaleY(0.05);opacity: 0.15}to{transform: scaleY(1);opacity: 1}}@keyframes kanban-card-bounce{0%{transform: scale(0.92)}55%{transform: scale(1.04)}75%{transform: scale(0.99)}100%{transform: scale(1)}}.kanban-card--dropped{animation: kanban-card-bounce 0.4s cubic-bezier(0.34,1.56,0.64,1)}.kanban-card{background: var(--app-surface);border: 1px solid var(--app-border);border-radius: var(--lumo-border-radius-m);padding: 10px 12px;cursor: grab;box-shadow: 0 1px 2px rgba(15,23,42,0.06);transition: box-shadow 0.12s ease,border-color 0.12s ease}.kanban-card:hover{border-color: var(--lumo-primary-color-50pct);box-shadow: 0 4px 12px -4px rgba(30,27,75,0.28)}.kanban-card:active{cursor: grabbing}.kanban-card-title{font-weight: 600;font-size: var(--lumo-font-size-s);line-height: 1.25;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical}.kanban-card-cnpj{display: block;margin-top: 2px;font-size: var(--lumo-font-size-xs);color: var(--lumo-tertiary-text-color)}.kanban-card-base-alert{display: inline-block;margin-top: 6px}.kanban-card-foot{margin-top: 8px}.kanban-card-who{gap: 6px;min-width: 0}.kanban-avatar{--vaadin-avatar-size: 22px;flex: none}.kanban-card-who-name{font-size: var(--lumo-font-size-xs);color: var(--lumo-secondary-text-color);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 130px}.kanban-value{flex: none;background: var(--lumo-success-color-10pct);color: var(--lumo-success-text-color);border-radius: var(--lumo-border-radius-s);padding: 1px 8px;font-size: var(--lumo-font-size-xs);font-weight: 700;white-space: nowrap}.lead-dialog-body{display: flex;flex-direction: column;gap: var(--lumo-space-s);width: 100%}.lead-section-title{font-weight: 700;margin-top: var(--lumo-space-xs)}.lead-activity-form{align-items: flex-end}.timeline{display: flex;flex-direction: column;gap: var(--lumo-space-s);max-height: 260px;overflow-y: auto;padding-right: 4px}.timeline-item{display: flex;gap: var(--lumo-space-s);align-items: flex-start}.timeline-icon-wrap{flex: none;width: 28px;height: 28px;border-radius: 50%;display: inline-flex;align-items: center;justify-content: center;background: var(--lumo-primary-color-10pct)}.timeline-icon{width: 15px;height: 15px;color: var(--lumo-primary-text-color)}.timeline-body{display: flex;flex-direction: column;gap: 1px;min-width: 0}.timeline-main{font-size: var(--lumo-font-size-s);font-weight: 500}.timeline-note{font-size: var(--lumo-font-size-s);color: var(--lumo-body-text-color)}.timeline-meta{font-size: var(--lumo-font-size-xs);color: var(--lumo-tertiary-text-color)}.dashboard-filters{flex-wrap: wrap;row-gap: var(--lumo-space-s);align-items: flex-end}.dashboard-section{display: flex;flex-direction: column;gap: var(--lumo-space-s);margin-top: var(--lumo-space-m);width: 100%}.dashboard-section-title{font-weight: 700;font-size: var(--lumo-font-size-l);letter-spacing: -0.01em}.kpi-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(190px,1fr));gap: var(--lumo-space-m);width: 100%}.kpi-card{display: flex;flex-direction: column;gap: 2px;min-width: 0;padding: var(--lumo-space-m);border: 1px solid var(--app-border);border-radius: var(--lumo-border-radius-l);background: var(--app-surface)}.kpi-label{font-size: var(--lumo-font-size-xs);text-transform: uppercase;letter-spacing: 0.06em;font-weight: 600;color: var(--lumo-secondary-text-color)}.kpi-value{font-size: clamp(1.15rem,0.9rem + 0.9vw,1.5rem);font-weight: 800;letter-spacing: -0.02em;line-height: 1.15;white-space: nowrap;font-variant-numeric: tabular-nums}.kpi-delta{font-size: var(--lumo-font-size-xs);font-weight: 600}.kpi-delta--good{color: var(--lumo-success-text-color)}.kpi-delta--bad{color: var(--lumo-error-text-color)}.kpi-delta--flat{color: var(--lumo-tertiary-text-color)}.funnel{display: flex;flex-direction: column;gap: var(--lumo-space-xs);border: 1px solid var(--app-border);border-radius: var(--lumo-border-radius-l);background: var(--app-surface);padding: var(--lumo-space-m);width: 100%;box-sizing: border-box}.funnel-track{min-width: 40px}.funnel-row{display: grid;grid-template-columns: 130px 1fr 150px;align-items: center;gap: var(--lumo-space-m)}.funnel-name{font-size: var(--lumo-font-size-s);font-weight: 600;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.funnel-track{background: var(--lumo-contrast-10pct);border-radius: 999px;height: 14px;overflow: hidden}.funnel-bar{height: 100%;border-radius: 999px;background: var(--lumo-primary-color);min-width: 0;transition: width 0.25s ease}.funnel-bar--won{background: var(--lumo-success-color)}.funnel-bar--lost{background: var(--lumo-error-color)}.funnel-meta{font-size: var(--lumo-font-size-s);color: var(--lumo-secondary-text-color);white-space: nowrap;min-width: 90px;text-align: right}@media (max-width: 600px){.funnel-row{grid-template-columns: 96px 1fr}.funnel-meta{grid-column: 2;text-align: left}}.legal-page{padding: 32px 16px;display: flex;justify-content: center}.legal-doc{max-width: 760px;width: 100%;line-height: 1.65}.legal-doc h1{margin: 12px 0 4px}.legal-doc h2{font-size: var(--lumo-font-size-l);margin: 22px 0 6px}.legal-doc p{color: var(--lumo-secondary-text-color)}.legal-draft{background: var(--lumo-error-color-10pct);color: var(--lumo-error-text-color);border: 1px solid var(--lumo-error-color-50pct);border-radius: var(--lumo-border-radius-m);padding: 8px 12px;margin: 8px 0 16px;font-weight: 600;font-size: var(--lumo-font-size-s)}.legal-section{margin-bottom: 8px}.register-accept{margin: 4px 0 12px}.register-accept-text{font-size: var(--lumo-font-size-s);color: var(--lumo-secondary-text-color)}.plans-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(240px,1fr));gap: 20px;width: 100%;align-items: stretch;margin-top: 8px}.plan-card{position: relative;display: flex;flex-direction: column;gap: 14px;padding: 24px 22px;background: var(--lumo-base-color);border: 1px solid var(--lumo-contrast-10pct);border-radius: var(--lumo-border-radius-l);box-shadow: var(--lumo-box-shadow-xs);transition: box-shadow .15s ease,transform .15s ease,border-color .15s ease}.plan-card:hover{box-shadow: var(--lumo-box-shadow-s);transform: translateY(-2px)}.plan-card-featured{border-color: var(--lumo-primary-color);box-shadow: 0 0 0 1px var(--lumo-primary-color),var(--lumo-box-shadow-s)}.plan-ribbon{position: absolute;top: -11px;left: 50%;transform: translateX(-50%);background: var(--lumo-primary-color);color: var(--lumo-primary-contrast-color);font-size: var(--lumo-font-size-xxs);font-weight: 700;letter-spacing: .06em;text-transform: uppercase;padding: 2px 12px;border-radius: 999px;white-space: nowrap}.plan-name{font-size: var(--lumo-font-size-l);font-weight: 700}.plan-price-box{display: flex;flex-direction: column;gap: 2px}.plan-price-line{display: flex;align-items: baseline;gap: 4px}.plan-price{font-size: 1.9rem;font-weight: 800;letter-spacing: -0.02em}.plan-price-period,.plan-annual-note{color: var(--lumo-secondary-text-color);font-size: var(--lumo-font-size-s)}.plan-price-sob{font-size: var(--lumo-font-size-xl);font-weight: 700}.plan-quotas{display: flex;gap: 12px;padding: 10px 0;border-top: 1px solid var(--lumo-contrast-10pct);border-bottom: 1px solid var(--lumo-contrast-10pct)}.plan-quota{display: flex;flex-direction: column;min-width: 0;flex: 1}.plan-quota-value{font-weight: 700;font-variant-numeric: tabular-nums}.plan-quota-label{font-size: var(--lumo-font-size-xs);color: var(--lumo-secondary-text-color)}.plan-features{display: flex;flex-direction: column;gap: 8px;flex-grow: 1}.plan-feature{display: flex;gap: 8px;align-items: flex-start;font-size: var(--lumo-font-size-s);color: var(--lumo-body-text-color)}.plan-feature-check{color: var(--lumo-success-color);width: 1em;height: 1em;margin-top: 3px;flex-shrink: 0}.plan-cta{width: 100%;margin-top: 4px}.plans-packs-hint{margin-top: 16px;font-size: var(--lumo-font-size-s);color: var(--lumo-secondary-text-color)}.credits-badge{background: var(--lumo-primary-color-10pct);color: var(--lumo-primary-text-color);border-radius: 999px;padding: 4px 12px;font-size: var(--lumo-font-size-s);font-weight: 600;white-space: nowrap}.packs-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(150px,1fr));gap: 12px;width: 100%}.pack-card{display: flex;flex-direction: column;align-items: center;gap: 2px;padding: 14px 12px;border: 1px solid var(--lumo-contrast-10pct);border-radius: var(--lumo-border-radius-m);background: var(--lumo-base-color)}.pack-credits{font-size: var(--lumo-font-size-xl);font-weight: 800;font-variant-numeric: tabular-nums}.pack-pool{font-size: var(--lumo-font-size-xs);color: var(--lumo-secondary-text-color)}.pack-price{font-weight: 700;margin-top: 4px}.pack-price-full{font-size: var(--lumo-font-size-xs);color: var(--lumo-secondary-text-color);text-decoration: line-through;margin-top: 4px}.pack-card vaadin-button{margin-top: 8px;width: 100%}[theme~="badge"].lead-badge-neutral{background-color: var(--lumo-contrast-10pct);color: var(--lumo-secondary-text-color)}