:root{color-scheme: light;--crm-sidebar-bg: #ffffff;--crm-sidebar-border: #e6e9ef;--crm-sidebar-text: #1c2433;--crm-sidebar-text-muted: #6b7280;--crm-sidebar-hover-bg: #f5f7fa;--crm-sidebar-active-bg: rgba(25,118,255,0.10);--crm-sidebar-active-text: #1976ff;--crm-sidebar-divider: #e6e9ef;--crm-navbar-bg: #ffffff;--crm-navbar-border: #e6e9ef;--crm-navbar-title: #1c2433;--crm-accent: #1976ff;--crm-accent-soft: rgba(25,118,255,0.10);--crm-drawer-width: 240px;--crm-surface: #ffffff;--crm-surface-2: #f5f7fa;--crm-border: #e6e9ef;--crm-text-muted: #6b7280;--crm-on-surface: #1c2433;--crm-priority-high-bg: rgba(239,83,80,0.18);--crm-priority-high-fg: #ef5350;--crm-priority-medium-bg: rgba(255,179,0,0.18);--crm-priority-medium-fg: #ffb300;--crm-priority-low-bg: rgba(158,158,158,0.18);--crm-priority-low-fg: #9e9e9e;--crm-divider-thickness: 1px}:root.theme-dark{color-scheme: dark;--crm-sidebar-bg: #181c24;--crm-sidebar-border: #2a2f3a;--crm-sidebar-text: #e6e9ef;--crm-sidebar-text-muted: #9aa3b2;--crm-sidebar-hover-bg: #232834;--crm-sidebar-active-bg: rgba(95,168,255,0.18);--crm-sidebar-active-text: #5fa8ff;--crm-sidebar-divider: #2a2f3a;--crm-navbar-bg: #181c24;--crm-navbar-border: #2a2f3a;--crm-navbar-title: #ffffff;--crm-accent: #5fa8ff;--crm-accent-soft: rgba(95,168,255,0.18);--crm-surface: #2a2a2a;--crm-surface-2: #3a3a3a;--crm-border: #333333;--crm-text-muted: #9e9e9e;--crm-on-surface: #ffffff}@media (prefers-color-scheme: dark){:root:not(.theme-dark):not(.theme-light){color-scheme: dark;--crm-sidebar-bg: #181c24;--crm-sidebar-border: #2a2f3a;--crm-sidebar-text: #e6e9ef;--crm-sidebar-text-muted: #9aa3b2;--crm-sidebar-hover-bg: #232834;--crm-sidebar-active-bg: rgba(95,168,255,0.18);--crm-sidebar-active-text: #5fa8ff;--crm-sidebar-divider: #2a2f3a;--crm-navbar-bg: #181c24;--crm-navbar-border: #2a2f3a;--crm-navbar-title: #ffffff;--crm-accent: #5fa8ff;--crm-accent-soft: rgba(95,168,255,0.18);--crm-surface: #2a2a2a;--crm-surface-2: #3a3a3a;--crm-border: #333333;--crm-text-muted: #9e9e9e;--crm-on-surface: #ffffff}}html{--aura-app-layout-inset: 0px;--aura-app-layout-radius: 0px;--aura-app-layout-border-width: 0px;--vaadin-app-layout-drawer-width: var(--crm-drawer-width);--vaadin-app-layout-navbar-background: var(--crm-navbar-bg);--vaadin-app-layout-drawer-background: var(--crm-sidebar-bg)}vaadin-app-layout::part(navbar){display: flex;align-items: center;gap: var(--vaadin-gap-m);min-height: 56px;padding: 0 var(--vaadin-padding-l);background: var(--crm-navbar-bg);border-bottom: 1px solid var(--crm-navbar-border);box-shadow: none}vaadin-app-layout::part(drawer){background: var(--crm-sidebar-bg);border-right: 1px solid var(--crm-sidebar-border);padding: 0;display: flex;flex-direction: column;overflow: hidden}.erp-sidebar-logo{display: flex;align-items: center;justify-content: center;padding: 18px 16px 14px;font-weight: 700;font-size: 1.05rem;letter-spacing: 0.02em;color: var(--crm-sidebar-text);flex: none}vaadin-side-nav{--vaadin-icon-size: 20px;padding: 4px 12px 12px;flex: 1 1 auto;min-height: 0}vaadin-side-nav-item{--vaadin-side-nav-item-padding: 10px 12px;--vaadin-side-nav-item-border-radius: 8px;--vaadin-side-nav-item-font-weight: 500;--vaadin-side-nav-item-text-color: var(--crm-sidebar-text);--vaadin-side-nav-item-background: transparent;--vaadin-side-nav-child-indent: 16px;--vaadin-side-nav-item-gap: 10px}vaadin-side-nav-item:hover{--vaadin-side-nav-item-background: var(--crm-sidebar-hover-bg)}vaadin-side-nav-item[current]{--vaadin-side-nav-item-background: var(--crm-sidebar-active-bg);--vaadin-side-nav-item-text-color: var(--crm-sidebar-active-text);--vaadin-side-nav-item-font-weight: 600}vaadin-side-nav-item:not([current]) vaadin-icon{color: var(--crm-sidebar-text-muted)}vaadin-side-nav-item[current] vaadin-icon{color: var(--crm-sidebar-active-text)}vaadin-side-nav-item [part="children"]{position: relative}vaadin-side-nav-item [part="children"]::before{content: "";position: absolute;left: 24px;top: 6px;bottom: 6px;width: 1px;background: var(--crm-sidebar-divider);pointer-events: none}vaadin-side-nav-item [expanded] [part="children"]>vaadin-side-nav-item::part(content)::before{content: "";display: inline-block;width: 10px;height: 1px;margin-right: 8px;background: var(--crm-sidebar-divider);flex: none}.erp-sidebar-footer{display: flex;flex-direction: column;gap: 4px;padding: 8px 12px 14px;border-top: 1px solid var(--crm-sidebar-divider);margin-top: auto;flex: none}.erp-navbar-spacer{flex: 1 1 auto}.erp-navbar-h1{font-size: 1.25rem;font-weight: 600;color: var(--crm-navbar-title);margin: 0;line-height: 1.2}.erp-hamburger{background: var(--crm-accent-soft);color: var(--crm-accent);border-radius: 8px;width: 36px;height: 36px;min-width: 36px;padding: 0;display: inline-flex;align-items: center;justify-content: center;cursor: pointer;border: none;flex: none}.erp-hamburger::part(icon),.erp-hamburger vaadin-icon,.erp-hamburger iron-icon{color: var(--crm-accent)}.erp-hamburger[hidden]{display: inline-flex !important}.erp-search{position: relative;width: 280px;flex: none}.erp-search::part(input-field){background: var(--crm-navbar-bg);border: 1px solid var(--crm-sidebar-border);border-radius: 999px;padding-inline: 8px}.erp-search::part(input-field):hover{border-color: var(--crm-accent)}.erp-search-field{--vaadin-spinner-size: 28px;--vaadin-spinner-width: 3px}vaadin-combo-box.erp-search-field::part(loader){inset: 0;margin: auto}.erp-search-hit{width: 100%}.erp-search-hit-icon{width: 16px;height: 16px;flex: none;color: var(--crm-sidebar-text-muted)}.erp-search-badge{flex: none;display: inline-block;box-sizing: border-box;min-width: 9ch;text-align: center;font-size: 11px;font-weight: 600;line-height: 1;padding: 4px 8px;border-radius: 999px;white-space: nowrap}.erp-search-badge-company{background: rgba(37,99,235,0.14);color: #2563eb}.erp-search-badge-contact{background: rgba(5,150,105,0.14);color: #059669}.erp-search-badge-order{background: rgba(217,119,6,0.16);color: #d97706}.erp-search-hit-texts{min-width: 0;flex: 1}.erp-search-hit-title{font-weight: 600;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.erp-search-hit-subtitle{font-size: 12px;color: var(--crm-sidebar-text-muted);white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.erp-bell{background: transparent;border: none;color: var(--crm-sidebar-text-muted);cursor: pointer;width: 36px;height: 36px;border-radius: 8px;display: inline-flex;align-items: center;justify-content: center;position: relative;padding: 0;flex: none}.erp-bell:hover{background: var(--crm-sidebar-hover-bg);color: var(--crm-sidebar-text)}.erp-bell-badge{position: absolute;top: 4px;right: 4px;min-width: 16px;height: 16px;border-radius: 999px;background: #ef4444;color: #ffffff;font-size: 10px;font-weight: 600;display: inline-flex;align-items: center;justify-content: center;padding: 0 4px;pointer-events: none}.erp-user-button{display: inline-flex;align-items: center;gap: 10px;padding: 4px 10px 4px 4px;background: transparent;border: none;border-radius: 999px;color: var(--crm-sidebar-text);cursor: pointer;flex: none}.erp-user-button:hover{background: var(--crm-sidebar-hover-bg)}.erp-user-text{display: flex;flex-direction: column;align-items: flex-start;line-height: 1.2}.erp-user-name{font-weight: 600;font-size: 0.875rem;color: var(--crm-sidebar-text)}.erp-user-org{font-size: 0.75rem;color: var(--crm-sidebar-text-muted)}.erp-user-chevron{color: var(--crm-sidebar-text-muted);display: inline-flex;align-items: center}@media (max-width: 900px){.erp-search{width: 200px}}@media (max-width: 700px){.erp-search{width: 160px}.erp-user-text{display: none}.erp-user-button{padding: 4px}}@media (max-width: 520px){.erp-search{display: none}.erp-navbar-h1{font-size: 1.05rem}}.erp-login-view{display: flex !important;align-items: center;justify-content: center;min-height: 100vh;background: radial-gradient(ellipse at top left,rgba(25,118,255,0.08),transparent 55%),radial-gradient(ellipse at bottom right,rgba(25,118,255,0.05),transparent 55%),var(--crm-surface,#ffffff)}.erp-login-card{width: min(420px,92vw);max-width: 420px;flex-shrink: 0;box-sizing: border-box;padding: 2.5rem 2rem 2rem;border-radius: 16px;background: var(--crm-surface,#ffffff);border: 1px solid var(--crm-border,#e6e9ef);box-shadow: 0 10px 30px rgba(15,23,42,0.06),0 2px 6px rgba(15,23,42,0.04);display: flex;flex-direction: column;align-items: center}.erp-login-brand{display: inline-block;font-size: 1.5rem;font-weight: 700;letter-spacing: 0.02em;color: var(--crm-accent);margin-bottom: 0.25rem;align-self: center}.erp-login-subtitle{font-size: 0.95rem;color: var(--crm-text-muted,#6b7280);margin-bottom: 1.5rem;text-align: center;align-self: center}.erp-login-card vaadin-login-form{width: 100%;align-self: stretch}.erp-login-card vaadin-login-form-wrapper{--vaadin-login-form-width: 100%;background: transparent;box-shadow: none;padding: 0;border: 0}:root.theme-dark .erp-login-view{background: radial-gradient(ellipse at top left,rgba(76,141,255,0.18),transparent 55%),radial-gradient(ellipse at bottom right,rgba(76,141,255,0.10),transparent 55%),var(--crm-surface)}:root.theme-dark .erp-login-card{background: var(--crm-surface);border-color: var(--crm-border);box-shadow: 0 10px 30px rgba(0,0,0,0.4),0 2px 6px rgba(0,0,0,0.25)}:root.theme-dark .erp-login-subtitle{color: var(--crm-text-muted)}.company-edit-shell{background: var(--crm-surface-2);padding: 12px 16px 96px 16px;box-sizing: border-box}.company-edit-breadcrumb,.company-board-breadcrumb{padding: 4px 24px 0 24px;font-size: 13px}.company-board-hero{background: var(--crm-surface);box-sizing: border-box}.company-board-breadcrumb{box-sizing: border-box}.contact-board-breadcrumb{padding: 4px 24px 0 24px;font-size: 13px;box-sizing: border-box}.contact-board-hero{background: var(--crm-surface);box-sizing: border-box}.contact-board-breadcrumb a,.contact-board-breadcrumb router-link{color: var(--crm-accent);text-decoration: none;font-size: 13px}.company-edit-breadcrumb a,.company-edit-breadcrumb router-link,.company-board-breadcrumb a,.company-board-breadcrumb router-link{color: var(--crm-accent);text-decoration: none;font-size: 13px}.company-edit-form{display: flex;flex-direction: column;gap: 16px}.company-edit-section-nav{background: var(--crm-surface);border-bottom: 1px solid var(--crm-border);padding: 8px 0;display: flex;flex-wrap: wrap;gap: 6px;margin: 0}.company-edit-section-nav vaadin-button[data-active="true"],.company-edit-section-nav button[aria-current="true"]{color: var(--crm-accent);border-bottom: 2px solid var(--crm-accent);font-weight: 600}.company-edit-card{background: var(--crm-surface);border: 1px solid var(--crm-border);border-radius: 10px;padding: 20px;box-shadow: 0 1px 3px rgba(0,0,0,0.05);scroll-margin-top: 120px}.company-edit-audit{background: var(--crm-surface-2);border: 1px solid var(--crm-border);border-radius: 10px;padding: 12px 16px}.company-edit-collection{display: flex;flex-direction: column;margin-bottom: 24px;gap: 12px}.company-edit-collection:last-child{margin-bottom: 0}.company-edit-collection__title{margin: 0;font-size: 11px;font-weight: 700;letter-spacing: 0.08em;color: var(--crm-text-muted);text-transform: uppercase}.company-edit-collection vaadin-grid{--vaadin-grid-height-by-rows: true}@media (max-width: 700px){.company-edit-collection vaadin-grid{--vaadin-grid-cell-padding: 4px 8px}}.company-edit-sticky-footer{position: sticky;bottom: 0;z-index: 5;background: var(--crm-surface);border-top: 1px solid var(--crm-border);padding: 12px 24px;display: flex;align-items: center;justify-content: space-between;gap: 16px;box-shadow: 0 -2px 8px rgba(0,0,0,0.04);border-radius: 0}.company-edit-history{background: var(--crm-surface);border: 1px solid var(--crm-border);border-radius: 10px;padding: 20px;box-shadow: 0 1px 3px rgba(0,0,0,0.05);margin-bottom: 16px}.company-edit-history__title{margin: 0 0 12px 0;font-size: 11px;font-weight: 700;letter-spacing: 0.08em;color: var(--crm-text-muted);text-transform: uppercase}.company-edit-history__empty{display: block;color: var(--crm-text-muted);font-size: 13px;font-style: italic}.company-edit-history__revision{border-top: 1px solid var(--crm-border);padding: 12px 0}.company-edit-history__revision:first-of-type{border-top: 0;padding-top: 4px}.company-edit-history__meta{display: flex;align-items: center;flex-wrap: wrap;gap: 8px;font-size: 12px;color: var(--crm-text-muted);margin-bottom: 6px}.company-edit-history__time{font-weight: 600;color: var(--crm-on-surface)}.company-edit-history__user{font-style: italic}.company-edit-history__entity{background: rgba(25,118,255,0.10);color: var(--crm-accent);font-size: 10px;font-weight: 700;padding: 2px 6px;border-radius: 4px;letter-spacing: 0.04em;text-transform: uppercase;white-space: nowrap}.company-edit-history__body{display: flex;flex-direction: column;gap: 4px;margin-top: 4px}.company-edit-history__row{display: grid;grid-template-columns: 160px 1fr 16px 1fr;gap: 8px;align-items: center;font-size: 13px;padding: 4px 0}.company-edit-history__label{color: var(--crm-text-muted);font-size: 11px;text-transform: uppercase;letter-spacing: 0.04em}.company-edit-history__old{color: var(--crm-text-muted);text-decoration: line-through;overflow-wrap: anywhere;min-width: 0}.company-edit-history__arrow{color: var(--crm-text-muted);text-align: center}.company-edit-history__new{font-weight: 600;color: var(--crm-on-surface);overflow-wrap: anywhere;min-width: 0}@media (max-width: 700px){.company-edit-shell{padding: 16px 16px 120px 16px}.company-edit-card{padding: 16px}.company-edit-section-nav{flex-wrap: wrap;top: 56px}.company-edit-sticky-footer{flex-wrap: wrap;padding: 10px 16px}.company-edit-history__row{grid-template-columns: 1fr;gap: 2px}.company-edit-history__arrow{display: none}}}}.contact-detail-dialog{background: var(--crm-surface-2)}.contact-detail-hero{background: var(--crm-surface);padding: 20px 24px;border-bottom: 1px solid var(--crm-border);display: flex;align-items: center;gap: 16px;flex-wrap: wrap}.contact-detail-hero__avatar{width: 56px;height: 56px;font-size: 18px;font-weight: 700;flex-shrink: 0}.contact-detail-hero__identity{flex: 1 1 auto;min-width: 0}.contact-detail-hero__name{margin: 0;font-size: 22px;font-weight: 700;color: var(--crm-on-surface);line-height: 1.2}.contact-detail-hero__subtitle{color: var(--crm-text-muted);font-size: 13px;margin-top: 4px;display: block}.contact-detail-hero__actions{display: flex;gap: 8px;flex-shrink: 0}.contact-detail-quick-actions{width: 100%;display: flex;flex-wrap: wrap;gap: 8px;margin-top: 12px}.contact-detail-chip{display: inline-flex;align-items: center;gap: 6px;background: var(--crm-surface-2);border: 1px solid var(--crm-border);border-radius: 999px;padding: 6px 8px 6px 12px;font-size: 13px;color: var(--crm-accent);cursor: pointer;text-decoration: none;transition: background-color 0.12s ease,border-color 0.12s ease}.contact-detail-chip:hover{background: var(--crm-surface);border-color: var(--crm-accent);text-decoration: none}.contact-detail-chip__icon{width: 14px;height: 14px;flex-shrink: 0}.contact-detail-chip__value{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 220px}.contact-detail-chip__copy{flex-shrink: 0;margin-left: 2px}.contact-detail-tabs{background: var(--crm-surface);border-bottom: 1px solid var(--crm-border);padding: 0 16px;margin: 0}.contact-detail-tab-content{padding: 20px 24px}.contact-detail-card{background: var(--crm-surface);border: 1px solid var(--crm-border);border-radius: 10px;padding: 20px;box-shadow: 0 1px 3px rgba(0,0,0,0.05);margin-bottom: 16px}.contact-detail-card--half{flex: 1 1 360px;min-width: 0}.contact-detail-card h4{margin: 0 0 12px 0;font-size: 11px;font-weight: 700;letter-spacing: 0.08em;color: var(--crm-text-muted);text-transform: uppercase}.contact-detail-section-heading{margin: 16px 0 4px 0;font-size: 11px;font-weight: 700;letter-spacing: 0.06em;color: var(--crm-text-muted);text-transform: uppercase}.contact-detail-row{display: flex;align-items: center;gap: 10px;padding: 8px 0;border-bottom: 1px solid var(--crm-border)}.contact-detail-row:last-child{border-bottom: 0}.contact-detail-row__type{font-size: 11px;color: var(--crm-text-muted);min-width: 100px;flex-shrink: 0;text-transform: uppercase;letter-spacing: 0.04em}.contact-detail-row__value{flex: 1 1 auto;color: var(--crm-on-surface);font-size: 14px;min-width: 0;overflow: hidden;text-overflow: ellipsis}.contact-detail-row__value a{color: var(--crm-accent);text-decoration: none;word-break: break-word}.contact-detail-row__value a:hover{text-decoration: underline}.contact-detail-row__primary{background: rgba(25,118,255,0.10);color: var(--crm-accent);font-size: 10px;font-weight: 700;padding: 2px 6px;border-radius: 4px;flex-shrink: 0;letter-spacing: 0.04em;text-transform: uppercase;white-space: nowrap}.contact-detail-company-link{color: var(--crm-accent);text-decoration: none;font-weight: 600}.contact-detail-company-link:hover{text-decoration: underline}.contact-detail-notes{background: var(--crm-surface-2);border: 1px solid var(--crm-border);border-radius: 8px;padding: 16px;white-space: pre-wrap;font-size: 14px;color: var(--crm-on-surface);line-height: 1.5;min-height: 100px}.contact-detail-notes--empty{color: var(--crm-text-muted);font-style: italic}@media (max-width: 700px){.contact-detail-hero{padding: 16px}.contact-detail-card{padding: 16px}.contact-detail-tab-content{padding: 16px}.contact-detail-hero__avatar{width: 48px;height: 48px;font-size: 16px}.contact-detail-hero__actions{width: 100%}.contact-detail-hero__name{font-size: 18px}.contact-detail-row__type{min-width: 80px;font-size: 10px}.contact-detail-chip__value{max-width: 140px}}.order-edit-shell{background: var(--crm-surface-2);padding: 12px 16px 96px 16px;box-sizing: border-box}.order-edit-breadcrumb{padding: 4px 24px 0 24px;font-size: 13px}.order-edit-breadcrumb a,.order-edit-breadcrumb router-link{color: var(--crm-accent);text-decoration: none;font-size: 13px}.order-edit-form{display: flex;flex-direction: column;gap: 16px}.order-edit-section-nav{background: var(--crm-surface);border-bottom: 1px solid var(--crm-border);padding: 8px 0;display: flex;flex-wrap: wrap;gap: 6px;margin: 0}.order-edit-section-nav vaadin-button[data-active="true"],.order-edit-section-nav button[aria-current="true"]{color: var(--crm-accent);border-bottom: 2px solid var(--crm-accent);font-weight: 600}.order-edit-card{background: var(--crm-surface);border: 1px solid var(--crm-border);border-radius: 10px;padding: 20px;box-shadow: 0 1px 3px rgba(0,0,0,0.05);scroll-margin-top: 120px}.order-edit-sticky-footer{position: sticky;bottom: 0;background: var(--crm-surface);border-top: 1px solid var(--crm-border);padding: 12px 24px;z-index: 5}.order-edit-grid-sum{margin-top: 8px;flex-wrap: wrap;gap: 8px}@media (max-width: 700px){.order-edit-card{padding: 14px}.order-edit-section-nav{padding: 6px 0}}