vaadin-app-layout{--vaadin-app-layout-navbar-background: var(--app-primary)}vaadin-app-layout[has-navbar]{padding-top: calc(var(--vaadin-app-layout-navbar-offset-top) + var(--aura-app-layout-inset))}.app-header{color: #FFFFFF;color-scheme: dark}vaadin-app-layout>vaadin-scroller[slot="drawer"]{padding-block: var(--aura-app-layout-inset) var(--vaadin-padding-s);padding-inline: var(--vaadin-padding-s);scrollbar-width: none}.avatar-container{background: linear-gradient(160deg,var(--app-primary) 0%,var(--app-primary-dark) 100%);padding: 22px 12px 16px;border-radius: var(--vaadin-radius-l);color-scheme: dark}.avatar-name{text-align: center;font-weight: 600;color: #FFFFFF;font-size: 0.9em;margin-top: 8px;letter-spacing: 0.2px;opacity: 0.95}.avatar-photo{width: 72px;height: 72px;border: 3px solid rgba(255,255,255,0.85);border-radius: 50%;margin: auto;display: block;box-shadow: 0 0 0 3px rgba(var(--app-primary-rgb),0.45)}.quotation-group{background: var(--vaadin-background-container);border-radius: var(--vaadin-radius-l)}.home-date-banner{font-size: 0.92em;color: var(--app-text-muted);font-weight: 500;padding: 6px 4px 0;letter-spacing: 0.2px}.home-section-label{font-size: 0.67em;font-weight: 700;text-transform: uppercase;letter-spacing: 1.3px;color: var(--app-primary-mid);padding: 22px 4px 8px;width: 100%}.home-people-card{display: flex;align-items: center;background: white;border-radius: 12px;width: 280px;min-height: 88px;margin: 6px;box-shadow: 0 2px 8px rgba(0,0,0,0.07);overflow: hidden;border-left: 3px solid var(--app-primary)}.home-people-card-avatar{width: 52px;height: 52px;border-radius: 50%;margin: 0 12px 0 14px;flex-shrink: 0;border: 2px solid var(--app-primary);box-shadow: 0 0 0 2px rgba(var(--app-primary-rgb),0.25)}.home-people-card-info{flex: 1;padding: 10px 10px 10px 0;min-width: 0}.home-people-card-name{font-weight: 600;font-size: 0.88em;color: var(--app-text);white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.home-people-card-designation{font-size: 0.76em;color: var(--app-primary);margin-top: 1px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.home-people-card-email{font-size: 0.74em;color: var(--app-text-muted);text-decoration: none;display: block;margin-top: 2px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.home-people-card-email:hover{color: var(--app-primary)}.home-people-card-login{font-size: 0.71em;color: var(--app-text-subtle);margin-top: 3px}.home-sales-summary{width: 100%;margin-top: 8px}.home-sales-table{overflow-x: auto;max-width: 100%;margin-bottom: 8px}.monthly-sales-summary-title{font-size: 0.93em;font-weight: 700;color: var(--app-text-strong);margin-top: 28px;margin-bottom: 8px;padding-bottom: 8px;border-bottom: 2px solid var(--app-line-accent)}.monthly-sales-summary-data-row-group-header{margin-top: 14px;margin-bottom: 3px;display: flex;align-items: center;gap: 8px}.monthly-sales-summary-data-row-group-avatar{width: 30px;height: 30px;border-radius: 50%;border: 2px solid var(--app-primary);flex-shrink: 0}.monthly-sales-summary-data-row-group-name{font-weight: 700;font-size: 0.88em;color: var(--app-text-strong);letter-spacing: 0.2px}.monthly-sales-summary-data-row{display: flex}.monthly-sales-summary-data-col{width: 100px;min-width: 100px;margin: 1px;padding: 3px 5px;background: var(--app-table-bg);font-size: 0.77em}.monthly-sales-summary-table-header-row{display: flex;font-weight: 600}.monthly-sales-summary-table-header-col{width: 100px;min-width: 100px;margin: 1px;padding: 5px 4px;background: var(--app-primary);color: white;font-size: 0.71em;text-align: center;letter-spacing: 0.3px}.monthly-sales-summary-row-header{width: 100px;min-width: 100px;margin: 1px;padding: 3px 5px;background: var(--app-surface-muted);color: var(--app-text-body);font-size: 0.77em}.monthly-sales-border-bottom{border-bottom: 1px solid var(--app-line)}.monthly-sales-final{font-weight: 700;color: var(--app-primary-mid)}.project-log-avatar{vertical-align: middle;border-radius: 50%;width: 100%;height: 100%}.app-nav-title{font-size: 1.05em;font-weight: 600;letter-spacing: 0.3px;margin-left: 4px}.menu-list{padding: 8px 0 20px}.menu-group{padding: 16px 12px 5px;font-size: 0.67em;font-weight: 700;text-transform: uppercase;letter-spacing: 1.3px;color: var(--app-primary-mid);width: 100%;box-sizing: border-box;margin-top: 2px}.menu-item{width: 100%;padding: 1px 0;box-sizing: border-box}.menu-item a{display: block;padding: 8px 12px;color: var(--app-text-body);text-decoration: none;font-size: 0.88em;border-radius: 8px;transition: background-color 0.15s,color 0.15s}.menu-item a:hover{background-color: var(--app-surface-soft);color: var(--app-primary)}.menu-item a.router-link-active{background-color: var(--app-surface-active);color: var(--app-accent-text);font-weight: 600;box-shadow: inset 3px 0 0 var(--app-primary-mid)}.dash-view{background-color: var(--app-page-bg);min-height: 100%;box-sizing: border-box}.dash-page-title{font-size: 1.45em;font-weight: 700;color: var(--app-text-strong);padding: 4px 8px 14px 8px}.dash-kpi-card{flex: 1;min-width: 200px;background: white;border-radius: 12px;padding: 20px;margin: 6px;box-shadow: 0 2px 8px rgba(0,0,0,0.07);border-top: 4px solid var(--app-line);box-sizing: border-box}.dash-accent-violet{border-top-color: var(--app-primary)}.dash-accent-blue{border-top-color: var(--app-primary-mid)}.dash-kpi-label{font-size: 0.7em;font-weight: 700;text-transform: uppercase;letter-spacing: 0.9px;color: var(--app-text-subtle);margin-bottom: 8px}.dash-kpi-value{font-size: 1.5em;font-weight: 700;color: var(--app-text);line-height: 1.2;margin-bottom: 6px}.dash-kpi-sub{font-size: 0.8em;color: var(--app-text-subtle)}.dash-section{flex: 1;min-width: 260px;background: white;border-radius: 12px;padding: 20px;margin: 6px;box-shadow: 0 2px 8px rgba(0,0,0,0.07);box-sizing: border-box}.dash-section-title{font-size: 0.93em;font-weight: 700;color: var(--app-text-strong);padding-bottom: 10px;border-bottom: 2px solid var(--app-line-soft);margin-bottom: 4px}.dash-pipeline-row{display: flex;justify-content: space-between;align-items: center;padding: 9px 0;border-bottom: 1px solid var(--app-surface-muted)}.dash-pipeline-label{font-size: 0.88em;color: var(--app-text-body)}.dash-pipeline-badge{font-size: 0.78em;font-weight: 600;padding: 3px 11px;border-radius: 999px}.dash-badge-orange{background: var(--app-surface-soft);color: var(--app-accent-text)}.dash-badge-green{background: var(--app-surface-soft);color: var(--app-accent-text-strong)}.dash-badge-blue{background: var(--app-surface-soft);color: var(--app-primary)}.dash-badge-red{background: var(--app-surface-soft);color: var(--app-accent-text)}.dash-badge-gray{background: var(--app-surface-muted);color: var(--app-text-muted)}.dash-pipeline-footer-row{display: flex;justify-content: space-between;padding: 4px 0}.dash-pipeline-footer-label{font-size: 0.8em;color: var(--app-text-subtle)}.dash-pipeline-footer-value{font-size: 0.82em;font-weight: 600;color: var(--app-text-body)}.dash-table-header,.dash-table-row{display: flex;align-items: center;padding: 8px 4px;border-bottom: 1px solid var(--app-line-soft);font-size: 0.85em}.dash-table-header{font-size: 0.72em;font-weight: 700;text-transform: uppercase;letter-spacing: 0.7px;color: var(--app-text-subtle);border-bottom: 2px solid var(--app-line-soft)}.dash-table-row:hover{background-color: var(--app-surface-hover)}.dash-table-cell{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding-right: 8px}.dash-col-id{width: 60px;flex-shrink: 0}.dash-col-customer{flex: 2}.dash-col-subject{flex: 3}.dash-col-amount{width: 130px;flex-shrink: 0}.dash-col-am{flex: 1}.dash-table-empty{color: var(--app-text-subtle);font-size: 0.88em;padding: 16px 4px;font-style: italic}