.icon{display:inline-flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;transition:all .2s ease}.icon__svg{width:100%;height:100%;border-radius:var(--slds-border-radius-small)}.icon img{width:100%;height:100%;object-fit:contain;border-radius:var(--slds-border-radius-small)}.icon--small{width:24px;height:24px}.icon--medium{width:32px;height:32px}.icon--large{width:48px;height:48px}.icon[role=button]{cursor:pointer}.icon[role=button]:hover .icon__svg,.icon[role=button]:hover img{opacity:.8;transform:scale(1.05)}.icon[role=button]:focus{outline:2px solid var(--slds-color-border-brand);outline-offset:2px}.icon:not(:has(.icon__svg)):not(:has(img)){font-weight:600;font-family:var(--slds-font-family);background:var(--slds-color-background-alt);border-radius:var(--slds-border-radius-small);color:var(--slds-color-text-weak);border:1px solid var(--slds-color-border);padding:4px}.icon:not(:has(.icon__svg)):not(:has(img)).icon--small{font-size:8px;padding:2px}.icon:not(:has(.icon__svg)):not(:has(img)).icon--medium{font-size:10px;padding:4px}.icon:not(:has(.icon__svg)):not(:has(img)).icon--large{font-size:12px;padding:6px}.icon:not(:has(.icon__svg)):not(:has(img)):hover{background:var(--slds-color-background-brand);color:#fff;border-color:var(--slds-color-border-brand)}.global-navigation__item .icon{background:transparent;border:none}.global-navigation__item .icon__svg{opacity:.7}.global-navigation__item--active .icon__svg,.global-navigation__item:hover .icon__svg{opacity:1}.global-header__icon.icon .icon__svg{opacity:.8}.global-header__icon.icon:hover .icon__svg{opacity:1}.global-navigation .icon{width:20px;height:20px}.global-header .icon{width:24px;height:24px}.protected-route-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;padding:2rem;text-align:center}.protected-route-loading p{margin-top:1rem;color:var(--text-secondary);font-size:.9rem}.protected-route-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;padding:2rem;text-align:center;background:var(--background-secondary);border-radius:8px;margin:2rem}.protected-route-error h2{color:var(--color-error);margin-bottom:1rem}.protected-route-error p{color:var(--text-secondary);margin-bottom:2rem;max-width:400px;line-height:1.5}.avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background-color:var(--slds-color-brand);color:var(--slds-color-text-inverse);font-weight:600;overflow:hidden;cursor:pointer;transition:transform .15s ease-in-out}.avatar:hover{transform:scale(1.05)}.avatar--small{width:1.5rem;height:1.5rem;font-size:var(--slds-font-size-2)}.avatar--medium{width:2rem;height:2rem;font-size:var(--slds-font-size-3)}.avatar--large{width:3rem;height:3rem;font-size:var(--slds-font-size-5)}.avatar__image{width:100%;height:100%;object-fit:cover}.avatar__initials{display:flex;align-items:center;justify-content:center;width:100%;height:100%;text-transform:uppercase}.form-element{margin-bottom:var(--slds-spacing-medium)}.form-element__label{display:block;margin-bottom:var(--slds-spacing-x-small);font-size:var(--slds-font-size-3);font-weight:600;color:var(--slds-color-text-default)}.form-element__required{color:#c23934;margin-left:var(--slds-spacing-xx-small)}.input-wrapper{position:relative;display:flex;align-items:center}.input{width:100%;padding:.5rem .75rem;border:1px solid var(--slds-color-border);border-radius:var(--slds-border-radius-small);font-size:var(--slds-font-size-4);line-height:1.5;color:var(--slds-color-text-default);background-color:var(--slds-color-background-alt);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.input:focus{outline:none;border-color:var(--slds-color-border-brand);box-shadow:0 0 0 2px #1b96ff1a}.input:disabled{background-color:var(--slds-color-background);color:var(--slds-color-text-weak);cursor:not-allowed}.input::placeholder{color:var(--slds-color-text-placeholder)}.input-wrapper--has-left-icon .input{padding-left:2.5rem}.input-wrapper--has-right-icon .input{padding-right:2.5rem}.input__left-icon{position:absolute;left:.75rem;z-index:1;color:var(--slds-color-text-weak)}.input__right-icon{position:absolute;right:.75rem;z-index:1;color:var(--slds-color-text-weak)}.input-wrapper--error .input{border-color:#c23934}.input-wrapper--error .input:focus{border-color:#c23934;box-shadow:0 0 0 2px #c239341a}.form-element__error{margin-top:var(--slds-spacing-x-small);font-size:var(--slds-font-size-3);color:#c23934}.form-element__help{margin-top:var(--slds-spacing-x-small);font-size:var(--slds-font-size-3);color:var(--slds-color-text-weak)}input[type=search]{-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.loading-spinner--inline{flex-direction:row;gap:8px}.loading-spinner__circle{position:relative;display:inline-block}.loading-spinner__dot{position:absolute;border-radius:50%;animation:loading-spinner-rotate 1.2s linear infinite}.loading-spinner--small .loading-spinner__circle{width:16px;height:16px}.loading-spinner--small .loading-spinner__dot{width:3px;height:3px}.loading-spinner--medium .loading-spinner__circle{width:24px;height:24px}.loading-spinner--medium .loading-spinner__dot{width:4px;height:4px}.loading-spinner--large .loading-spinner__circle{width:32px;height:32px}.loading-spinner--large .loading-spinner__dot{width:6px;height:6px}.loading-spinner--primary .loading-spinner__dot{background-color:var(--brand-primary, #007bff)}.loading-spinner--white .loading-spinner__dot{background-color:#fff}.loading-spinner--gray .loading-spinner__dot{background-color:var(--text-muted, #6c757d)}.loading-spinner__dot--1{top:0;left:50%;transform:translate(-50%);animation-delay:0s}.loading-spinner__dot--2{top:50%;right:0;transform:translateY(-50%);animation-delay:.3s}.loading-spinner__dot--3{bottom:0;left:50%;transform:translate(-50%);animation-delay:.6s}.loading-spinner__dot--4{top:50%;left:0;transform:translateY(-50%);animation-delay:.9s}.loading-spinner__text{font-size:14px;color:var(--text-muted, #6c757d);font-weight:500}.loading-spinner--small .loading-spinner__text{font-size:12px}.loading-spinner--large .loading-spinner__text{font-size:16px}.loading-spinner-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999}.loading-spinner--overlay{background-color:#fff;padding:24px;border-radius:8px;box-shadow:0 4px 20px #00000026}@keyframes loading-spinner-rotate{0%{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes loading-spinner-pulse{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion: reduce){.loading-spinner__dot{animation:loading-spinner-pulse 1.5s ease-in-out infinite}}.button--loading{position:relative;pointer-events:none}.button--loading .loading-spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.button--loading .button__content{opacity:0}.button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:1px solid transparent;border-radius:var(--slds-border-radius-small);font-family:inherit;font-weight:400;text-decoration:none;cursor:pointer;transition:all .15s ease-in-out;white-space:nowrap}.button:disabled{opacity:.5;cursor:not-allowed}.button--small{padding:.375rem .75rem;font-size:var(--slds-font-size-3);line-height:1.25;min-height:2rem}.button--medium{padding:.625rem 1rem;font-size:var(--slds-font-size-4);line-height:1.5;min-height:2.5rem}.button--large{padding:.75rem 1.5rem;font-size:var(--slds-font-size-5);line-height:1.5}.button--brand{background-color:var(--slds-color-brand);border-color:var(--slds-color-brand);color:var(--slds-color-text-inverse)}.button--brand:hover:not(:disabled){background-color:var(--slds-color-brand-dark);border-color:var(--slds-color-brand-dark)}.button--neutral{background-color:var(--slds-color-background-alt);border-color:var(--slds-color-border);color:var(--slds-color-text-default)}.button--neutral:hover:not(:disabled){background-color:var(--slds-color-background);border-color:var(--slds-color-border)}.button--destructive{background-color:#c23934;border-color:#c23934;color:var(--slds-color-text-inverse)}.button--destructive:hover:not(:disabled){background-color:#a61e1a;border-color:#a61e1a}.button--success{background-color:#2e844a;border-color:#2e844a;color:var(--slds-color-text-inverse)}.button--success:hover:not(:disabled){background-color:#266e3a;border-color:#266e3a}.button--outline{background-color:transparent;border-color:var(--slds-color-border);color:var(--slds-color-text-default)}.button--outline:hover:not(:disabled){background-color:var(--slds-color-background-alt);border-color:var(--slds-color-border)}.button--loading{position:relative}.button__spinner{animation:spin 1s linear infinite}.button__label{display:flex;align-items:center}.button__left-icon,.button__right-icon{flex-shrink:0}.badge{display:inline-flex;align-items:center;justify-content:center;font-weight:600;border-radius:var(--border-radius-small);white-space:nowrap;text-transform:uppercase;letter-spacing:.025em}.badge--small{font-size:.75rem;padding:.25rem .5rem;line-height:1}.badge--medium{font-size:.875rem;padding:.375rem .75rem;line-height:1}.badge--filled.badge--neutral{background-color:var(--color-neutral-100);color:var(--color-neutral-700)}.badge--filled.badge--brand{background-color:var(--color-brand-primary);color:#fff}.badge--filled.badge--success{background-color:var(--color-success);color:#fff}.badge--filled.badge--warning{background-color:var(--color-warning);color:var(--color-text-primary)}.badge--filled.badge--error{background-color:var(--color-error);color:#fff}.badge--filled.badge--info{background-color:var(--color-info);color:#fff}.badge--filled.badge--red{background-color:#dc2626;color:#fff}.badge--filled.badge--green{background-color:#059669;color:#fff}.badge--filled.badge--blue{background-color:#2563eb;color:#fff}.badge--filled.badge--orange{background-color:#ea580c;color:#fff}.badge--filled.badge--purple{background-color:#7c3aed;color:#fff}.badge--filled.badge--gray{background-color:#6b7280;color:#fff}.badge--outline.badge--neutral{background-color:transparent;color:var(--color-neutral-700);border:1px solid var(--color-neutral-300)}.badge--outline.badge--brand{background-color:transparent;color:var(--color-brand-primary);border:1px solid var(--color-brand-primary)}.badge--outline.badge--success{background-color:transparent;color:var(--color-success);border:1px solid var(--color-success)}.badge--outline.badge--warning{background-color:transparent;color:var(--color-warning);border:1px solid var(--color-warning)}.badge--outline.badge--error{background-color:transparent;color:var(--color-error);border:1px solid var(--color-error)}.badge--outline.badge--info{background-color:transparent;color:var(--color-info);border:1px solid var(--color-info)}.badge--outline.badge--red{background-color:transparent;color:#dc2626;border:1px solid #dc2626}.badge--outline.badge--green{background-color:transparent;color:#059669;border:1px solid #059669}.badge--outline.badge--blue{background-color:transparent;color:#2563eb;border:1px solid #2563eb}.badge--outline.badge--orange{background-color:transparent;color:#ea580c;border:1px solid #ea580c}.badge--outline.badge--purple{background-color:transparent;color:#7c3aed;border:1px solid #7c3aed}.badge--outline.badge--gray{background-color:transparent;color:#6b7280;border:1px solid #6b7280}.notification-center{position:relative}.notification-center__trigger{position:relative;cursor:pointer;padding:var(--slds-spacing-x-small);border-radius:var(--slds-border-radius-small);transition:background-color .15s ease-in-out;display:flex;align-items:center;justify-content:center}.notification-center__trigger:hover{background-color:var(--slds-color-background)}.notification-center__badge{position:absolute;top:-2px;right:-2px;min-width:18px;height:18px;border-radius:9px;font-size:10px;font-weight:600;display:flex;align-items:center;justify-content:center;border:2px solid var(--slds-color-background-alt)}.notification-center__dropdown{position:absolute;top:100%;right:0;margin-top:var(--slds-spacing-x-small);width:380px;max-height:500px;background-color:var(--slds-color-background-alt);border:1px solid var(--slds-color-border);border-radius:var(--slds-border-radius-medium);box-shadow:var(--slds-shadow-3);z-index:1001;overflow:hidden}.notification-center__header{display:flex;align-items:center;justify-content:space-between;padding:var(--slds-spacing-medium);border-bottom:1px solid var(--slds-color-border);background-color:var(--slds-color-background)}.notification-center__header h3{margin:0;font-size:var(--slds-font-size-4);font-weight:600;color:var(--slds-color-text-default)}.notification-center__content{max-height:350px;overflow-y:auto}.notification-center__loading,.notification-center__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--slds-spacing-large);gap:var(--slds-spacing-small);color:var(--slds-color-text-weak)}.notification-center__list{padding:0}.notification-center__item{display:flex;align-items:flex-start;gap:var(--slds-spacing-small);padding:var(--slds-spacing-medium);cursor:pointer;transition:background-color .15s ease-in-out;border-bottom:1px solid var(--slds-color-border)}.notification-center__item:last-child{border-bottom:none}.notification-center__item:hover{background-color:var(--slds-color-background)}.notification-center__item--unread{background-color:var(--slds-color-background-brand-weak);border-left:3px solid var(--slds-color-brand)}.notification-center__item--unread:hover{background-color:var(--slds-color-background-brand-weaker)}.notification-center__item--priority{border-left:3px solid var(--slds-color-error)!important;background-color:var(--slds-color-background-error-weak)}.notification-center__item--priority:hover{background-color:var(--slds-color-background-error-weaker)}.notification-center__group{border-bottom:1px solid var(--slds-color-border)}.notification-center__group:last-child{border-bottom:none}.notification-center__item--header{border-bottom:none}.notification-center__items{padding-left:var(--slds-spacing-medium);background-color:var(--slds-color-background)}.notification-center__sub-item{display:flex;align-items:center;justify-content:space-between;padding:var(--slds-spacing-small) var(--slds-spacing-medium);cursor:pointer;transition:background-color .15s ease-in-out;border-bottom:1px solid var(--slds-color-border-weak)}.notification-center__sub-item:last-child{border-bottom:none}.notification-center__sub-item:hover{background-color:var(--slds-color-background-alt)}.notification-center__sub-item--overdue{background-color:var(--slds-color-background-error-weak);border-left:2px solid var(--slds-color-error)}.notification-center__sub-item--overdue:hover{background-color:var(--slds-color-background-error-weaker)}.notification-center__sub-item-content{flex:1;min-width:0}.notification-center__sub-item-title{font-size:var(--slds-font-size-2);font-weight:500;color:var(--slds-color-text-default);margin-bottom:var(--slds-spacing-xx-small);line-height:1.3}.notification-center__sub-item-relation{color:var(--slds-color-text-weak);font-weight:400;font-style:italic}.notification-center__sub-item-subtitle{font-size:var(--slds-font-size-1);color:var(--slds-color-text-weak);line-height:1.2}.notification-center__more-items{padding:var(--slds-spacing-small) var(--slds-spacing-medium);font-size:var(--slds-font-size-1);color:var(--slds-color-text-weak);font-style:italic;text-align:center;background-color:var(--slds-color-background-alt)}.notification-center__item-icon{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background-color:var(--slds-color-background);border-radius:var(--slds-border-radius-small);border:1px solid var(--slds-color-border)}.notification-center__item-content{flex:1;min-width:0}.notification-center__item-title{font-size:var(--slds-font-size-3);font-weight:600;color:var(--slds-color-text-default);margin-bottom:var(--slds-spacing-xx-small);line-height:1.3}.notification-center__item-message{font-size:var(--slds-font-size-2);color:var(--slds-color-text-weak);margin-bottom:var(--slds-spacing-xx-small);line-height:1.4}.notification-center__item-time{font-size:var(--slds-font-size-1);color:var(--slds-color-text-weak)}.notification-center__item-count{flex-shrink:0;margin-left:var(--slds-spacing-x-small)}.notification-center__footer{padding:var(--slds-spacing-small);border-top:1px solid var(--slds-color-border);background-color:var(--slds-color-background)}.notification-center__view-all{width:100%}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.notification-center__badge--pulse{animation:pulse 2s infinite}@media (max-width: 768px){.notification-center__dropdown{width:320px;right:-20px}.notification-center__item,.notification-center__header{padding:var(--slds-spacing-small)}.notification-center__header h3{font-size:var(--slds-font-size-3)}}@media (prefers-color-scheme: dark){.notification-center__item--unread{background-color:#0070d21a}.notification-center__item--unread:hover{background-color:#0070d226}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .2s ease-out}.modal-content{background:#fff;border-radius:.5rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.modal-content--small{width:100%;max-width:400px}.modal-content--medium{width:100%;max-width:600px}.modal-content--large{width:100%;max-width:800px}.modal-content--xlarge{width:100%;max-width:1200px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid #e5e7eb;background:#fff}.modal-title{margin:0;font-size:1.25rem;font-weight:600;color:#111827}.modal-close{background:none;border:none;padding:.5rem;cursor:pointer;border-radius:var(--border-radius-small);color:var(--color-text-secondary);transition:all .2s ease}.modal-close:hover{background-color:var(--color-neutral-100);color:var(--color-text-primary)}.modal-body{padding:1.5rem;overflow-y:auto;flex:1;background:#fff}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 768px){.modal-overlay{padding:.5rem}.modal-content--small,.modal-content--medium,.modal-content--large,.modal-content--xlarge{max-width:none;width:100%;max-height:95vh}.modal-header,.modal-body{padding:1rem}.modal-title{font-size:1.125rem}}.telegram-link-modal{padding:1rem}.loading-state{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem;color:var(--color-text-secondary)}.linked-state,.unlinked-state{display:flex;flex-direction:column;gap:1.5rem}.success-header{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1rem;background-color:var(--color-success-background);border-radius:8px;text-align:center}.success-header h3{margin:0;color:var(--color-success)}.telegram-info{display:flex;flex-direction:column;gap:.75rem;padding:1rem;background-color:var(--color-background-secondary);border-radius:8px}.info-row{display:flex;justify-content:space-between;align-items:center}.info-row .label{font-weight:500;color:var(--color-text-secondary)}.info-row .value{font-family:monospace;color:var(--color-text)}.notification-info{padding:1rem;border:1px solid var(--color-border);border-radius:8px}.notification-info h4{margin:0 0 1rem;color:var(--color-text)}.notification-info ul{margin:0;padding-left:1.5rem;color:var(--color-text-secondary)}.notification-info li{margin-bottom:.5rem}.telegram-icon-large{display:flex;justify-content:center;margin-bottom:1rem}.unlinked-state h3{text-align:center;margin:0;color:var(--color-text)}.unlinked-state>p{text-align:center;color:var(--color-text-secondary);margin:0}.setup-steps{display:flex;flex-direction:column;gap:1.5rem}.step{display:flex;gap:1rem;align-items:flex-start}.step-number{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background-color:var(--color-brand);color:#fff;border-radius:50%;font-weight:600;font-size:.9rem;flex-shrink:0}.security-info{margin-top:1rem;padding:.75rem;background-color:#f8f9fa;border-radius:4px;border-left:3px solid #0066cc}.security-info p{margin:.25rem 0;font-size:.875rem}.security-info .help-text{color:#666;font-style:italic}.step-content{flex:1}.step-content h4{margin:0 0 .5rem;color:var(--color-text);font-size:1rem}.step-content p{margin:0 0 1rem;color:var(--color-text-secondary);line-height:1.4}.command-box{display:flex;align-items:center;gap:.5rem;padding:.75rem;background-color:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:6px;font-family:monospace}.command-box code{flex:1;background:none;border:none;font-family:inherit;color:var(--color-text)}.telegram-icon{cursor:pointer;transition:all .2s ease}.telegram-icon:hover{transform:scale(1.1)}.global-header{position:fixed;top:0;left:0;right:0;height:var(--slds-header-height);background-color:var(--slds-color-background-alt);border-bottom:1px solid var(--slds-color-border);box-shadow:var(--slds-shadow-1);z-index:1000}.global-header__container{display:flex;align-items:center;justify-content:space-between;height:100%;padding:0 var(--slds-spacing-medium);max-width:100%}.global-header__logo{display:flex;align-items:center;gap:var(--slds-spacing-small);flex-shrink:0}.global-header__logo-text{font-size:var(--slds-font-size-6);font-weight:600;color:var(--slds-color-text-default)}.global-header__search{flex:1;max-width:400px;margin:0 var(--slds-spacing-large)}.global-header__search-input{width:100%}.global-header__controls{display:flex;align-items:center;gap:var(--slds-spacing-small);flex-shrink:0}.global-header__favorites{display:flex;align-items:center;gap:var(--slds-spacing-xx-small);padding:var(--slds-spacing-x-small);border:1px solid var(--slds-color-border);border-radius:var(--slds-border-radius-small);background-color:var(--slds-color-background);cursor:pointer;transition:background-color .15s ease-in-out}.global-header__favorites:hover{background-color:var(--slds-color-background-alt)}.global-header__icon{cursor:pointer;padding:var(--slds-spacing-x-small);border-radius:var(--slds-border-radius-small);transition:background-color .15s ease-in-out}.global-header__icon:hover{background-color:var(--slds-color-background)}.global-header__user-menu{position:relative}.global-header__avatar{margin-left:var(--slds-spacing-x-small)}.global-header__user-dropdown{position:absolute;top:100%;right:0;margin-top:var(--slds-spacing-x-small);background-color:var(--slds-color-background-alt);border:1px solid var(--slds-color-border);border-radius:var(--slds-border-radius-medium);box-shadow:var(--slds-shadow-3);min-width:200px;z-index:1001}.global-header__user-info{padding:var(--slds-spacing-medium);border-bottom:1px solid var(--slds-color-border)}.global-header__user-name{font-size:var(--slds-font-size-4);font-weight:600;color:var(--slds-color-text-default);margin-bottom:var(--slds-spacing-xx-small)}.global-header__user-email{font-size:var(--slds-font-size-3);color:var(--slds-color-text-weak);margin-bottom:var(--slds-spacing-xx-small)}.global-header__user-role{font-size:var(--slds-font-size-2);color:var(--slds-color-brand);text-transform:uppercase;font-weight:600}.global-header__user-actions{padding:var(--slds-spacing-small)}.global-header__logout-button{width:100%}@media (max-width: 768px){.global-header__search{display:none}.global-header__controls{gap:var(--slds-spacing-x-small)}.global-header__favorites{display:none}}.global-navigation{position:fixed;top:var(--slds-header-height);left:0;right:0;height:var(--slds-navigation-height);background-color:var(--slds-color-background-alt);border-bottom:1px solid var(--slds-color-border);z-index:999}.global-navigation__container{display:flex;align-items:center;height:100%;padding:0 var(--slds-spacing-medium);overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.global-navigation__container::-webkit-scrollbar{display:none}.global-navigation__launcher{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;margin-right:var(--slds-spacing-medium);border-radius:var(--slds-border-radius-small);cursor:pointer;transition:background-color .15s ease-in-out}.global-navigation__launcher:hover{background-color:var(--slds-color-background)}.global-navigation__launcher-icon{color:var(--slds-color-text-weak)}.global-navigation__app{margin-right:var(--slds-spacing-large);flex-shrink:0}.global-navigation__app-name{font-size:var(--slds-font-size-5);font-weight:600;color:var(--slds-color-text-default)}.global-navigation__items{display:flex;align-items:center;gap:var(--slds-spacing-x-small);flex:1;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.global-navigation__items::-webkit-scrollbar{display:none}.global-navigation__item{display:flex;align-items:center;gap:var(--slds-spacing-x-small);padding:var(--slds-spacing-x-small) var(--slds-spacing-small);border-radius:var(--slds-border-radius-small);text-decoration:none;color:var(--slds-color-text-default);white-space:nowrap;transition:background-color .15s ease-in-out;position:relative}.global-navigation__item:hover{background-color:var(--slds-color-background)}.global-navigation__item--active{background-color:var(--slds-color-background);font-weight:600}.global-navigation__item--active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background-color:var(--slds-color-brand)}.global-navigation__item-icon{color:var(--slds-color-text-weak)}.global-navigation__item--active .global-navigation__item-icon{color:var(--slds-color-brand)}.global-navigation__item-label{font-size:var(--slds-font-size-3)}@media (max-width: 768px){.global-navigation__app-name,.global-navigation__item-label{display:none}.global-navigation__item{padding:var(--slds-spacing-x-small)}}.page-header{background-color:var(--slds-color-background-alt);border-bottom:1px solid var(--slds-color-border);padding:var(--slds-spacing-medium) 0}.page-header__container{padding:0 var(--slds-spacing-medium)}.page-header__breadcrumbs{display:flex;align-items:center;gap:var(--slds-spacing-x-small);margin-bottom:var(--slds-spacing-small)}.page-header__breadcrumb{color:var(--slds-color-text-weak);text-decoration:none;font-size:var(--slds-font-size-3);transition:color .15s ease-in-out}.page-header__breadcrumb:hover{color:var(--slds-color-brand);text-decoration:underline}.page-header__breadcrumb-separator{color:var(--slds-color-text-weak)}.page-header__title-section{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--slds-spacing-medium)}.page-header__title-content{flex:1}.page-header__title{font-size:var(--slds-font-size-8);font-weight:300;line-height:1.25;color:var(--slds-color-text-default);margin:0}.page-header__subtitle{font-size:var(--slds-font-size-4);color:var(--slds-color-text-weak);margin:var(--slds-spacing-x-small) 0 0 0}.page-header__actions{display:flex;align-items:center;gap:var(--slds-spacing-x-small);flex-shrink:0}@media (max-width: 768px){.page-header__title-section{flex-direction:column;align-items:stretch}.page-header__actions{justify-content:flex-end;margin-top:var(--slds-spacing-medium)}.page-header__title{font-size:var(--slds-font-size-7)}}.textarea{width:100%;padding:.75rem;border:1px solid var(--color-border);border-radius:var(--border-radius-small);font-size:.875rem;line-height:1.5;color:var(--color-text-primary);background-color:var(--color-background);font-family:inherit;resize:vertical;min-height:80px;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.textarea:focus{outline:none;border-color:var(--color-brand-primary);box-shadow:0 0 0 2px #3b82f61a}.textarea:disabled{background-color:var(--color-neutral-50);color:var(--color-text-secondary);cursor:not-allowed;resize:none}.textarea::placeholder{color:var(--color-text-placeholder)}.textarea--error{border-color:var(--color-error)}.textarea--error:focus{border-color:var(--color-error);box-shadow:0 0 0 2px #ef44441a}.select-wrapper{position:relative;display:flex;align-items:center}.select{width:100%;padding:.625rem 2.5rem .625rem .875rem!important;border:1px solid var(--color-border);border-radius:var(--border-radius-small);font-size:.875rem;line-height:1.5;color:var(--color-text-primary);background-color:var(--color-background);cursor:pointer;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;appearance:none;-webkit-appearance:none;-moz-appearance:none;min-height:2.5rem}.select:focus{outline:none;border-color:var(--color-brand-primary);box-shadow:0 0 0 2px #3b82f61a}.select:disabled{background-color:var(--color-neutral-50);color:var(--color-text-secondary);cursor:not-allowed}.select__icon{position:absolute!important;right:.5rem!important;top:50%!important;transform:translateY(-50%)!important;pointer-events:none;color:var(--color-text-secondary)!important;transition:transform .2s ease;z-index:10!important;width:16px!important;height:16px!important;display:flex!important;align-items:center!important;justify-content:center!important}.select__icon .icon,.select__icon .icon__svg{width:16px!important;height:16px!important}.select:focus+.select__icon{transform:translateY(-50%) rotate(180deg)}.select-wrapper--error .select{border-color:var(--color-error)}.select-wrapper--error .select:focus{border-color:var(--color-error);box-shadow:0 0 0 2px #ef44441a}.select-wrapper--disabled .select__icon{color:var(--color-text-disabled)}.general-todo-creator{display:flex;flex-direction:column;gap:1.5rem}.priority-preview,.entity-preview{margin-top:.5rem}.entity-preview .badge{display:flex;align-items:center;gap:.25rem}.vehicle-item-action{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:50%;background:var(--color-background);border:1px solid var(--color-border);transition:all .2s ease}.remove-vehicle{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:50%;background:var(--color-red-100);border:1px solid var(--color-red-300);color:var(--color-red-600);cursor:pointer;transition:all .2s ease}.remove-vehicle:hover{background:var(--color-red-200);border-color:var(--color-red-400)}@media (max-width: 640px){.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column-reverse}.form-actions button{width:100%}.vehicle-selection{padding:.75rem}.selected-vehicle-with-price{padding:.75rem;gap:.75rem}.vehicle-item{padding:.5rem}}.todo-detail-modal{display:flex;flex-direction:column;gap:1.5rem}.todo-notes-prominent{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:2px solid #3b82f6;border-radius:12px;padding:20px;margin:16px 0;box-shadow:0 4px 12px #3b82f626}.todo-notes-prominent .notes-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #3b82f6}.todo-notes-prominent .notes-header h3{margin:0;color:#1e40af;font-size:18px;font-weight:600}.todo-notes-prominent .notes-indicator{background:#3b82f6;color:#fff;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500}.todo-notes-prominent .notes-content{color:#1e3a8a;line-height:1.6;white-space:pre-wrap;font-size:14px}.todo-activity-log{margin-top:20px;padding:12px;background:var(--color-background-subtle);border:1px solid var(--color-border);border-radius:8px}.todo-activity-log summary{cursor:pointer;font-weight:500;color:var(--color-text-secondary);font-size:14px;padding:8px}.todo-activity-log summary:hover{color:var(--color-text)}.activity-content{margin-top:12px;padding:12px;background:var(--color-background);border:1px solid var(--color-border);border-radius:6px;font-family:Consolas,Monaco,Courier New,monospace;font-size:12px;line-height:1.4;color:var(--color-text-secondary);white-space:pre-wrap}.todo-header{border-bottom:1px solid var(--slds-color-border);padding-bottom:1rem}.todo-title-section{display:flex;align-items:flex-start;gap:1rem}.todo-status-icon{padding:.5rem;border-radius:50%;background-color:var(--slds-color-background-alt);display:flex;align-items:center;justify-content:center}.todo-title-content h2{margin:0 0 .5rem;font-size:1.25rem;font-weight:600;color:var(--slds-color-text-default)}.todo-meta{display:flex;gap:.5rem;flex-wrap:wrap}.todo-details{display:flex;flex-direction:column;gap:1rem}.todo-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:.75rem}.info-item{display:flex;align-items:center;gap:.5rem;padding:.5rem;background-color:var(--slds-color-background-alt);border-radius:.25rem}.info-item .label{font-weight:500;color:var(--slds-color-text-label);min-width:100px}.info-item .value{color:var(--slds-color-text-default);flex:1}.todo-description,.todo-notes,.entity-info{padding:1rem;background-color:var(--slds-color-background-alt);border-radius:.25rem}.todo-description h4,.todo-notes h4,.entity-info h4{margin:0 0 .5rem;font-size:.875rem;font-weight:600;color:var(--slds-color-text-label);text-transform:uppercase;letter-spacing:.025em}.todo-description p,.todo-notes p{margin:0;color:var(--slds-color-text-default);line-height:1.5}.entity-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.entity-info.clickable{cursor:pointer;transition:all .2s ease-in-out}.entity-info.clickable:hover{border-color:var(--slds-color-border-brand);box-shadow:0 2px 8px #0176d31a;transform:translateY(-1px)}.entity-details{display:flex;flex-direction:column;gap:.5rem}.entity-item{display:flex;align-items:center;gap:.5rem;padding:.5rem;background-color:var(--slds-color-background);border-radius:.25rem;border:1px solid var(--slds-color-border)}.entity-item .label{font-weight:500;color:var(--slds-color-text-label);min-width:100px}.entity-item .value{color:var(--slds-color-text-default);flex:1}.status-update-section,.add-note-section{padding:1rem;border:1px solid var(--slds-color-border);border-radius:.25rem;background-color:var(--slds-color-background)}.status-update-section h4,.add-note-section h4{margin:0 0 1rem;font-size:.875rem;font-weight:600;color:var(--slds-color-text-label);text-transform:uppercase;letter-spacing:.025em}.status-actions{display:flex;gap:1rem;align-items:center}.add-note-section .button{margin-top:.75rem;align-self:flex-start}.modal-actions{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid var(--slds-color-border)}.context-actions,.status-actions{display:flex;gap:.5rem}@media (max-width: 768px){.todo-info-grid{grid-template-columns:1fr}.modal-actions{flex-direction:column;gap:1rem;align-items:stretch}.context-actions,.status-actions{justify-content:center}.status-update-section .status-actions{flex-direction:column;align-items:stretch}}.todo-detail-modal .todo-status-icon[data-status=COMPLETED]{background-color:var(--slds-color-background-success);color:var(--slds-color-text-success)}.todo-detail-modal .todo-status-icon[data-status=IN_PROGRESS]{background-color:var(--slds-color-background-brand);color:var(--slds-color-text-brand)}.todo-detail-modal .todo-status-icon[data-status=PENDING]{background-color:var(--slds-color-background-warning);color:var(--slds-color-text-warning)}.todo-detail-modal .todo-status-icon[data-status=CANCELLED]{background-color:var(--slds-color-background-error);color:var(--slds-color-text-error)}.status-update-section{transition:all .2s ease-in-out}.status-update-section:hover{border-color:var(--slds-color-border-brand)}.kv-zp-upload-section{margin-top:1.5rem;padding:1rem;background-color:var(--color-background-secondary);border-radius:8px;border:2px dashed var(--color-border)}.kv-zp-upload-section h4{margin:0 0 1rem;color:var(--color-text);font-size:1rem;font-weight:600}.upload-area{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-bottom:1rem}.upload-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background-color:var(--color-brand);color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s ease}.upload-button:hover{background-color:var(--color-brand-dark)}.upload-button:disabled{background-color:var(--color-background-disabled);cursor:not-allowed}.upload-hint{font-size:.8rem;color:var(--color-text-secondary);margin:0;text-align:center}.uploaded-files{margin-top:1rem}.uploaded-files h5{margin:0 0 .5rem;font-size:.9rem;color:var(--color-text-secondary)}.uploaded-file{display:flex;align-items:center;gap:.5rem;padding:.5rem;background-color:var(--color-background);border:1px solid var(--color-border);border-radius:4px;margin-bottom:.5rem}.uploaded-file span{flex:1;font-size:.9rem}.status-success-message{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background-color:var(--color-success-background);color:var(--color-success);border:1px solid var(--color-success-border);border-radius:6px;font-weight:500;animation:slideInDown .3s ease-out,pulse 1s ease-in-out;box-shadow:0 2px 8px #2e844a33}@keyframes slideInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.status-actions{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:flex-start;margin-top:1rem;padding:1rem;background-color:var(--color-background-secondary);border-radius:8px;border:1px solid var(--color-border)}.status-actions button{min-width:120px;font-weight:500;transition:all .2s ease;border:1px solid var(--color-border)}.status-actions button:hover{border-color:var(--color-border-brand);box-shadow:0 2px 8px #0000001a}.status-actions button:active{transform:translateY(1px)}.status-actions button:disabled{transform:none;opacity:.6}.todo-vehicle-section{padding:1rem;background-color:var(--slds-color-background-alt);border-radius:.25rem}.todo-vehicle-section h4{margin:0 0 .5rem;font-size:.875rem;font-weight:600;color:var(--slds-color-text-label);text-transform:uppercase;letter-spacing:.025em}.confirmation-overlay,.completion-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.confirmation-dialog,.completion-dialog{background:var(--color-background);border-radius:12px;box-shadow:0 8px 32px #0003;max-width:400px;width:90%;animation:slideInUp .3s ease-out}.confirmation-header,.completion-header{padding:1.5rem 1.5rem 1rem;border-bottom:1px solid var(--color-border)}.confirmation-header h3,.completion-header h3{margin:0;font-size:1.1rem;font-weight:600;color:var(--color-text)}.confirmation-content,.completion-content{padding:1rem 1.5rem}.confirmation-content p,.completion-content p{margin:0 0 1rem;color:var(--color-text-secondary);line-height:1.5}.completion-note-input{width:100%;padding:.75rem;border:1px solid var(--color-border);border-radius:6px;font-family:inherit;font-size:.9rem;resize:vertical;min-height:80px}.completion-note-input:focus{outline:none;border-color:var(--color-brand);box-shadow:0 0 0 2px var(--color-brand-light)}.confirmation-actions,.completion-actions{padding:1rem 1.5rem 1.5rem;display:flex;gap:.75rem;justify-content:flex-end}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.analytics{background:var(--slds-color-background-default);border:1px solid var(--slds-color-border);border-radius:var(--slds-border-radius-medium);overflow:hidden}.analytics.loading{display:flex;align-items:center;justify-content:center;min-height:400px}.loading-indicator{text-align:center;color:var(--slds-color-text-weak)}.loading-indicator p{margin-top:1rem;font-size:var(--slds-font-size-3)}.analytics-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:var(--slds-color-background-alt);border-bottom:1px solid var(--slds-color-border)}.header-left{display:flex;align-items:center;gap:1.5rem}.header-left h3{display:flex;align-items:center;gap:.5rem;margin:0;font-size:var(--slds-font-size-5);font-weight:var(--slds-font-weight-bold);color:var(--slds-color-text-default)}.time-range-selector{display:flex;gap:.25rem;background:var(--slds-color-background-default);border:1px solid var(--slds-color-border);border-radius:var(--slds-border-radius-small);padding:.125rem}.analytics-tabs{display:flex;background:var(--slds-color-background-alt);border-bottom:1px solid var(--slds-color-border)}.tab{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:none;border:none;cursor:pointer;font-size:var(--slds-font-size-3);color:var(--slds-color-text-weak);transition:all .2s ease;border-bottom:3px solid transparent}.tab:hover{background:var(--slds-color-background-row-hover);color:var(--slds-color-text-default)}.tab.active{color:var(--slds-color-brand);border-bottom-color:var(--slds-color-brand);background:var(--slds-color-background-default)}.analytics-content{padding:1.5rem}.traffic-overview{display:flex;flex-direction:column;gap:2rem}.realtime-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.stat-card{background:var(--slds-color-background-default);border:1px solid var(--slds-color-border);border-radius:var(--slds-border-radius-medium);padding:1.5rem;transition:all .2s ease;min-width:0;overflow:hidden}.stat-card:hover{box-shadow:var(--slds-shadow-4);transform:translateY(-1px)}.stat-card.active-visitors{border-color:var(--slds-color-success);background:linear-gradient(135deg,var(--slds-color-background-success) 0%,var(--slds-color-background-default) 100%)}.stat-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.stat-header h4{display:flex;align-items:center;gap:.5rem;margin:0;font-size:var(--slds-font-size-3);font-weight:var(--slds-font-weight-regular);color:var(--slds-color-text-weak);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-value{font-size:2.5rem;font-weight:var(--slds-font-weight-bold);color:var(--slds-color-text-default);line-height:1;margin-bottom:.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-subtext{font-size:var(--slds-font-size-2);color:var(--slds-color-text-weak)}.stat-details{display:flex;align-items:center;justify-content:space-between;gap:1rem}.stat-detail{display:flex;align-items:center;gap:.5rem;font-size:var(--slds-font-size-2);color:var(--slds-color-text-weak);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.stat-detail strong{color:var(--slds-color-text-default)}.change-indicator{display:flex;align-items:center;gap:.25rem;font-size:var(--slds-font-size-2);font-weight:var(--slds-font-weight-bold);padding:.25rem .5rem;border-radius:var(--slds-border-radius-small)}.change-indicator.positive{color:var(--slds-color-success);background:var(--slds-color-background-success)}.change-indicator.negative{color:var(--slds-color-error);background:var(--slds-color-background-error)}.charts-section{display:grid;grid-template-columns:2fr 1fr;gap:2rem}.chart-container{background:var(--slds-color-background-default);border:1px solid var(--slds-color-border);border-radius:var(--slds-border-radius-medium);padding:1.5rem}.chart-container h4{margin:0 0 1rem;font-size:var(--slds-font-size-4);font-weight:var(--slds-font-weight-bold);color:var(--slds-color-text-default)}.simple-chart{display:flex;align-items:end;gap:.5rem;height:200px;padding:1rem 0;position:relative}.chart-bar{display:flex;flex-direction:column;align-items:center;flex:1;height:100%}.bar{width:100%;min-height:8px;background:var(--slds-color-brand);border-radius:var(--slds-border-radius-small);margin-bottom:auto;transition:all .2s ease;position:relative;align-self:flex-end}.bar:hover{background:var(--slds-color-brand-dark);transform:scaleY(1.1)}.bar-label{font-size:var(--slds-font-size-1);color:var(--slds-color-text-weak);margin-top:.5rem}.bar-value{font-size:var(--slds-font-size-2);font-weight:var(--slds-font-weight-bold);color:var(--slds-color-text-default);margin-top:.25rem}.hourly-chart{display:flex;align-items:end;gap:2px;height:200px;padding:1rem 0;position:relative}.hour-bar{display:flex;flex-direction:column;align-items:center;flex:1;height:100%}.hour-bar .bar{width:100%;min-height:6px;background:var(--slds-color-success);align-self:flex-end}.hour-label{font-size:var(--slds-font-size-1);color:var(--slds-color-text-weak);margin-top:.25rem;writing-mode:vertical-rl;text-orientation:mixed}.top-lists{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1.5rem}.top-list,.device-breakdown{background:var(--slds-color-background-default);border:1px solid var(--slds-color-border);border-radius:var(--slds-border-radius-medium);padding:1.5rem}.top-list h4,.device-breakdown h4{margin:0 0 1rem;font-size:var(--slds-font-size-4);font-weight:var(--slds-font-weight-bold);color:var(--slds-color-text-default)}.list-items{display:flex;flex-direction:column;gap:.75rem}.list-item{display:flex;align-items:center;gap:.75rem;padding:.5rem;border-radius:var(--slds-border-radius-small);transition:background .2s ease}.list-item:hover{background:var(--slds-color-background-row-hover)}.rank{font-weight:var(--slds-font-weight-bold);color:var(--slds-color-text-weak);font-size:var(--slds-font-size-2);min-width:1.5rem}.item-name{flex:1;font-size:var(--slds-font-size-3);color:var(--slds-color-text-default);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-value{font-weight:var(--slds-font-weight-bold);color:var(--slds-color-brand);font-size:var(--slds-font-size-3)}.device-stats{display:flex;flex-direction:column;gap:.75rem}.device-stat{display:flex;align-items:center;gap:.5rem;font-size:var(--slds-font-size-3);color:var(--slds-color-text-default)}.live-visitors{max-height:600px;overflow-y:auto}.live-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--slds-color-border)}.live-header h4{display:flex;align-items:center;gap:.5rem;margin:0;font-size:var(--slds-font-size-4);font-weight:var(--slds-font-weight-bold);color:var(--slds-color-text-default)}.last-updated{font-size:var(--slds-font-size-2);color:var(--slds-color-text-weak)}.visitors-list{display:flex;flex-direction:column;gap:1rem}.visitor-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--slds-color-background-default);border:1px solid var(--slds-color-border);border-radius:var(--slds-border-radius-medium);transition:all .2s ease}.visitor-item:hover{box-shadow:var(--slds-shadow-2);border-color:var(--slds-color-brand-light)}.visitor-info{display:flex;flex-direction:column;gap:.5rem;flex:1}.visitor-location{display:flex;align-items:center;gap:.5rem;font-size:var(--slds-font-size-3);font-weight:var(--slds-font-weight-bold);color:var(--slds-color-text-default)}.visitor-details{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.current-page{font-size:var(--slds-font-size-2);color:var(--slds-color-brand);font-family:var(--slds-font-family-monospace)}.page-views{font-size:var(--slds-font-size-2);color:var(--slds-color-text-weak)}.conversion-badge{display:flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:var(--slds-color-background-success);color:var(--slds-color-success);border-radius:var(--slds-border-radius-small);font-size:var(--slds-font-size-1);font-weight:var(--slds-font-weight-bold)}.visitor-tech{display:flex;flex-direction:column;align-items:end;gap:.5rem;text-align:right}.device-info{display:flex;align-items:center;gap:.5rem;font-size:var(--slds-font-size-2);color:var(--slds-color-text-default)}.last-seen{font-size:var(--slds-font-size-2);color:var(--slds-color-text-weak)}.no-visitors{text-align:center;padding:3rem;color:var(--slds-color-text-weak)}.no-visitors p{margin-top:1rem;font-size:var(--slds-font-size-3)}.no-data{text-align:center;padding:2rem;color:var(--slds-color-text-weak);font-size:var(--slds-font-size-3);font-style:italic}@media (max-width: 1200px){.charts-section{grid-template-columns:1fr}.top-lists{grid-template-columns:1fr 1fr}}@media (max-width: 768px){.analytics-header{flex-direction:column;gap:1rem;align-items:stretch}.header-left{flex-direction:column;align-items:stretch;gap:1rem}.realtime-stats,.top-lists{grid-template-columns:1fr}.visitor-item{flex-direction:column;align-items:stretch;gap:1rem}.visitor-tech{align-items:start;text-align:left}}.dashboard-page{padding:0}.dashboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:var(--slds-color-text-weak)}.dashboard-loading p{margin-top:1rem;font-size:1.1rem}.dashboard-content{padding:1.5rem;max-width:1400px;margin:0 auto}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.kpi-card{background:var(--slds-color-background);border:1px solid var(--slds-color-border);border-radius:var(--slds-border-radius-medium);padding:1.5rem;box-shadow:var(--slds-shadow-2);transition:all .2s ease}.kpi-card:hover{box-shadow:var(--slds-shadow-4);transform:translateY(-2px)}.kpi-card.showroom-traffic{border-color:var(--slds-color-brand);background:linear-gradient(135deg,var(--slds-color-background-brand-light) 0%,var(--slds-color-background) 100%);transition:all .2s ease}.kpi-card.showroom-traffic.clickable:hover{transform:translateY(-3px);box-shadow:var(--slds-shadow-8);border-color:var(--slds-color-brand-dark)}.kpi-card.showroom-traffic.clickable:active{transform:translateY(-1px)}.live-indicator{display:flex;align-items:center;gap:.25rem;font-size:var(--slds-font-size-1);font-weight:var(--slds-font-weight-bold);color:var(--slds-color-success)}.pulse-dot{width:8px;height:8px;background:var(--slds-color-success);border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 #22c55eb3}70%{transform:scale(1);box-shadow:0 0 0 10px #22c55e00}to{transform:scale(.95);box-shadow:0 0 #22c55e00}}.live-visitors{color:var(--slds-color-success)!important}.analytics-section{margin-bottom:2rem}.growth-positive{color:var(--slds-color-text-success)!important}.urgent{color:var(--slds-color-text-error)!important}.kpi-card.revenue .kpi-card__header .icon{color:var(--slds-color-text-success)}.kpi-card.mails .kpi-card__header .icon{color:var(--slds-color-text-brand)}.kpi-card.leads .kpi-card__header .icon{color:var(--slds-color-text-warning)}.kpi-card.customers .kpi-card__header .icon{color:var(--slds-color-text-brand)}.kpi-card.visits .kpi-card__header .icon{color:var(--slds-color-text-default)}.todos-section{margin-bottom:2rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:1px solid var(--slds-color-border)}.section-header h2{display:flex;align-items:center;gap:.75rem;margin:0;font-size:1.25rem;font-weight:600;color:var(--slds-color-text-default)}.todos-header-actions{display:flex;gap:.5rem}.todo-item{display:flex;align-items:flex-start;gap:1rem;padding:1.25rem;background:var(--slds-color-background);border:1px solid var(--slds-color-border);border-radius:var(--slds-border-radius-medium);transition:all .2s ease}.todo-item:hover{box-shadow:var(--slds-shadow-2);border-color:var(--slds-color-border-brand)}.todo-item.priority-high{border-left:4px solid var(--slds-color-border-error)}.todo-item.priority-medium{border-left:4px solid var(--slds-color-border-warning)}.todo-item.priority-low{border-left:4px solid var(--slds-color-border-success)}.todo-item.status-completed{opacity:.7;background:var(--slds-color-background-alt)}.todo-icon{flex-shrink:0;margin-top:.25rem}.todo-content{flex:1}.todo-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.todo-header h4{margin:0;font-size:1rem;font-weight:600;color:var(--slds-color-text-default)}.todo-meta{display:flex;gap:1rem;align-items:center}.todo-project{font-size:.75rem;padding:.25rem .5rem;background:var(--slds-color-background-brand-alt);color:var(--slds-color-text-brand);border-radius:var(--slds-border-radius-small);font-weight:500}.todo-priority{font-size:.75rem;font-weight:600;letter-spacing:.5px}.todo-overdue{font-size:.75rem;font-weight:700;color:var(--slds-color-text-error);background:var(--slds-color-background-error);padding:.125rem .375rem;border-radius:var(--slds-border-radius-small);letter-spacing:.5px}.todo-item.overdue{border-left-color:var(--slds-color-border-error);background:var(--slds-color-background-error-alt)}.todo-due-date.overdue{color:var(--slds-color-text-error);font-weight:600}.todo-description{margin:0 0 1rem;font-size:.875rem;color:var(--slds-color-text-weak);line-height:1.4}.todo-footer{display:flex;gap:1.5rem;align-items:center}.todo-assignee,.todo-due-date{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:var(--slds-color-text-weak)}.todo-actions{flex-shrink:0}.quick-actions{margin-bottom:2rem}.quick-actions h2{display:flex;align-items:center;gap:.75rem;margin:0 0 1.5rem;font-size:1.25rem;font-weight:600;color:var(--slds-color-text-default);padding-bottom:.75rem;border-bottom:1px solid var(--slds-color-border)}.quick-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.quick-action-btn{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem 1rem;height:auto;text-align:center}.quick-action-btn span{font-size:.875rem;font-weight:500}@media (max-width: 768px){.dashboard-content{padding:1rem}.kpi-grid{grid-template-columns:1fr;gap:1rem}.kpi-main-value{font-size:1.5rem}.section-header{flex-direction:column;align-items:flex-start;gap:1rem}.todo-header{flex-direction:column;align-items:flex-start;gap:.5rem}.todo-meta{gap:.5rem}.todo-footer{flex-direction:column;align-items:flex-start;gap:.5rem}.quick-actions-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.quick-actions-grid{grid-template-columns:1fr}.todo-item{padding:1rem}}.analytics-page{padding:0}.analytics-page-content{padding:1.5rem;max-width:1600px;margin:0 auto}.analytics-page .analytics{border-radius:var(--slds-border-radius-large);box-shadow:var(--slds-shadow-4)}.analytics-page .analytics-content{padding:2rem}.analytics-page .realtime-stats{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.analytics-page .stat-card{padding:2rem}.analytics-page .charts-section{grid-template-columns:2fr 1fr;gap:2rem}.analytics-page .simple-chart,.analytics-page .hourly-chart{height:300px}.analytics-page .top-lists{grid-template-columns:1fr 1fr 1fr;gap:2rem}.analytics-page .live-visitors{max-height:800px}@media (max-width: 1400px){.analytics-page .charts-section{grid-template-columns:1fr}}@media (max-width: 1200px){.analytics-page .top-lists{grid-template-columns:1fr 1fr}}@media (max-width: 768px){.analytics-page-content{padding:1rem}.analytics-page .realtime-stats,.analytics-page .top-lists{grid-template-columns:1fr}}.card{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius-medium);box-shadow:var(--shadow-small);transition:all .2s ease}.card--padding-none{padding:0}.card--padding-small{padding:.75rem}.card--padding-medium{padding:1rem}.card--padding-large{padding:1.5rem}.card--hover:hover{box-shadow:var(--shadow-medium);transform:translateY(-1px)}.card--clickable{cursor:pointer}.card--clickable:hover{box-shadow:var(--shadow-medium);transform:translateY(-1px)}.card--clickable:active{transform:translateY(0);box-shadow:var(--shadow-small)}.bulk-import-container{max-height:80vh;overflow-y:auto}.import-form{display:flex;flex-direction:column;gap:1.5rem}.form-header{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f9fafb;border-radius:.5rem;border:1px solid #e5e7eb}.header-icon{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;background:#3b82f6;color:#fff;border-radius:.5rem}.header-content h3{margin:0 0 .25rem;font-size:1.125rem;font-weight:600;color:#111827}.header-content p{margin:0;font-size:.875rem;color:#6b7280}.form-section{display:flex;flex-direction:column;gap:.75rem}.section-header{display:flex;align-items:center;gap:.5rem}.section-header h4{margin:0;font-size:1rem;font-weight:600;color:#111827}.help-text{font-size:.75rem;color:#6b7280;margin-left:auto}.validation-info{display:flex;flex-direction:column;gap:.75rem;margin-top:.5rem}.validation-summary{display:flex;align-items:center;justify-content:space-between;gap:1rem}.validation-status{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500}.validation-status.valid{color:#059669}.validation-status.invalid{color:#dc2626}.validation-errors{display:flex;flex-direction:column;gap:.25rem;padding:.75rem;background:#fef2f2;border:1px solid #fecaca;border-radius:.375rem}.error-item{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:#dc2626}.preview-section{padding:.75rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:.375rem}.preview-section h5{margin:0 0 .75rem;font-size:.875rem;font-weight:600;color:#111827}.preview-list{display:flex;flex-direction:column;gap:.5rem}.preview-item{display:flex;align-items:center;gap:.75rem;padding:.5rem;background:#fff;border:1px solid #e5e7eb;border-radius:.25rem;font-size:.75rem}.preview-item.invalid{background:#fef2f2;border-color:#fecaca}.line-number{display:flex;align-items:center;justify-content:center;width:2rem;height:1.5rem;background:#f3f4f6;color:#6b7280;border-radius:.25rem;font-weight:500;font-size:.625rem}.email{flex:1;font-family:monospace;color:#111827}.error-text{color:#dc2626;font-size:.625rem}.provider-info{display:flex;flex-direction:column;gap:.75rem}.provider-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.5rem}.provider-item{padding:.5rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:.25rem;font-size:.75rem}.provider-item strong{color:#111827}.provider-note{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:#fef3c7;border:1px solid #fbbf24;border-radius:.375rem;font-size:.75rem;color:#92400e}.import-results{display:flex;flex-direction:column;gap:1.5rem}.results-header{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f0f9ff;border:1px solid #bae6fd;border-radius:.5rem}.results-summary{display:flex;flex-direction:column;gap:1rem}.summary-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.summary-card{display:flex;align-items:center;gap:1rem;padding:1rem}.card-icon{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:.5rem}.card-icon.success{background:#dcfce7;color:#059669}.card-icon.warning{background:#fef3c7;color:#d97706}.card-icon.error{background:#fef2f2;color:#dc2626}.card-content h4{margin:0;font-size:1.5rem;font-weight:700;color:#111827}.card-content p{margin:0;font-size:.875rem;color:#6b7280}.results-details{display:flex;flex-direction:column;gap:.75rem}.results-details h4{margin:0;font-size:1rem;font-weight:600;color:#111827}.details-list{display:flex;flex-direction:column;gap:.5rem;max-height:300px;overflow-y:auto}.detail-item{padding:.75rem;border:1px solid #e5e7eb;border-radius:.375rem;background:#fff}.detail-item.added{border-color:#d1fae5;background:#f0fdf4}.detail-item.skipped{border-color:#fed7aa;background:#fffbeb}.detail-item.failed{border-color:#fecaca;background:#fef2f2}.detail-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.detail-content{display:flex;flex-direction:column;gap:.25rem}.detail-content .email{font-family:monospace;font-weight:500;color:#111827}.detail-content .message{font-size:.75rem;color:#6b7280}.config-info{font-size:.625rem;color:#059669;font-family:monospace}.modal-actions{display:flex;justify-content:flex-end;gap:.75rem;padding-top:1.5rem;border-top:1px solid #e5e7eb}@media (max-width: 768px){.summary-cards,.provider-grid{grid-template-columns:1fr}.validation-summary,.preview-item{flex-direction:column;align-items:flex-start;gap:.5rem}}.imap-overview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border)}.imap-overview-title{display:flex;align-items:center;gap:.5rem}.imap-overview-title h3{margin:0;color:var(--color-text-primary);font-size:1.125rem;font-weight:600}.imap-overview-title .icon{color:var(--color-primary)}.imap-overview-loading,.imap-overview-error{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:2rem;text-align:center;color:var(--color-text-secondary)}.imap-overview-spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.imap-overview-error{flex-direction:column;gap:1rem}.imap-overview-empty{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:3rem 2rem;text-align:center;color:var(--color-text-secondary)}.imap-overview-empty .icon{font-size:3rem;opacity:.5}.imap-accounts-list{display:flex;flex-direction:column;gap:.75rem}.imap-account-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border:1px solid var(--color-border);border-radius:6px;background:var(--color-background-secondary);transition:all .2s ease}.imap-account-row:hover{border-color:var(--color-primary-light);background:var(--color-background-tertiary)}.imap-account-main{display:flex;align-items:center;gap:1.5rem;flex:1}.imap-account-info{display:flex;flex-direction:column;gap:.25rem}.imap-account-email{display:flex;align-items:center;gap:.5rem;font-weight:600;color:var(--color-text-primary);font-size:.875rem}.imap-account-email .icon{color:var(--color-primary);font-size:1rem}.imap-account-server{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:var(--color-text-secondary)}.imap-account-server .icon{color:var(--color-text-tertiary);font-size:.875rem}.imap-account-status{display:flex;align-items:center;gap:.75rem}.imap-account-project{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:var(--color-text-secondary);white-space:nowrap}.imap-account-project .icon{color:var(--color-text-tertiary);font-size:.75rem}.imap-account-actions{display:flex;align-items:center;gap:.5rem}.imap-delete-button{color:var(--color-error)!important;border-color:var(--color-error-light)!important}.imap-delete-button:hover{background:var(--color-error-light)!important;color:#fff!important}.imap-delete-spinner{animation:spin 1s linear infinite}.badge .icon{margin-right:.25rem;font-size:.75rem}.imap-account-status .badge .icon{margin-right:.25rem}.imap-account-info .badge{align-self:flex-start;margin-top:.25rem}.imap-account-info .badge .icon{margin-right:.25rem;font-size:.625rem}@media (max-width: 768px){.imap-overview-header{flex-direction:column;gap:1rem;align-items:stretch}.imap-account-row{flex-direction:column;align-items:stretch;gap:.75rem;padding:1rem}.imap-account-main{flex-direction:column;align-items:stretch;gap:.75rem}.imap-account-status{justify-content:space-between}.imap-account-actions{justify-content:stretch}.imap-account-actions .button{flex:1}}.inbound-mails-page{padding:0}.tab-navigation{display:flex;border-bottom:1px solid var(--color-border);margin-bottom:1.5rem;gap:0}.tab-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:none;border:none;border-bottom:2px solid transparent;color:var(--color-text-secondary);font-weight:500;cursor:pointer;transition:all .2s ease}.tab-button:hover{background:var(--color-background-secondary);color:var(--color-text)}.tab-button.active{color:var(--color-primary);border-bottom-color:var(--color-primary);background:var(--color-background-secondary)}.email-content-tab{max-height:70vh;overflow-y:auto}.email-display{background:var(--color-background);border:1px solid var(--color-border);border-radius:8px;overflow:hidden}.email-header{background:var(--color-background-secondary);padding:1rem;border-bottom:1px solid var(--color-border)}.email-meta{display:flex;flex-direction:column;gap:.5rem}.email-field{font-size:.9rem}.email-field strong{display:inline-block;min-width:80px;color:#6b7280;font-weight:600}.email-body{padding:1rem;background:#fff}.email-content-header{margin-bottom:1rem;font-size:.95rem;color:#6b7280}.html-content-wrapper{border:1px solid var(--color-border);border-radius:6px;overflow:hidden}.html-content-toggle{background:var(--color-background-secondary);padding:.5rem;border-bottom:1px solid var(--color-border)}.html-content-sanitized{padding:1rem;max-height:400px;overflow-y:auto;font-family:inherit;line-height:1.6}.text-content{background:var(--color-background);border:1px solid var(--color-border);border-radius:6px;padding:1rem;font-family:Consolas,Monaco,Courier New,monospace;font-size:.9rem;line-height:1.6;max-height:400px;overflow-y:auto}.email-attachments{margin-top:20px;padding-top:16px;border-top:1px solid var(--color-border)}.email-attachments h4{margin:0 0 12px;font-size:14px;font-weight:600;color:var(--color-text)}.attachments-list{display:flex;flex-direction:column;gap:8px}.attachment-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:var(--color-background-subtle);border:1px solid var(--color-border);border-radius:6px;transition:all .2s ease}.attachment-item:hover{background:var(--color-background-hover);border-color:var(--color-primary)}.attachment-name{font-weight:500;color:var(--color-text)}.attachment-size{color:var(--color-text-secondary);font-size:12px}.no-email-selected{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center;color:var(--color-text-secondary)}.no-email-selected .icon{color:var(--color-text-tertiary);margin-bottom:1rem}.header-actions{display:flex;gap:.75rem;align-items:center}.realtime-status{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:6px;background:var(--color-background-secondary);border:1px solid var(--color-border)}.status-text{font-size:.875rem;font-weight:500}.status-text.connected{color:var(--color-success)}.status-text.disconnected{color:var(--color-warning)}.realtime-status .icon.connected{color:var(--color-success)}.realtime-status .icon.disconnected{color:var(--color-warning)}.page-content{padding:1.5rem;max-width:1400px;margin:0 auto}.stat-card{display:flex;align-items:center;gap:1rem;padding:1rem}.stat-icon{width:3rem;height:3rem;border-radius:.5rem;display:flex;align-items:center;justify-content:center;color:#fff}.stat-icon.unread{background:#dc2626}.stat-icon.leads{background:#059669}.stat-icon.urgent{background:#d97706}.stat-icon.total{background:#2563eb}.stat-number{font-size:2rem;font-weight:700;line-height:1;color:var(--color-text-primary)}.stat-label{font-size:.875rem;color:var(--color-text-secondary);margin-top:.25rem}.filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;padding:1.5rem;align-items:end}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-group label{font-size:.875rem;font-weight:600;color:var(--color-text-primary);margin-bottom:.25rem}.filter-group .select-wrapper{min-height:2.5rem}.filter-group .select{height:2.5rem}.mail-table-container{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px 8px 0 0;overflow-x:auto;overflow-y:hidden}.mail-table-container table{width:100%;min-width:800px}@media (max-width: 1024px){.mail-table-container table{min-width:600px}.sender-cell{min-width:120px}.subject-cell{min-width:180px;max-width:220px}.project-cell{min-width:80px}}@media (max-width: 768px){.mail-table-container{border-radius:4px;overflow-x:auto;-webkit-overflow-scrolling:touch}.mail-table-container table{min-width:500px;font-size:.8rem}.mail-table th,.mail-table td{padding:.5rem .25rem}.action-buttons-compact{flex-direction:column;gap:.125rem}.action-buttons-compact .button{min-width:32px;padding:.25rem}.mail-table th:nth-child(5),.mail-table td:nth-child(5){display:none}.mail-table th:nth-child(6),.mail-table td:nth-child(6){display:none}}.pagination-controls{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:var(--color-surface);border:1px solid var(--color-border);border-top:none;border-radius:0 0 8px 8px;flex-wrap:wrap;gap:1rem}.pagination-info{display:flex;align-items:center;gap:16px;font-size:14px;color:var(--color-text-secondary)}.pagination-buttons{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.page-numbers{display:flex;gap:4px;flex-wrap:wrap}@media (max-width: 768px){.pagination-controls{flex-direction:column;align-items:center;padding:12px 16px;gap:.75rem}.pagination-info{order:2;font-size:12px;gap:8px}.pagination-buttons{order:1;gap:4px}.page-numbers{gap:2px}}.tab-navigation{display:flex;border-bottom:1px solid var(--color-border);margin-bottom:1rem}.tab-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border:none;background:none;color:var(--color-text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;transition:all .15s ease}.tab-button:hover{color:var(--color-text-primary);background:var(--color-background-secondary)}.tab-button.active{color:var(--color-brand-primary);border-bottom-color:var(--color-brand-primary)}.bulk-actions{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:.5rem;margin-bottom:1rem;flex-wrap:wrap;gap:.5rem}.bulk-info{display:flex;align-items:center;gap:.5rem;color:var(--color-text-primary);font-size:.875rem;font-weight:500}.bulk-buttons{display:flex;gap:.5rem;flex-wrap:wrap}@media (max-width: 768px){.bulk-actions{flex-direction:column;align-items:stretch;gap:.75rem}.bulk-info,.bulk-buttons{justify-content:center}}.mail-table{width:100%;border-collapse:collapse;font-size:.875rem}.mail-table th{background:#f9fafb;border-bottom:2px solid #e5e7eb;padding:.75rem;text-align:left;font-weight:600;color:#374151;white-space:nowrap}.mail-table td{padding:.75rem;border-bottom:1px solid #f3f4f6;vertical-align:top}.mail-row{cursor:pointer;transition:background-color .15s ease}.mail-row:hover{background:#f9fafb}.mail-row.unread{background:#3b82f608;border-left:3px solid #3b82f6}.mail-row.selected{background:#3b82f614}.sender-cell{min-width:180px}.sender-name{font-weight:600;color:#111827;margin-bottom:.125rem}.sender-email{font-size:.75rem;color:#6b7280}.subject-cell{min-width:250px;max-width:300px}.subject-text{font-weight:500;color:#111827;margin-bottom:.125rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-text{font-size:.75rem;color:#6b7280;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-cell{display:flex;align-items:center;gap:.5rem;min-width:120px;font-size:.75rem;color:#6b7280}.date-cell{min-width:100px;font-size:.75rem;color:#6b7280;white-space:nowrap}.action-buttons-compact{display:flex;gap:.25rem;flex-wrap:wrap;justify-content:center;min-width:120px}.mail-details-row{background:#f9fafb}.mail-details-row td{padding:0}.mail-details{padding:1.5rem;background:#f9fafb;border-top:1px solid #e5e7eb}.mail-body{margin-bottom:1.5rem;padding:1rem;background:#fff;border-radius:.5rem;border:1px solid #e5e7eb;font-size:.875rem;line-height:1.6;color:#111827}.mail-actions{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.action-group{display:flex;align-items:center;gap:.75rem}.action-group label{font-size:.875rem;font-weight:600;color:#111827;white-space:nowrap}.action-buttons{display:flex;gap:.75rem;flex-wrap:wrap}.loading-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1.5rem;text-align:center}.loading-state p,.empty-state p{margin:1rem 0 0;color:var(--color-text-secondary)}.empty-state h3{margin:1rem 0 .5rem;color:var(--color-text-primary);font-weight:600}.imap-config-form,.reply-form,.lead-form{display:flex;flex-direction:column;gap:1.5rem}.config-header{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:#107cad0d;border-radius:.5rem;border:1px solid rgba(16,124,173,.2);margin-bottom:1rem}.config-icon{flex-shrink:0;width:3.5rem;height:3.5rem;display:flex;align-items:center;justify-content:center;background:var(--color-brand-primary);border-radius:.5rem;color:#fff}.config-description h3{margin:0 0 .5rem;font-size:1.25rem;font-weight:600;color:var(--color-text-primary)}.config-description p{margin:0;color:var(--color-text-secondary);line-height:1.5}.config-section{background:var(--color-background);border:1px solid var(--color-border);border-radius:.5rem;padding:1.5rem;margin-bottom:1rem}.section-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--color-border)}.section-header h4{margin:0;font-size:1rem;font-weight:600;color:var(--color-text-primary)}.form-group label{font-size:.875rem;font-weight:600;color:var(--color-text-primary)}.help-text{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:var(--color-text-secondary);margin-top:.25rem;padding:.5rem;background:var(--color-background-secondary);border-radius:.375rem;border-left:3px solid var(--color-info)}.help-text.security-note{border-left-color:var(--color-warning);background:#f59e0b1a}.security-options{display:flex;flex-direction:column;gap:1rem}.security-checkbox{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:.5rem;cursor:pointer}.security-checkbox:hover{border-color:var(--color-brand-primary)}.security-checkbox input[type=checkbox]{width:1.25rem;height:1.25rem;accent-color:var(--color-brand-primary);margin:0}.checkbox-content{display:flex;flex-direction:column;gap:.25rem}.checkbox-content strong{font-weight:600;color:var(--color-text-primary)}.checkbox-content span{font-size:.875rem;color:var(--color-text-secondary)}.provider-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem}.provider-btn{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;background:var(--color-background);border:2px solid var(--color-border);border-radius:.5rem;cursor:pointer;font-weight:500;color:var(--color-text-primary)}.provider-btn:hover{border-color:var(--color-brand-primary);background:var(--color-background-secondary)}.provider-btn.gmail:hover{border-color:#ea4335}.provider-btn.outlook:hover{border-color:#0078d4}.provider-btn.webde:hover{border-color:#1ba3e0}.checkbox-group label{display:flex;align-items:center;gap:.5rem;font-weight:500;cursor:pointer}.checkbox-group input[type=checkbox]{width:1rem;height:1rem;accent-color:var(--color-brand-primary)}.modal-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:2rem;padding-top:1.5rem;border-top:2px solid var(--color-border)}.attachments-section{display:flex;flex-direction:column;gap:12px}.attachments-list{display:flex;flex-direction:column;gap:8px;margin-top:12px}.attachment-item{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--slds-color-background-alt);border:1px solid var(--slds-color-border);border-radius:var(--slds-border-radius-small)}.attachment-info{display:flex;align-items:center;gap:8px;flex:1}.attachment-name{font-weight:500;color:var(--slds-color-text-default)}.attachment-size{font-size:12px;color:var(--slds-color-text-weak)}@media (max-width: 768px){.page-content{padding:1rem}.stats-grid{grid-template-columns:1fr;gap:1rem}.filters{grid-template-columns:1fr;gap:1rem;padding:1rem}.mail-sender{flex-direction:column;gap:1rem;align-items:flex-start}.mail-badges{align-self:stretch}.mail-meta{flex-direction:column;align-items:flex-start;gap:.5rem}.mail-actions{flex-direction:column;align-items:stretch}.action-group{flex-direction:column;align-items:stretch;gap:.5rem}.action-buttons{justify-content:stretch}.action-buttons button{flex:1}.form-row{grid-template-columns:1fr}.modal-actions{flex-direction:column}.header-actions{flex-direction:column;width:100%}}@media (max-width: 480px){.stat-card{padding:.75rem}.stat-icon{width:2.5rem;height:2.5rem}.stat-number{font-size:1.5rem}.mail-header,.mail-details{padding:1rem}}.loading-smtp-servers{display:flex;align-items:center;justify-content:center;padding:1rem;background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:.375rem;color:var(--color-text-secondary)}.no-smtp-servers{padding:1rem;background:#fbbf241a;border:1px solid rgba(251,191,36,.3);border-radius:.375rem;color:#92400e;font-size:.875rem;line-height:1.4}.mail-item:focus-within{outline:2px solid var(--color-brand-primary);outline-offset:2px}@media print{.header-actions,.filters,.action-buttons{display:none}.mail-item{break-inside:avoid;box-shadow:none;border:1px solid #ccc;margin-bottom:1rem}}.conversation-indicator{display:flex;align-items:center;gap:4px;font-size:.75rem;color:var(--color-brand-700);margin-top:4px;padding:.25rem .5rem;background:var(--color-brand-50);border-radius:.375rem;border:1px solid var(--color-brand-200);width:fit-content}.conversation-indicator span{font-weight:600}.conversation-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .375rem;background:var(--color-brand-100);border-radius:.25rem;font-size:.75rem;color:var(--color-brand-800);font-weight:600;margin-left:.5rem}.conversation-thread{max-height:600px;overflow-y:auto;padding:16px 0}.conversation-message.sent{background:var(--color-brand-50);border-left:4px solid var(--color-brand-500)}.conversation-message.inbound{background:var(--color-background);border-left:4px solid var(--color-border)}.message-type{display:inline-block;padding:.125rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:600;text-transform:uppercase}.message-type.sent{background:var(--color-success-100);color:var(--color-success-800)}.message-type.received{background:var(--color-info-100);color:var(--color-info-800)}.conversation-message{border:1px solid #e5e7eb;border-radius:8px;padding:16px;margin-bottom:16px;background:#f9fafb}.conversation-message.current{background:#eff6ff;border-color:#3b82f6}.message-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.sender-info{display:flex;flex-direction:column;gap:2px}.sender-info strong{font-size:.9rem;color:#1f2937}.email-address{font-size:.8rem;color:#6b7280}.message-meta{display:flex;align-items:center;gap:8px;font-size:.8rem;color:#6b7280}.message-subject{margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #e5e7eb}.message-subject strong{font-size:.9rem;color:#374151}.message-body{font-size:.9rem;line-height:1.5;color:#374151}.conversation-divider{height:1px;background:linear-gradient(to right,transparent,#d1d5db,transparent);margin:16px 0}.no-conversation{text-align:center;padding:40px 20px;color:#6b7280}.no-conversation p{margin-top:12px;font-size:.9rem}.no-smtp-servers{padding:.75rem;background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:4px;color:#856404;font-size:.875rem}.html-content-sanitized{border:1px solid var(--color-border, #ddd);border-radius:4px;padding:1rem;background:#fff;max-height:600px;overflow-y:auto;font-family:Arial,sans-serif;line-height:1.4;word-wrap:break-word;overflow-wrap:break-word}.html-content-preview{padding:.5rem;background:var(--color-background-secondary, #f8f9fa);border:1px solid var(--color-border, #ddd);border-radius:4px;font-size:.8rem}.html-content-preview strong{color:var(--color-text, #333);margin-bottom:.25rem;display:block}.html-preview-text{color:var(--color-text-secondary, #666);font-style:italic;max-height:60px;overflow:hidden}.vehicle-selection{display:flex;flex-direction:column;gap:1rem;border:1px solid var(--color-border, #ddd);border-radius:.5rem;padding:1rem;background:var(--color-background-alt, #f8f9fa)}.selected-vehicles-label,.available-vehicles-label{font-weight:600;font-size:.875rem;color:var(--color-text, #333);margin-bottom:.5rem}.vehicle-list{display:flex;flex-direction:column;gap:.25rem;max-height:250px;overflow-y:auto;border:1px solid var(--color-border, #ddd);border-radius:.375rem;background:#fff}.vehicle-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem;cursor:pointer;transition:all .2s ease;border-bottom:1px solid var(--color-border-light, #eee)}.vehicle-item:hover{background:var(--color-background-alt, #f8f9fa)}.vehicle-item.selected{background:var(--color-brand-light, #e6f3ff);border-color:var(--color-brand, #2c5aa0)}.brand-model{color:var(--color-text, #333)}.vehicle-item-price{font-size:.875rem;color:var(--color-success, #16a34a);font-weight:600}.vehicle-item-price:after{content:" EUR";font-size:.75rem;color:var(--color-text-secondary, #666);font-weight:400}.vehicle-item-action{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--color-background, #fff);border:1px solid var(--color-border, #ddd);color:var(--color-text-secondary, #666)}.vehicle-item.selected .vehicle-item-action{background:var(--color-brand, #2c5aa0);border-color:var(--color-brand, #2c5aa0);color:#fff}.vehicle-list-more{padding:.75rem;text-align:center;font-size:.875rem;color:var(--color-text-secondary, #666);font-style:italic;background:var(--color-background-alt, #f8f9fa)}.remove-vehicle{background:none;border:none;color:var(--color-text-secondary, #666);cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:.25rem;font-size:1.2rem;font-weight:700}.remove-vehicle:hover{background:var(--color-error-light, #fef2f2);color:var(--color-error, #dc2626)}.selected-vehicle-with-price .base-price{font-size:.75rem;color:var(--color-text-secondary, #666)}.status-cell{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.star-button{background:none;border:none;font-size:16px;cursor:pointer;padding:2px 4px;border-radius:4px;transition:all .2s ease;opacity:.6}.star-button:hover{opacity:1;background:var(--color-background-hover)}.star-button.starred{opacity:1}.star-button:disabled{cursor:not-allowed;opacity:.3}input[type=checkbox]:disabled{opacity:.3;cursor:not-allowed}.leads-list{display:flex;flex-direction:column;gap:1rem;height:100%}.leads-list__header{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--color-background-alt);border-radius:.5rem;border:1px solid var(--color-border)}.leads-list__search{flex:1;max-width:400px}.leads-list__filters{display:flex;align-items:center;gap:.5rem}.leads-list__bulk-actions{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:var(--color-brand-50);border:1px solid var(--color-brand-200);border-radius:.5rem;color:var(--color-brand-700)}.leads-list__error{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--color-error-50);border:1px solid var(--color-error-200);border-radius:.5rem;color:var(--color-error-700);font-size:.875rem}.leads-list__loading{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:3rem;color:var(--color-text-secondary);font-size:.875rem}.leads-list__table-container{flex:1;overflow:auto;border:1px solid var(--color-border);border-radius:.5rem;background:var(--color-background)}.leads-list__table{width:100%;border-collapse:collapse;font-size:.875rem}.leads-list__table thead{background:var(--color-background-alt);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:1}.leads-list__table th{padding:.75rem 1rem;text-align:left;font-weight:600;color:var(--color-text-secondary);white-space:nowrap;border-right:1px solid var(--color-border)}.leads-list__table th:last-child{border-right:none}.leads-list__table tbody tr{border-bottom:1px solid var(--color-border);transition:background-color .2s}.leads-list__table tbody tr:hover{background:var(--color-background-hover)}.leads-list__table td{padding:.75rem 1rem;vertical-align:top;border-right:1px solid var(--color-border)}.leads-list__table td:last-child{border-right:none}.table__lead-info{min-width:250px}.lead-info__name{font-weight:500;color:var(--color-text);margin-bottom:.25rem}.lead-info__subject{font-size:.8125rem;color:var(--color-text-secondary);line-height:1.3}.project-info__name{font-weight:500;color:var(--color-text);margin-bottom:.25rem}.project-info__domain{font-size:.8125rem;color:var(--color-text-secondary);font-family:var(--font-mono)}.assignee-info,.creator-info{font-weight:500;color:var(--color-text)}.date-info div:first-child{font-weight:500;color:var(--color-text);margin-bottom:.25rem}.date-info__last-contact{font-size:.8125rem;color:var(--color-text-secondary)}.table__actions{width:80px}.actions-menu{display:flex;align-items:center;gap:.25rem}.leads-list__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center;color:var(--color-text-secondary)}.leads-list__empty svg{margin-bottom:1rem;opacity:.5}.leads-list__empty h3{margin:0 0 .5rem;color:var(--color-text);font-size:1.125rem;font-weight:600}.leads-list__empty p{margin:0 0 1.5rem;max-width:400px;line-height:1.5}.leads-list__pagination{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:var(--color-background-alt);border:1px solid var(--color-border);border-radius:.5rem}.pagination__info{font-size:.875rem;color:var(--color-text-secondary)}.pagination__controls{display:flex;align-items:center;gap:.5rem}.text-muted{color:var(--color-text-secondary);font-style:italic}@media (max-width: 1200px){.leads-list__header,.leads-list__filters{flex-wrap:wrap}.leads-list__table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.leads-list__table{min-width:800px}}@media (max-width: 768px){.leads-list__header{flex-direction:column;align-items:stretch;padding:.75rem}.leads-list__search{max-width:none}.leads-list__filters{justify-content:center;flex-direction:column;align-items:stretch;gap:.75rem}.bulk-actions__buttons{flex-wrap:wrap;justify-content:center}.leads-list__table-container{display:none}.leads-list__pagination{flex-direction:column;gap:1rem;text-align:center}}.leads-list__cards{display:none}@media (max-width: 768px){.leads-list__cards{display:flex;flex-direction:column;gap:1rem}.lead-card{background:var(--color-background);border:1px solid var(--color-border);border-radius:.5rem;padding:1rem;cursor:pointer;transition:all .2s ease}.lead-card:hover{border-color:var(--color-brand-300);box-shadow:0 2px 8px #0000000d}.lead-card--selected{background:var(--color-brand-50);border-color:var(--color-brand-300)}.lead-card__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.lead-card__info{flex:1}.lead-card__name{font-weight:600;color:var(--color-text);margin-bottom:.25rem}.lead-card__subject{font-size:.875rem;color:var(--color-text-secondary);line-height:1.3;margin-bottom:.5rem}.lead-card__meta{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.lead-card__actions{display:flex;gap:.25rem;flex-shrink:0}.lead-card__checkbox{margin-right:.5rem}}@media (max-width: 480px){.leads-list{gap:.75rem}.leads-list__header{padding:.5rem}.leads-list__table{min-width:400px;font-size:.75rem}.leads-list__table th,.leads-list__table td{padding:.5rem .25rem}.leads-list__table th:nth-child(4),.leads-list__table td:nth-child(4){display:none}.leads-list__table th:nth-child(5),.leads-list__table td:nth-child(5){display:none}.bulk-actions__buttons{flex-direction:column;width:100%;gap:.5rem}.bulk-actions__buttons button{width:100%;justify-content:center}.actions-menu{flex-direction:column;gap:.125rem}.actions-menu button{min-width:32px;padding:.25rem}}.lead-form{display:flex;flex-direction:column;gap:1.5rem;max-width:800px;margin:0 auto;padding:1.5rem;background:var(--color-background);border-radius:.75rem;border:1px solid var(--color-border)}.lead-form__header{display:flex;flex-direction:column;gap:.75rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border)}.lead-form__title{display:flex;align-items:center;gap:.75rem;margin:0;font-size:1.5rem;font-weight:600;color:var(--color-text)}.lead-form__meta{display:flex;gap:1rem;font-size:.875rem;color:var(--color-text-secondary)}.meta-item{padding:.25rem .5rem;background:var(--color-background-alt);border-radius:.25rem;font-family:var(--font-mono)}.lead-form__error{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--color-error-50);border:1px solid var(--color-error-200);border-radius:.5rem;color:var(--color-error-700);font-size:.875rem}.lead-form__content{display:flex;flex-direction:column;gap:2rem}.form-section__title{margin:0;font-size:1.125rem;font-weight:600;color:var(--color-text);padding-bottom:.5rem;border-bottom:1px solid var(--color-border)}.form-field--full{grid-column:1 / -1}.checkbox-field{display:flex;align-items:center;gap:.75rem;cursor:pointer;padding:.75rem;border:1px solid var(--color-border);border-radius:.5rem;background:var(--color-background-alt);transition:all .2s ease}.checkbox-field:hover{border-color:var(--color-brand-300);background:var(--color-brand-50)}.checkbox-field input[type=checkbox]{width:1.25rem;height:1.25rem;margin:0;cursor:pointer}.checkbox-label{font-weight:500;color:var(--color-text);cursor:pointer}.todo-form-fields{margin-top:1rem;padding:1rem;background:var(--color-background);border:1px solid var(--color-border);border-radius:.5rem;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.lead-form__actions{display:flex;justify-content:flex-end;gap:.75rem;padding-top:1rem;border-top:1px solid var(--color-border)}@media (max-width: 768px){.lead-form{padding:1rem;margin:0;border-radius:0;border-left:none;border-right:none}.form-row{grid-template-columns:1fr;gap:.75rem}.lead-form__title{font-size:1.25rem}.lead-form__meta{flex-direction:column;gap:.5rem}.lead-form__actions{flex-direction:column-reverse}.lead-form__actions button{width:100%;justify-content:center}}@media (max-width: 480px){.lead-form{padding:.75rem;gap:1rem}.lead-form__content{gap:1.5rem}.form-section{gap:.75rem}.form-section__title{font-size:1rem}}.lead-form:focus-within{outline:2px solid var(--color-brand-500);outline-offset:2px}.selected-vehicles{display:flex;flex-direction:column;gap:.5rem}.selected-vehicles-label{font-weight:600;font-size:.875rem;color:var(--color-text);margin-bottom:.5rem}.selected-vehicle{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.75rem;background:var(--color-brand-light, #e6f3ff);border:1px solid var(--color-brand, #2c5aa0);border-radius:.375rem;font-size:.875rem}.selected-vehicle-with-price{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--color-brand-light, #e6f3ff);border:1px solid var(--color-brand, #2c5aa0);border-radius:.375rem;margin-bottom:.5rem}.selected-vehicle-with-price .vehicle-info{display:flex;flex-direction:column;gap:.25rem;flex:1}.selected-vehicle-with-price .base-price{font-size:.75rem;color:var(--color-text-secondary)}.offer-price-input{min-width:200px}.available-vehicles{display:flex;flex-direction:column;gap:.5rem}.available-vehicles-label{font-weight:600;font-size:.875rem;color:var(--color-text)}.vehicle-list{display:flex;flex-direction:column;gap:.25rem;max-height:300px;overflow-y:auto;border:1px solid var(--color-border);border-radius:.375rem;background:#fff}.vehicle-item-price:after{content:" EUR";font-size:.75rem;color:var(--color-text-secondary);font-weight:400}.remove-vehicle{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:.25rem}@media print{.lead-form{border:none;box-shadow:none;padding:0}.lead-form__actions{display:none}}.todo-assignment-form{display:flex;flex-direction:column;gap:1.5rem}.entity-info{background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:8px;padding:1rem}.entity-badge{display:flex;align-items:center;gap:.5rem;font-weight:500;color:var(--color-gray-700)}.form-field{display:flex;flex-direction:column;gap:.5rem}.priority-preview{margin-top:.5rem}.error-message{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:var(--color-red-50);border:1px solid var(--color-red-200);border-radius:6px;color:var(--color-red-700);font-size:.875rem}.form-actions{display:flex;justify-content:flex-end;gap:.75rem;padding-top:1rem;border-top:1px solid var(--color-gray-200)}@media (max-width: 640px){.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column-reverse}.form-actions button{width:100%}}.mercedes-order-generator{display:flex;flex-direction:column;height:100%;max-height:80vh}.step-selector{display:flex;gap:12px;margin-bottom:24px;border-bottom:1px solid var(--border-light);padding-bottom:16px}.step-selector .button{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;transition:all .2s ease}.generator-content{flex:1;overflow-y:auto;padding:20px 0}.price-mode-toggle{display:flex;gap:16px;margin-bottom:24px;padding:16px;background-color:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.toggle-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:#374151}.toggle-label input[type=radio]{margin:0}.calculated-field{background-color:#f1f5f9!important;color:#64748b!important;font-style:italic}.equipment-actions{display:flex;gap:12px;margin-top:16px}.bulk-equipment-section{margin-top:24px;padding:24px;background-color:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.bulk-equipment-section h4{margin:0 0 8px;color:#1f2937;font-size:16px;font-weight:600}.bulk-help{margin:0 0 16px;color:#6b7280;font-size:12px;font-style:italic}.bulk-equipment-textarea{width:100%;min-height:200px;padding:16px;border:1px solid #d1d5db;border-radius:8px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;line-height:1.5;resize:vertical;margin-bottom:16px}.bulk-equipment-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.bulk-equipment-actions{display:flex;gap:12px;justify-content:flex-end}.form-section{margin-bottom:32px}.form-section h3{color:#1f2937;font-size:20px;font-weight:700;margin-bottom:20px;border-bottom:3px solid #3b82f6;padding-bottom:10px;display:flex;align-items:center;gap:8px}.form-section h4{color:#374151;font-size:18px;font-weight:600;margin:24px 0 16px;padding-left:12px;border-left:4px solid #3b82f6}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:24px}.form-group{display:flex;flex-direction:column;position:relative}.form-group label{color:#374151;font-size:14px;font-weight:600;margin-bottom:8px;display:block}.form-group input,.form-group select,.form-group textarea{padding:12px 16px;border:2px solid #d1d5db;border-radius:8px;font-size:14px;font-weight:500;transition:all .2s ease;background:#fff;color:#1f2937}.form-group input:hover,.form-group select:hover,.form-group textarea:hover{border-color:#9ca3af}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626;background:#fff}.checkbox-group{flex-direction:row;align-items:center;gap:8px}.checkbox-group label{display:flex;align-items:center;gap:8px;margin-bottom:0;cursor:pointer;font-size:14px;color:var(--text-primary)}.checkbox-group input[type=checkbox]{width:16px;height:16px;margin:0}.equipment-list{max-height:400px;overflow-y:auto;border:2px solid #e5e7eb;border-radius:8px;padding:16px;margin-bottom:16px;background:#f9fafb}.generator-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:20px;border-top:1px solid var(--border-light);margin-top:auto}.generator-actions .button{min-width:120px}.vehicle-source-section{margin-bottom:20px;padding:16px;background:var(--color-brand-light);border:1px solid var(--color-brand);border-radius:8px;text-align:center}.vehicle-selector{max-height:60vh;overflow-y:auto}.vehicles-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;margin-top:16px}.vehicle-option{padding:16px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);cursor:pointer;transition:all .2s ease}.vehicle-option:hover{border-color:var(--color-brand);background:var(--color-brand-light);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.vehicle-info h4{margin:0 0 8px;color:var(--color-text);font-size:16px;font-weight:600}.vehicle-details{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.vehicle-details span{font-size:12px;background:var(--color-background);padding:4px 8px;border-radius:4px;color:var(--color-text-secondary)}.vehicle-price{font-size:18px;font-weight:600;color:var(--color-brand);margin-top:8px}.vehicle-equipment{margin-top:8px}.vehicle-equipment small{color:var(--color-text-secondary);font-style:italic}.no-vehicles{text-align:center;padding:40px 20px;color:var(--color-text-secondary)}.no-vehicles .icon{margin-bottom:16px;opacity:.5}.no-vehicles p{margin:8px 0;font-size:14px}@media (max-width: 768px){.step-selector{flex-wrap:wrap;gap:8px}.step-selector .button{flex:1;min-width:120px;justify-content:center}.form-grid,.additional-service .form-grid{grid-template-columns:1fr}.generator-actions{flex-direction:column-reverse}.generator-actions .button{width:100%}}.checkbox-group input[type=checkbox]{width:18px;height:18px;margin:0;accent-color:#3b82f6;cursor:pointer}.checkbox-group label{cursor:pointer;-webkit-user-select:none;user-select:none}.generator-actions .button:disabled{opacity:.6;cursor:not-allowed}.form-section{animation:fadeIn .3s ease}.discount-label-select{width:100%;padding:.75rem;border:1px solid var(--color-border);border-radius:.375rem;font-family:inherit;font-size:.875rem;background:#fff}.discount-input-group{display:flex;align-items:center;gap:.5rem}.discount-input-group input{flex:1}.discount-suffix{font-weight:600;color:var(--color-text);font-size:1rem;min-width:20px}.discount-preview{font-size:.875rem;color:var(--color-error);font-weight:600;margin-top:.25rem}.vw-order-generator{display:flex;flex-direction:column;height:70vh;max-height:800px}.step-navigation{display:flex;border-bottom:1px solid var(--color-border);margin-bottom:2rem}.step-navigation button{flex:1;padding:1rem;border:none;background:transparent;color:var(--color-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.9rem;font-weight:500;transition:all .2s ease;border-bottom:3px solid transparent}.step-navigation button:hover{background-color:var(--color-surface-secondary);color:var(--color-text-primary)}.step-navigation button.active{color:var(--color-brand);border-bottom-color:var(--color-brand);background-color:var(--color-surface-secondary)}.step-content{flex:1;overflow-y:auto;padding-right:1rem}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:2rem}.form-group label{font-weight:500;margin-bottom:.5rem;color:var(--color-text-primary);font-size:.9rem}.form-group input,.form-group select,.form-group textarea{padding:.75rem;border:1px solid var(--color-border);border-radius:4px;font-size:.9rem;transition:border-color .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--color-brand);box-shadow:0 0 0 3px rgba(var(--color-brand-rgb),.1)}.form-group textarea{resize:vertical;min-height:120px;font-family:monospace;font-size:.85rem}.form-group label input[type=radio]{margin-right:.5rem;margin-bottom:0}.vehicle-selector{margin-bottom:2rem;padding:1rem;background:var(--color-surface-secondary);border-radius:8px;border:1px solid var(--color-border)}.selected-vehicle{margin-top:1rem;padding:1rem;background:var(--color-surface);border-radius:4px;border:1px solid var(--color-border)}.selected-vehicle strong{display:block;color:var(--color-brand);font-size:1.1rem;margin-bottom:.5rem}.selected-vehicle span{color:var(--color-text-secondary);font-size:.9rem}.vehicle-selector-modal{max-height:600px;display:flex;flex-direction:column}.search-bar{margin-bottom:1rem}.search-bar input{width:100%;padding:.75rem;border:1px solid var(--color-border);border-radius:4px;font-size:.9rem}.vehicle-list{flex:1;overflow-y:auto;max-height:400px}.vehicle-option{padding:1rem;border:1px solid var(--color-border);border-radius:4px;margin-bottom:.5rem;cursor:pointer;transition:all .2s ease;background:var(--color-surface)}.vehicle-option:hover{border-color:var(--color-brand);background:var(--color-surface-secondary)}.vehicle-info h4{margin:0 0 .5rem;color:var(--color-text-primary);font-size:1rem}.vehicle-info p{margin:.25rem 0;color:var(--color-text-secondary);font-size:.85rem}.vehicle-info span{margin-right:1rem;display:inline-block}.no-vehicles{text-align:center;padding:2rem;color:var(--color-text-secondary)}.no-vehicles p{margin-bottom:1rem;font-size:1rem}.equipment-list{margin-bottom:16px;background:#f9fafb}.equipment-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;margin-bottom:8px;background:#fff;border-radius:6px;border:1px solid #e5e7eb;font-size:14px;box-shadow:0 1px 2px #0000000d}.equipment-item:last-child{margin-bottom:0}.equipment-item span{flex:1;color:#1f2937;font-weight:500}.equipment-actions{display:flex;gap:1rem;margin-bottom:2rem}.bulk-equipment-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:1rem;margin-bottom:2rem}.bulk-equipment-actions{display:flex;gap:.5rem;margin-top:1rem}.additional-service{background:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;padding:20px;margin-bottom:16px}.additional-service .form-grid{grid-template-columns:1fr 200px auto;align-items:end;gap:12px;margin-bottom:0}.pricing-summary{background:#f0f9ff;border:2px solid #3b82f6;border-radius:8px;padding:24px;margin-top:24px}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;font-size:15px;color:#1f2937;font-weight:500}.summary-row:not(:last-child){border-bottom:1px solid #d1d5db}.total-row{font-size:18px;font-weight:700;color:#1e40af;border-top:2px solid #3b82f6!important;background:#3b82f60d;margin:8px -12px 0;padding:12px;border-radius:6px}h3{color:var(--color-text-primary);font-size:1.3rem;font-weight:600;margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:2px solid var(--color-brand)}h4{color:var(--color-text-primary);font-size:1.1rem;font-weight:600;margin:2rem 0 1rem}.modal-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:1rem;border-top:1px solid var(--color-border)}@media (max-width: 768px){.form-grid{grid-template-columns:1fr}.step-navigation{flex-wrap:wrap}.step-navigation button{font-size:.8rem;padding:.75rem .5rem}.modal-actions{flex-direction:column}}.vw-order-generator{--vw-blue: #0066CC;--vw-light-blue: #E6F2FF}.step-navigation button.active{color:var(--vw-blue);border-bottom-color:var(--vw-blue)}.selected-vehicle strong{color:var(--vw-blue)}.vehicle-option:hover{border-color:var(--vw-blue)}.price-line.total{color:var(--vw-blue)}h3{border-bottom-color:var(--vw-blue)}.checkbox-group{grid-column:1 / -1}.radio-options{display:flex;gap:2rem;margin-top:.5rem}.radio-options label{display:flex;align-items:center;gap:.5rem;font-weight:400;cursor:pointer}.radio-options input[type=radio]{margin:0}.vw-invoice-generator{padding:24px;max-width:1200px;margin:0 auto}.generator-header{margin-bottom:24px}.generator-header h2{display:flex;align-items:center;gap:8px;margin:0;color:var(--color-text-primary);font-size:24px;font-weight:600}.alert{padding:12px 16px;border-radius:6px;margin-bottom:16px;display:flex;align-items:center;gap:8px;position:relative}.alert-error{background-color:var(--color-error-light, #fef2f2);border:1px solid var(--color-error, #ef4444);color:var(--color-error-dark, #dc2626)}.alert-success{background-color:var(--color-success-light, #f0fdf4);border:1px solid var(--color-success, #10b981);color:var(--color-success-dark, #059669)}.alert-close{position:absolute;top:8px;right:12px;background:none;border:none;font-size:18px;cursor:pointer;color:inherit;opacity:.7;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.alert-close:hover{opacity:1}.loading-section{display:flex;align-items:center;gap:12px;justify-content:center;padding:24px;color:var(--color-text-secondary)}.order-details{background:var(--color-background-secondary, #f8fafc);border:1px solid var(--color-border, #e2e8f0);border-radius:8px;padding:20px;margin-bottom:24px}.order-details h3{display:flex;align-items:center;gap:8px;margin:0 0 16px;color:var(--color-text-primary);font-size:18px;font-weight:600}.details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.detail-card{background:var(--color-background-primary, #ffffff);border:1px solid var(--color-border, #e2e8f0);border-radius:6px;padding:16px}.detail-card h4{display:flex;align-items:center;gap:6px;margin:0 0 12px;color:var(--color-primary, #3b82f6);font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.detail-item{margin-bottom:8px;font-size:14px;line-height:1.4}.detail-item:last-child{margin-bottom:0}.detail-item strong{color:var(--color-text-primary);font-weight:500}.total-price{padding-top:8px;border-top:1px solid var(--color-border, #e2e8f0);font-size:16px;font-weight:600;color:var(--color-primary, #3b82f6)}.invoice-settings{background:var(--color-background-secondary, #f8fafc);border:1px solid var(--color-border, #e2e8f0);border-radius:8px;padding:20px;margin-bottom:24px}.invoice-settings h3{display:flex;align-items:center;gap:8px;margin:0 0 16px;color:var(--color-text-primary);font-size:18px;font-weight:600}.form-group label{margin-bottom:6px;font-size:14px;font-weight:500;color:var(--color-text-primary)}.form-group input,.form-group select,.form-group textarea{padding:10px 12px;border:1px solid var(--color-border, #e2e8f0);border-radius:6px;font-size:14px;background:var(--color-background-primary, #ffffff);color:var(--color-text-primary);transition:border-color .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--color-primary, #3b82f6);box-shadow:0 0 0 3px var(--color-primary-light, #dbeafe)}.actions{display:flex;gap:12px;justify-content:flex-end;padding-top:16px;border-top:1px solid var(--color-border, #e2e8f0)}@media (max-width: 768px){.vw-invoice-generator{padding:16px}.details-grid,.form-grid{grid-template-columns:1fr}.actions{flex-direction:column}.actions button{width:100%}}.lead-conversion-modal{min-width:600px;max-width:800px}.conversion-not-possible{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:2rem;text-align:center}.not-possible-icon{color:var(--color-warning-500)}.conversion-not-possible h3{margin:0;font-size:1.25rem;font-weight:600;color:var(--color-text)}.conversion-not-possible p{margin:0;color:var(--color-text-secondary);line-height:1.5;max-width:400px}.not-possible-actions{display:flex;justify-content:center}.conversion-confirm{display:flex;flex-direction:column;gap:2rem}.conversion-info{display:flex;flex-direction:column;gap:1.5rem}.lead-summary h3{margin:0 0 1rem;font-size:1.125rem;font-weight:600;color:var(--color-text);padding-bottom:.5rem;border-bottom:1px solid var(--color-border)}.lead-details{display:flex;flex-direction:column;gap:.75rem}.detail-row{display:flex;align-items:center;gap:.75rem}.detail-row label{min-width:100px;font-weight:500;color:var(--color-text-secondary)}.detail-row span{color:var(--color-text)}.conversion-explanation{padding:1rem;background:var(--color-background-alt);border:1px solid var(--color-border);border-radius:.5rem}.conversion-explanation h4{margin:0 0 .75rem;font-size:1rem;font-weight:600;color:var(--color-text)}.conversion-explanation ul{margin:0;padding-left:1.5rem;color:var(--color-text-secondary)}.conversion-explanation li{margin-bottom:.5rem;line-height:1.4}.conversion-details{display:flex;flex-direction:column;gap:1.5rem}.customer-form h3{margin:0 0 .5rem;font-size:1.25rem;font-weight:600;color:var(--color-text)}.form-description{margin:0 0 1.5rem;color:var(--color-text-secondary);line-height:1.5}.form-sections{display:flex;flex-direction:column;gap:1.5rem}.vehicle-selection{display:flex;flex-direction:column;gap:1rem;border:1px solid var(--color-border);border-radius:.5rem;padding:1rem;background:var(--color-background-alt)}.vehicle-search{margin-bottom:.5rem}.selected-vehicles-label,.available-vehicles-label{font-weight:600;font-size:.875rem;color:var(--color-text);margin-bottom:.5rem}.selected-vehicle{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.75rem;background:var(--color-brand-light, #e6f3ff);border:1px solid var(--color-brand, #2c5aa0);border-radius:.375rem;font-size:.875rem;margin-bottom:.5rem}.vehicle-list{display:flex;flex-direction:column;gap:.25rem;max-height:200px;overflow-y:auto;border:1px solid var(--color-border);border-radius:.375rem;background:#fff}.vehicle-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem;cursor:pointer;transition:all .2s ease;border-bottom:1px solid var(--color-border-light)}.vehicle-item:last-child{border-bottom:none}.vehicle-item:hover{background:var(--color-background-alt)}.vehicle-item.selected{background:var(--color-brand-light, #e6f3ff);border-color:var(--color-brand)}.vehicle-item-info{display:flex;flex-direction:column;gap:.25rem;flex:1}.vehicle-item-name{display:flex;align-items:center;gap:.5rem;font-weight:600}.offer-number{background:#2c5aa0;color:#fff;padding:.125rem .375rem;border-radius:.25rem;font-size:.75rem;font-weight:600;border:1px solid #1e3a8a}.vehicle-item-price{font-size:.875rem;color:var(--color-success);font-weight:600}.vehicle-item-action{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--color-background);border:1px solid var(--color-border);color:var(--color-text-secondary)}.vehicle-item.selected .vehicle-item-action{background:var(--color-brand);border-color:var(--color-brand);color:#fff}.vehicle-list-more{padding:.75rem;text-align:center;font-size:.875rem;color:var(--color-text-secondary);font-style:italic;background:var(--color-background-alt)}.remove-vehicle{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:.25rem;font-size:1.2rem;font-weight:700}.remove-vehicle:hover{background:var(--color-error-light);color:var(--color-error)}.assignment-select{width:100%;padding:.75rem;border:1px solid var(--color-border);border-radius:.375rem;font-family:inherit;font-size:.875rem}.conversion-success{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:2rem;text-align:center}.success-icon{color:var(--color-success-500)}.conversion-success h3{margin:0;font-size:1.5rem;font-weight:600;color:var(--color-text)}.conversion-success p{margin:0;color:var(--color-text-secondary);line-height:1.5}.customer-summary{width:100%;max-width:400px;padding:1.5rem;background:var(--color-success-50);border:1px solid var(--color-success-200);border-radius:.5rem;text-align:left}.customer-summary h4{margin:0 0 1rem;font-size:1rem;font-weight:600;color:var(--color-success-700);text-align:center}.customer-details{display:flex;flex-direction:column;gap:.5rem}.customer-id{font-family:var(--font-mono);font-size:.875rem;color:var(--color-text-secondary)}.success-actions{display:flex;gap:.75rem}.conversion-error{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--color-error-50);border:1px solid var(--color-error-200);border-radius:.5rem;color:var(--color-error-700);font-size:.875rem}.conversion-actions{display:flex;justify-content:space-between;gap:.75rem;padding-top:1rem;border-top:1px solid var(--color-border)}@media (max-width: 768px){.lead-conversion-modal{min-width:auto;width:100%}.conversion-not-possible{padding:1.5rem}.conversion-confirm{gap:1.5rem}.conversion-info{gap:1rem}.detail-row{flex-direction:column;align-items:flex-start;gap:.25rem}.detail-row label{min-width:auto;font-size:.875rem}.form-row{grid-template-columns:1fr;gap:.75rem}.conversion-success{padding:1.5rem}.customer-summary{padding:1rem}.conversion-actions{flex-direction:column-reverse}.conversion-actions button{width:100%;justify-content:center}.success-actions{flex-direction:column;width:100%}.success-actions button{width:100%;justify-content:center}}@media (max-width: 480px){.conversion-not-possible{padding:1rem}.conversion-not-possible h3{font-size:1.125rem}.conversion-confirm{gap:1rem}.conversion-explanation{padding:.75rem}.form-sections{gap:1rem}.form-section{gap:.75rem}.conversion-success{padding:1rem}.conversion-success h3{font-size:1.25rem}.customer-summary{padding:.75rem}}.enhanced-email-modal{display:flex;flex-direction:column;height:80vh;max-height:800px;width:100%;max-width:1000px;background:#fff;border-radius:8px;overflow:hidden;position:relative}.email-success-toast{position:absolute;top:20px;right:20px;z-index:1000;display:flex;align-items:center;gap:8px;padding:12px 16px;background:#10b981;color:#fff;border-radius:8px;box-shadow:0 4px 12px #10b9814d;animation:slideInRight .3s ease-out}.email-success-toast small{opacity:.8;font-size:12px;margin-left:8px}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.enhanced-email-modal__header{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid #e5e7eb;background:#f9fafb}.enhanced-email-modal__title{display:flex;align-items:center;gap:8px;font-weight:600;font-size:18px;color:#111827}.enhanced-email-modal__tabs{display:flex;gap:4px}.enhanced-email-modal__tabs .tab{display:flex;align-items:center;gap:6px;padding:8px 16px;border:none;background:transparent;color:#6b7280;border-radius:6px;cursor:pointer;transition:all .2s;font-size:14px}.enhanced-email-modal__tabs .tab:hover{background:#e5e7eb;color:#374151}.enhanced-email-modal__tabs .tab.active{background:#3b82f6;color:#fff}.enhanced-email-modal__content{flex:1;overflow:hidden;display:flex;flex-direction:column}.enhanced-email-modal__form{padding:20px;overflow-y:auto;flex:1}.enhanced-email-modal__field{margin-bottom:20px}.enhanced-email-modal__field label{display:block;margin-bottom:6px;font-weight:500;color:#374151;font-size:14px}.enhanced-email-modal__recipient{display:flex;align-items:center;gap:8px;padding:12px;background:#f3f4f6;border-radius:6px;font-size:14px}.enhanced-email-modal__recipient .company{color:#6b7280;font-style:italic}.enhanced-email-modal__checkbox{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:400!important}.enhanced-email-modal__checkbox input[type=checkbox]{margin:0}.enhanced-email-modal__error{display:flex;align-items:center;gap:8px;padding:12px;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#dc2626;font-size:14px;margin-bottom:20px}.enhanced-email-modal__actions{display:flex;justify-content:flex-end;gap:12px;padding-top:20px;border-top:1px solid #e5e7eb}.enhanced-email-modal .document-item{display:flex!important;align-items:center!important;gap:14px!important;padding:14px 16px!important;background:#fafbfc!important;border:1px solid #e2e8f0!important;border-radius:7px!important;cursor:pointer!important;transition:all .15s ease!important;font-size:14px!important;margin:0!important;border-bottom:none!important}.enhanced-email-modal .document-item:hover{background:#f1f5f9!important;border-color:#cbd5e1!important;transform:translateY(-1px)!important;box-shadow:0 2px 8px #00000014!important}.enhanced-email-modal .doc-title{flex:1!important;font-weight:500!important;color:#1e293b!important;line-height:1.4!important;margin:0!important;word-break:break-word!important}.enhanced-email-modal .doc-date{font-size:12px!important;color:#64748b!important;font-weight:400!important;white-space:nowrap!important;background:#f1f5f9!important;padding:4px 8px!important;border-radius:4px!important;border:1px solid #e2e8f0!important}.enhanced-email-modal .document-item input[type=checkbox]{width:17px!important;height:17px!important;margin:0!important;cursor:pointer!important;accent-color:#3b82f6!important}.enhanced-email-modal .document-item .icon{color:#64748b!important;flex-shrink:0!important}.document-attachments{border:1px solid #e5e7eb;border-radius:6px;overflow:hidden;max-height:400px;overflow-y:auto}.document-categories{display:flex;flex-direction:column;gap:20px;padding:16px}.document-category{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;background:#fff;box-shadow:0 1px 3px #0000001a}.category-title{display:flex;align-items:center;gap:10px;padding:14px 16px;margin:0;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0;font-size:15px;font-weight:600;color:#1e293b;letter-spacing:-.025em}.document-category .document-list{padding:12px;background:#fff;display:flex;flex-direction:column;gap:8px}.document-item{display:flex;align-items:center;gap:12px;padding:12px 14px;background:#fafbfc;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;transition:all .15s ease;font-size:14px}.document-item:hover{background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 2px 4px #0000000d}.document-item input[type=checkbox]{width:16px;height:16px;margin:0;cursor:pointer}.document-item .doc-title{flex:1;font-weight:500;color:#1e293b;line-height:1.4;margin:0 8px 0 0}.document-item .doc-date{font-size:12px;color:#64748b;font-weight:400;white-space:nowrap;background:#f1f5f9;padding:2px 8px;border-radius:4px}.document-item .icon{color:#64748b;flex-shrink:0}.category-title .icon{color:#475569}.loading-docs{display:flex;align-items:center;gap:8px;padding:16px;color:#6b7280;font-size:14px}.document-list{max-height:200px;overflow-y:auto}.document-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid #f3f4f6;cursor:pointer;transition:background-color .2s}.document-item:hover{background:#f9fafb}.document-item:last-child{border-bottom:none}.document-item input[type=checkbox]{margin:0}.document-item .doc-title{flex:1;font-size:14px;color:#374151}.document-item .doc-date{font-size:12px;color:#6b7280}.no-documents{display:flex;align-items:center;gap:8px;padding:16px;color:#6b7280;font-size:14px}.file-upload{display:flex;flex-direction:column;gap:12px}.attachment-list{display:flex;flex-direction:column;gap:8px}.attachment-item{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#f3f4f6;border-radius:6px;font-size:14px}.attachment-item .file-name{flex:1;color:#374151}.attachment-item .file-size{color:#6b7280;font-size:12px}.conversation-view{flex:1;overflow:hidden;display:flex;flex-direction:column}.loading-conversation{display:flex;align-items:center;justify-content:center;gap:8px;padding:40px;color:#6b7280;font-size:14px}.conversation-list{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:16px}.email-item{border-left:4px solid #e5e7eb;transition:border-color .2s}.email-item.inbound{border-left-color:#3b82f6}.email-item.sent{border-left-color:#10b981}.email-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;gap:12px}.email-info{display:flex;align-items:center;gap:8px;font-size:14px}.email-from{font-weight:500;color:#374151}.email-date{color:#6b7280;font-size:12px}.email-subject{font-weight:600;color:#111827;font-size:16px;text-align:right;flex:1}.email-content{color:#374151;line-height:1.6;font-size:14px;margin-bottom:12px}.email-content p{margin:0 0 8px}.email-content p:last-child{margin-bottom:0}.email-attachments{display:flex;align-items:center;gap:6px;color:#6b7280;font-size:12px;padding-top:8px;border-top:1px solid #f3f4f6}.no-conversation{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;gap:16px}.no-conversation h3{margin:0;color:#374151;font-size:18px}.no-conversation p{margin:0;color:#6b7280;font-size:14px}@media (max-width: 768px){.enhanced-email-modal{height:90vh;max-height:none}.enhanced-email-modal__header{flex-direction:column;gap:12px;align-items:flex-start}.enhanced-email-modal__tabs{width:100%;justify-content:center}.email-header{flex-direction:column;align-items:flex-start}.email-subject{text-align:left}}.enhanced-email-modal__content>*{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.lead-detail{display:flex;flex-direction:column;gap:1.5rem;max-height:80vh;overflow:hidden}.lead-detail__actions{display:flex;gap:.5rem;flex-wrap:wrap}.lead-detail__tabs{display:flex;border-bottom:1px solid var(--color-border)}.lead-detail__content{flex:1;overflow:auto;padding:.5rem 0}.history-timeline{position:relative;padding-left:2rem}.history-timeline:before{content:"";position:absolute;left:.75rem;top:0;bottom:0;width:2px;background:var(--color-border)}.timeline-item{position:relative;margin-bottom:1.5rem}.timeline-marker{position:absolute;left:-2rem;top:.25rem;width:.75rem;height:.75rem;border-radius:50%;background:var(--color-brand-500);border:2px solid var(--color-background);box-shadow:0 0 0 2px var(--color-brand-500)}.timeline-content{background:var(--color-background-alt);border:1px solid var(--color-border);border-radius:.5rem;padding:1rem}.timeline-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.5rem}.timeline-header h5{margin:0;font-size:.875rem;font-weight:600;color:var(--color-text)}.timeline-date{font-size:.75rem;color:var(--color-text-secondary);white-space:nowrap}.timeline-content p{margin:0 0 .5rem;font-size:.875rem;line-height:1.4;color:var(--color-text)}.timeline-user{font-size:.75rem;color:var(--color-text-secondary);font-style:italic}.detail-emails{padding:.5rem 0;flex:1;overflow-y:auto}.conversation-thread{display:flex;flex-direction:column;gap:1rem}.conversation-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:8px}.conversation-header h4{display:flex;align-items:center;gap:.5rem;margin:0;font-size:1rem;font-weight:600;color:var(--color-text)}.email-conversation-list{display:flex;flex-direction:column;gap:1rem;max-height:400px;overflow-y:auto;padding:.5rem}.conversation-message{background:var(--color-background);border:1px solid var(--color-border);border-radius:8px;padding:1rem;transition:all .2s ease}.conversation-message:hover{border-color:var(--color-primary);box-shadow:0 2px 8px #0000000d}.conversation-message.sent{border-left:4px solid var(--color-success-500);background:#22c55e05}.conversation-message.received{border-left:4px solid var(--color-brand-500);background:#3b82f605}.message-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;gap:1rem}.sender-info{flex:1;display:flex;flex-direction:column;gap:.5rem}.sender-details{display:flex;flex-direction:column;gap:.25rem}.sender-details strong{font-size:.9rem;font-weight:600;color:var(--color-text)}.sender-email{font-size:.8rem;color:var(--color-text-secondary);font-family:Monaco,Menlo,monospace}.message-direction{display:flex;align-items:center;gap:.5rem;font-size:.8rem}.direction-label{font-weight:500}.direction-label.sent{color:var(--color-success-500)}.direction-label.received{color:var(--color-brand-500)}.recipient{color:var(--color-text-secondary)}.message-meta{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}.message-date{color:var(--color-text-secondary);font-size:.8rem;white-space:nowrap}.message-content{display:flex;flex-direction:column;gap:.75rem}.message-subject{margin:0;font-size:1rem;font-weight:600;color:var(--color-text);line-height:1.4}.message-body{flex:1}.html-content-wrapper{display:flex;flex-direction:column;gap:.75rem}.html-content-toggle{display:flex;justify-content:flex-end}.html-content-sanitized{border:1px solid var(--color-border);border-radius:4px;padding:1rem;background:#fff;max-height:400px;overflow-y:auto;font-family:Arial,sans-serif;line-height:1.4}.html-content-sanitized img{max-width:100%;height:auto}.html-content-sanitized table{width:100%;border-collapse:collapse}.html-content-sanitized td,.html-content-sanitized th{padding:.5rem;border:1px solid #ddd}.html-content-preview{padding:.5rem;background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:4px;font-size:.8rem}.html-content-preview strong{color:var(--color-text);margin-bottom:.25rem;display:block}.html-preview-text{color:var(--color-text-secondary);font-style:italic}.text-content{font-size:.9rem;line-height:1.5;color:var(--color-text-secondary);margin:0;white-space:pre-wrap;background:var(--color-background-secondary);padding:.75rem;border-radius:4px;border:1px solid var(--color-border)}.conversation-divider{height:1px;background:linear-gradient(90deg,transparent,var(--color-border),transparent);margin:.5rem 0}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center;color:var(--color-text-secondary)}.empty-state p{margin:.5rem 0;font-weight:500;font-size:1rem}.empty-state small{opacity:.7;font-size:.875rem}.email-direction{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500}.email-direction.sent{color:var(--color-success-600)}.email-direction.received{color:var(--color-brand-600)}.email-content h6{margin:0 0 .5rem;font-size:.875rem;font-weight:600;color:var(--color-text)}.email-addresses{display:flex;flex-direction:column;gap:.25rem;font-size:.75rem;color:var(--color-text-secondary)}.loading,.empty-state{display:flex;align-items:center;justify-content:center;padding:3rem;color:var(--color-text-secondary);font-size:.875rem}.add-note-form,.convert-form{display:flex;flex-direction:column;gap:1.5rem}.form-section{display:flex;flex-direction:column;gap:1rem}.form-section h4{margin:0;font-size:1rem;font-weight:600;color:var(--color-text);padding-bottom:.5rem;border-bottom:1px solid var(--color-border)}.form-field{display:flex;flex-direction:column}@media (max-width: 768px){.lead-detail__header{flex-direction:column;align-items:stretch}.lead-detail__actions{justify-content:stretch}.lead-detail__actions button{flex:1;justify-content:center}.detail-grid{grid-template-columns:1fr;gap:.75rem}.form-row{grid-template-columns:1fr}.timeline-item{margin-bottom:1rem}.timeline-header{flex-direction:column;align-items:flex-start;gap:.5rem}}.html-content-wrapper{border:1px solid var(--color-border);border-radius:.375rem;background:var(--color-white);margin:.5rem 0}.html-content-toggle{padding:.5rem;border-bottom:1px solid var(--color-border);background:var(--color-gray-50);border-radius:.375rem .375rem 0 0}.html-content-sanitized{padding:1rem;max-height:600px;overflow-y:auto;word-wrap:break-word;overflow-wrap:break-word}.html-content-sanitized img{max-width:100%;height:auto;display:block;margin:.5rem 0}.html-content-sanitized *{max-width:100%}.html-content-sanitized table{width:100%;border-collapse:collapse;margin:.5rem 0}.html-content-sanitized td,.html-content-sanitized th{padding:.25rem .5rem;border:1px solid var(--color-border)}.html-content-preview{padding:.5rem;background:var(--color-gray-50);border-top:1px solid var(--color-border);border-radius:0 0 .375rem .375rem}.html-preview-text{font-size:.875rem;color:var(--color-gray-600);margin-top:.25rem;line-height:1.4}@media (max-width: 480px){.lead-detail__tabs{flex-direction:column}.tab{justify-content:center;border-bottom:1px solid var(--color-border);border-right:none}.tab--active{border-bottom-color:var(--color-brand-600);border-right-color:transparent}.modal-actions{flex-direction:column}}.vehicle-info{display:flex;flex-direction:column;gap:.25rem}.vehicle-offer-number,.vehicle-stock-number{font-size:.875rem;color:var(--color-text-secondary);font-family:var(--font-mono)}.vehicle-price{font-weight:600;color:var(--color-success);font-size:1.125rem}.vehicle-price:after{content:" EUR";font-size:.875rem;color:var(--color-text-secondary);font-weight:400}.vehicle-vin{font-size:.875rem;color:var(--color-text-secondary);font-family:var(--font-mono)}.leads-page{display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem;height:100vh;overflow:hidden}.leads-page__content{flex:1;display:flex;flex-direction:column;gap:1.5rem;overflow:hidden}.view-toggle{display:flex;border:1px solid var(--color-border);border-radius:.375rem;overflow:hidden}.view-toggle button{border-radius:0;border:none}.view-toggle button:not(:last-child){border-right:1px solid var(--color-border)}.leads-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.stat-card{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border:1px solid var(--color-border);border-radius:.5rem;background:var(--color-background);transition:all .2s}.stat-card:hover{border-color:var(--color-brand-300);box-shadow:0 2px 8px #0000001a}.stat-card__content{display:flex;flex-direction:column;gap:.25rem}.stat-card__value{font-size:2rem;font-weight:700;color:var(--color-text);line-height:1}.stat-card__label{font-size:.875rem;color:var(--color-text-secondary);font-weight:500}.stat-card__icon{color:var(--color-brand-500);opacity:.7}.stat-icon{font-size:1.5rem;line-height:1}.leads-page__error{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:var(--color-error-50);border:1px solid var(--color-error-200);border-radius:.5rem;color:var(--color-error-700);font-size:.875rem}.leads-page__list{flex:1;overflow:hidden}.lead-detail{display:flex;flex-direction:column;gap:1.5rem;max-height:80vh;overflow:auto}.lead-detail__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border)}.lead-detail__info{flex:1}.lead-detail__name{margin:0 0 .5rem;font-size:1.25rem;font-weight:600;color:var(--color-text)}.lead-detail__meta{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.lead-detail__company{font-size:.875rem;color:var(--color-text-secondary);font-weight:500}.lead-detail__actions{display:flex;gap:.5rem}.lead-detail__content{display:flex;flex-direction:column;gap:1.5rem}@media (max-width: 1200px){.leads-stats{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}@media (max-width: 768px){.leads-page{padding:1rem;gap:1rem}.page-header__actions{flex-wrap:wrap;gap:.5rem}.leads-stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem}.stat-card{padding:1rem}.stat-card__value{font-size:1.5rem}.lead-detail__header{flex-direction:column;align-items:stretch}.lead-detail__actions{justify-content:stretch;flex-wrap:wrap}.lead-detail__actions button{flex:1;justify-content:center;min-width:120px}.detail-grid{grid-template-columns:1fr;gap:.75rem}.leads-page__content{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width: 480px){.leads-page{padding:.75rem}.leads-stats{grid-template-columns:1fr 1fr}.stat-card{flex-direction:column;text-align:center;gap:.75rem;padding:.75rem}.stat-card__icon{order:-1}.stat-card__value{font-size:1.25rem}.page-header__actions{flex-direction:column;width:100%;gap:.75rem}.view-toggle{width:100%}.view-toggle button{flex:1;padding:.75rem}.leads-page__content{gap:.75rem}}.customer-form{max-width:800px;margin:0 auto}.customer-form form{background:var(--color-surface);border-radius:8px;padding:24px}.form-grid{display:grid;gap:32px;margin-bottom:32px}.form-section{border:1px solid var(--color-border);border-radius:8px;padding:24px;background:var(--color-background)}.form-section h3{margin:0 0 20px;font-size:18px;font-weight:600;color:var(--color-text);padding-bottom:12px;border-bottom:1px solid var(--color-border)}.form-group select{cursor:pointer}@media (max-width: 768px){.customer-form form{padding:16px}.form-grid{gap:24px;margin-bottom:24px}.form-section{padding:16px}.form-row{grid-template-columns:1fr;gap:0}.form-actions{flex-direction:column-reverse;padding-top:16px}.form-actions .button{width:100%}}.form-group label:has(+input:required):after,.form-group label:has(+select:required):after{content:" *";color:var(--color-error)}.form-group input[type=number]{-moz-appearance:textfield}.form-group input[type=number]::-webkit-outer-spin-button,.form-group input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.form-group select{background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;padding-right:40px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-group input:focus-visible,.form-group select:focus-visible,.form-group textarea:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px}.invoice-form{max-width:600px;margin:0 auto}.invoice-form form{background:var(--color-surface);border-radius:8px;padding:24px}.customer-info p{margin:0 0 4px;font-size:14px;color:var(--color-text)}.customer-info p:last-child{margin-bottom:0}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:var(--color-error);box-shadow:0 0 0 3px #d32f2f1a}.form-group textarea{resize:vertical;min-height:80px}.field-error{display:block;margin-top:4px;font-size:12px;color:var(--color-error)}.invoice-summary{background:var(--color-background);border:1px solid var(--color-border);border-radius:6px;padding:20px;margin-bottom:24px}.invoice-summary h4{margin:0 0 16px;font-size:16px;font-weight:600;color:var(--color-text)}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--color-border-light)}.summary-row:last-child{border-bottom:none}.summary-row.total{font-weight:600;font-size:16px;color:var(--color-brand);border-top:2px solid var(--color-border);margin-top:8px;padding-top:12px}.summary-row span:first-child{color:var(--color-text-secondary)}.summary-row span:last-child{color:var(--color-text);font-weight:500}.summary-row.total span{color:var(--color-brand)}@media (max-width: 768px){.invoice-form form{padding:16px}.form-row{grid-template-columns:1fr;gap:0}.form-actions{flex-direction:column-reverse;padding-top:16px}.form-actions .button{width:100%}.summary-row{font-size:14px}.summary-row.total{font-size:15px}}.contact-form{max-width:500px;margin:0 auto}.contact-form form{background:var(--color-surface);border-radius:8px;padding:24px}.customer-info{background:var(--color-background);border:1px solid var(--color-border);border-radius:6px;padding:16px;margin-bottom:24px}.customer-info h4{margin:0 0 8px;font-size:14px;font-weight:600;color:var(--color-text-secondary)}.customer-info p{margin:0;font-size:14px;color:var(--color-text)}.form-group{margin-bottom:20px}.form-group:last-child{margin-bottom:0}.form-group label{display:block;margin-bottom:6px;font-weight:500;color:var(--color-text);font-size:14px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 16px;border:1px solid var(--color-border);border-radius:6px;font-size:14px;background:var(--color-surface);color:var(--color-text);transition:border-color .2s ease,box-shadow .2s ease;box-sizing:border-box}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--color-brand);box-shadow:0 0 0 3px #2c5aa01a}.form-group textarea{resize:vertical;min-height:80px;font-family:inherit}.form-group select{cursor:pointer;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;padding-right:40px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:24px;border-top:1px solid var(--color-border)}.form-actions .button{min-width:120px}@media (max-width: 768px){.contact-form form{padding:16px}.form-actions{flex-direction:column-reverse;padding-top:16px}.form-actions .button{width:100%}}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--color-text-secondary);opacity:.7}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{background:var(--color-background);color:var(--color-text-secondary);cursor:not-allowed;opacity:.6}.customer-detail{display:flex;flex-direction:column;gap:1.5rem;max-height:80vh;overflow:hidden}.notes-section-prominent{background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #f59e0b;border-radius:12px;padding:20px;margin:16px 0;box-shadow:0 4px 12px #f59e0b26}.notes-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #f59e0b}.notes-header h3{margin:0;color:#92400e;font-size:18px;font-weight:600}.notes-count{background:#f59e0b;color:#fff;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500}.note-item{background:#fffc;border:1px solid #f3c614;border-radius:8px;padding:16px;margin-bottom:12px;transition:all .2s ease}.note-item:hover{background:#fffffff2;border-color:#f59e0b;transform:translateY(-1px);box-shadow:0 2px 8px #f59e0b33}.note-item:last-child{margin-bottom:0}.note-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.note-type{font-weight:600;color:#92400e;font-size:14px}.note-date{color:#a16207;font-size:12px}.note-content{color:#451a03;line-height:1.5;margin-bottom:8px;white-space:pre-wrap}.note-footer{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#a16207}.todo-status{background:#92400e;color:#fff;padding:2px 8px;border-radius:12px;font-size:11px}.todo-assignee{font-style:italic}.lead-note{border-left:4px solid #3b82f6}.todo-note{border-left:4px solid #10b981}.customer-detail__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border)}.customer-detail__info{flex:1}.customer-detail__title{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.customer-detail__title h2{margin:0;font-size:1.25rem;font-weight:600;color:var(--color-text)}.customer-detail__meta{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.customer-detail__email,.customer-detail__phone{font-size:.875rem;color:var(--color-text-secondary)}.customer-detail__company{font-size:.875rem;color:var(--color-text-secondary);font-weight:500}.customer-detail__actions{display:flex;gap:.5rem;flex-wrap:wrap}.customer-detail__tabs{display:flex;border-bottom:1px solid var(--color-border)}.tab{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border:none;background:none;color:var(--color-text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;border-bottom:2px solid transparent}.tab:hover{color:var(--color-text);background:var(--color-background-hover)}.tab--active{color:var(--color-brand-600);border-bottom-color:var(--color-brand-600);background:var(--color-brand-50)}.customer-detail__content{flex:1;overflow:auto;padding:.5rem 0}.detail-overview{display:flex;flex-direction:column;gap:1.5rem}.detail-section{display:flex;flex-direction:column;gap:.75rem}.detail-section h4{margin:0;font-size:1rem;font-weight:600;color:var(--color-text);padding-bottom:.5rem;border-bottom:1px solid var(--color-border)}.detail-section p{margin:0;line-height:1.5;color:var(--color-text);white-space:pre-wrap}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.detail-item span{color:var(--color-text)}.vehicle-fallback{padding:1rem;background:var(--color-background-alt);border:1px solid var(--color-border);border-radius:.5rem}.documents-list{display:flex;flex-direction:column;gap:.75rem}.document-item{display:flex;align-items:center;justify-content:space-between;padding:1rem;border:1px solid var(--color-border);border-radius:.5rem;background:var(--color-background);transition:all .2s ease}.document-item:hover{border-color:var(--color-brand-300);box-shadow:0 2px 8px #0000000d}.document-info{flex:1;display:flex;align-items:center;gap:.75rem}.document-details{display:flex;flex-direction:column;gap:.25rem}.document-title{font-weight:500;color:var(--color-text)}.document-meta{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:var(--color-text-secondary)}.document-type{background:var(--color-brand-100);color:var(--color-brand-700);padding:.125rem .5rem;border-radius:.25rem;font-weight:500}.document-date{color:var(--color-text-secondary)}.document-actions{display:flex;gap:.5rem}.no-documents{padding:2rem;text-align:center;color:var(--color-text-secondary);font-style:italic}.detail-history{padding:.5rem 0}.history-list{display:flex;flex-direction:column;gap:1rem}.history-item{display:flex;gap:.75rem;padding:1rem;border:1px solid var(--color-border);border-radius:.5rem;background:var(--color-background)}.history-icon{flex-shrink:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;background:var(--color-brand-100);color:var(--color-brand-600);border-radius:50%}.history-content{flex:1}.history-title{font-weight:600;color:var(--color-text);margin-bottom:.25rem}.history-description{color:var(--color-text);margin-bottom:.5rem}.history-notes{color:var(--color-text-secondary);font-style:italic;margin-bottom:.5rem}.history-meta{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:var(--color-text-secondary)}.history-date,.history-author{color:var(--color-text-secondary)}.no-history{padding:2rem;text-align:center;color:var(--color-text-secondary);font-style:italic}.detail-emails{padding:.5rem 0}.email-list{display:flex;flex-direction:column;gap:.75rem}.email-item{border:1px solid var(--color-border);border-radius:.5rem;padding:1rem;background:var(--color-background-alt)}.email-item.sent{border-left:4px solid var(--color-success-500)}.email-item.received{border-left:4px solid var(--color-brand-500)}.email-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.email-subject{font-weight:600;color:var(--color-text)}.email-date{font-size:.75rem;color:var(--color-text-secondary)}.email-body{color:var(--color-text);line-height:1.5;margin-bottom:.5rem;white-space:pre-wrap}.email-footer{font-size:.75rem;color:var(--color-text-secondary)}.email-sender{font-style:italic}.no-emails{padding:2rem;text-align:center;color:var(--color-text-secondary);font-style:italic}.loading{display:flex;align-items:center;justify-content:center;padding:3rem;color:var(--color-text-secondary);font-size:.875rem}.modal-content{display:flex;flex-direction:column;gap:1rem}.modal-actions{display:flex;justify-content:flex-end;gap:.75rem;padding-top:1rem;border-top:1px solid var(--color-border)}.vehicle-selections{display:flex;flex-direction:column;gap:1rem}.vehicle-selection-item{display:flex;flex-direction:column;gap:.5rem;padding:1rem;border:1px solid var(--color-border);border-radius:.5rem;background:var(--color-background)}.vehicle-name{display:flex;align-items:center;gap:.5rem;font-weight:600}.brand-model{color:var(--color-text)}.vehicle-notes{padding:.5rem;background:var(--color-background-alt);border-radius:.25rem;font-size:.875rem;color:var(--color-text-secondary)}.offer-number{background:#2c5aa0;color:#fff;padding:.125rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:600;border:1px solid #1e3a8a}.vehicle-numbers{display:flex;flex-direction:column;gap:.25rem;margin:.5rem 0}.vehicle-offer-number,.vehicle-stock-number{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--color-text-secondary);font-family:var(--font-mono)}.vehicle-offer-number{font-weight:600;color:var(--color-brand)}.vehicle-pricing{display:flex;flex-direction:column;gap:.25rem;margin:.5rem 0}.vehicle-offer-price,.vehicle-base-price{display:flex;align-items:center;gap:.5rem}.vehicle-offer-price{font-weight:600;color:var(--color-success);font-size:1.125rem}.vehicle-base-price{font-size:.875rem;color:var(--color-text-secondary)}.vehicle-vin{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--color-text-secondary);font-family:var(--font-mono)}@media (max-width: 768px){.customer-detail__header{flex-direction:column;align-items:stretch}.customer-detail__actions{justify-content:stretch}.customer-detail__actions button{flex:1;justify-content:center}.detail-grid{grid-template-columns:1fr;gap:.75rem}.document-item{flex-direction:column;align-items:stretch;gap:1rem}.document-actions{justify-content:stretch}.history-item{flex-direction:column;gap:.5rem}.history-icon{align-self:flex-start}}@media (max-width: 480px){.customer-detail__tabs{flex-direction:column}.tab{justify-content:center;border-bottom:1px solid var(--color-border);border-right:none}.tab--active{border-bottom-color:var(--color-brand-600);border-right-color:transparent}.modal-actions,.customer-detail__actions{flex-direction:column}}.customers-list{padding:24px;background:var(--color-background);min-height:100vh}.customers-list-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 24px;text-align:center;color:var(--color-text-secondary)}.customers-list-loading p{margin-top:16px;font-size:16px}.customers-list__header{margin-bottom:24px}.customers-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:16px;margin-bottom:24px}.stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:16px;text-align:center;transition:all .2s ease}.stat-card__label{font-size:12px;color:var(--color-text-secondary);text-transform:capitalize}.customers-list__filters{display:flex;gap:16px;margin-bottom:24px;flex-wrap:wrap;align-items:center}.customers-list__table-container{flex:1;overflow:auto;border:1px solid var(--color-border);border-radius:.5rem;background:var(--color-background);margin-bottom:24px}.customers-list__table{width:100%;border-collapse:collapse;font-size:.875rem}.customers-list__table thead{background:var(--color-background-alt);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:1}.customers-list__table th{padding:.75rem 1rem;text-align:left;font-weight:600;color:var(--color-text-secondary);white-space:nowrap;border-right:1px solid var(--color-border)}.customers-list__table th:last-child{border-right:none}.table__sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s;position:relative}.table__sortable:hover{background:var(--color-background-hover)}.table__sortable svg{margin-left:.25rem;vertical-align:middle}.table__checkbox-col{width:40px;text-align:center}.customers-list__table tbody tr{border-bottom:1px solid var(--color-border);transition:background-color .2s;cursor:pointer}.customers-list__table tbody tr:hover{background:var(--color-background-hover)}.table__row--selected{background:var(--color-brand-50)!important}.customers-list__table td{padding:.75rem 1rem;vertical-align:top;border-right:1px solid var(--color-border)}.customers-list__table td:last-child{border-right:none}.customers-list__bulk-actions{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:var(--color-brand-50);border:1px solid var(--color-brand-200);border-radius:.5rem;color:var(--color-brand-700);margin-bottom:1rem}.bulk-actions__count{font-weight:500;font-size:.875rem}.bulk-actions__buttons{display:flex;align-items:center;gap:.5rem}.bulk-modal__content{padding:1rem 0}.bulk-modal__content p{margin:0 0 1rem;color:var(--color-text-secondary)}.bulk-modal__actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem}.customer-info .customer-name{font-weight:600;color:var(--color-text);margin-bottom:4px}.customer-info .customer-company{font-size:13px;color:var(--color-text-secondary)}.contact-info .customer-email{color:var(--color-text);margin-bottom:4px}.contact-info .customer-phone{font-size:13px;color:var(--color-text-secondary)}.value-info .vehicle-info{font-size:13px;color:var(--color-text-secondary);margin-bottom:4px}.value-info .invoices-count{font-size:12px;color:var(--color-text-muted)}.customer-actions{display:flex;gap:4px;align-items:center;justify-content:center}.customer-actions button{pointer-events:auto!important;z-index:10!important;position:relative!important;background:var(--color-surface)!important;border:1px solid var(--color-border)!important}.customer-actions button:hover{background:var(--color-background)!important;border-color:var(--color-brand)!important;transform:translateY(-1px)}.status-badge{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;border:none;cursor:pointer;transition:all .2s ease}.status-badge--new{background:#2563eb;color:#fff;font-weight:700}.status-badge--contacted{background:#7c3aed;color:#fff;font-weight:700}.status-badge--proposal{background:#ea580c;color:#fff;font-weight:700}.status-badge--contract{background:#059669;color:#fff;font-weight:700}.status-badge--paid{background:#16a34a;color:#fff;font-weight:700}.status-badge--completed{background:#15803d;color:#fff;font-weight:700}.status-badge--rejected{background:#dc2626;color:#fff;font-weight:700}.status-badge--refunded{background:#d97706;color:#fff;font-weight:700}.value-info .total-value{font-weight:600;color:var(--color-text);margin-bottom:4px}.value-info .invoices-count{font-size:13px;color:var(--color-text-secondary)}.last-contact{color:var(--color-text)}.no-contact{color:var(--color-text-secondary);font-style:italic}.customer-actions{display:flex;gap:8px}.customer-actions .button{padding:8px;min-width:auto}.empty-state{text-align:center;padding:80px 24px;color:var(--color-text-secondary)}.empty-state h3{margin:0 0 8px;color:var(--color-text)}.empty-state p{margin:0;font-size:14px}.pagination{display:flex;align-items:center;justify-content:center;gap:16px;padding:24px 0}@media (max-width: 1200px){.customers-list__table-container{overflow-x:auto}.customers-list__table{min-width:800px}}@media (max-width: 768px){.customers-list{padding:16px}.customers-list__filters{flex-direction:column;align-items:stretch}.filter-group{min-width:auto}.customers-stats{grid-template-columns:repeat(2,1fr)}.customer-actions{flex-direction:column}}@media (max-width: 480px){.customers-stats{grid-template-columns:1fr}.customers-list__table th,.customers-list__table td{padding:12px 8px}}.invoice-generator{display:flex;flex-direction:column;gap:1.5rem;max-height:80vh;overflow:hidden}.step-selector{display:flex;gap:.5rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border)}.generator-content{flex:1;overflow-y:auto;padding-right:.5rem}.form-section{margin-bottom:2rem;padding:1.5rem;border:1px solid var(--color-border);border-radius:.5rem;background:var(--color-background-secondary)}.form-section h3{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;color:var(--color-text-primary);font-size:1.125rem;font-weight:600}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.items-section{display:flex;flex-direction:column;gap:1rem}.item-row{display:grid;grid-template-columns:2fr 80px 120px 50px;gap:1rem;align-items:end;padding:1rem;background:var(--color-background);border:1px solid var(--color-border);border-radius:.375rem}.totals-display{background:var(--color-background);border:1px solid var(--color-border);border-radius:.5rem;padding:1.5rem;max-width:400px;margin-left:auto}.total-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--color-border)}.total-row:last-child{border-bottom:none}.total-row.final{border-top:2px solid var(--color-brand-500);padding-top:1rem;margin-top:.5rem;font-size:1.125rem}.modal-actions{display:flex;justify-content:flex-end;gap:.75rem;padding-top:1.5rem;border-top:1px solid var(--color-border)}@media (max-width: 768px){.form-grid{grid-template-columns:1fr}.item-row{grid-template-columns:1fr;gap:.75rem}.modal-actions{flex-direction:column-reverse}.step-selector{flex-direction:column}}.financials-page{padding:0}.financials-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:var(--slds-color-text-weak)}.financials-loading p{margin-top:1rem;font-size:1.1rem}.financials-content{padding:0}.financials-header-actions{display:flex;align-items:center;gap:1rem}.period-filter{display:flex;background:var(--slds-color-background-alt);border:1px solid var(--slds-color-border);border-radius:var(--slds-border-radius-medium);overflow:hidden}.period-button{padding:.5rem 1rem;background:transparent;border:none;cursor:pointer;font-size:.875rem;font-weight:500;color:var(--slds-color-text-default);transition:all .2s ease;border-right:1px solid var(--slds-color-border)}.period-button:last-child{border-right:none}.period-button:hover{background:var(--slds-color-background)}.period-button.active{background:var(--slds-color-brand);color:var(--slds-color-text-inverse)}.financials-tabs{display:flex;background:var(--slds-color-background-alt);border-bottom:1px solid var(--slds-color-border);padding:0 1.5rem}.tab-button{display:flex;align-items:center;gap:.5rem;padding:1rem 1.5rem;background:transparent;border:none;cursor:pointer;font-size:.875rem;font-weight:500;color:var(--slds-color-text-weak);border-bottom:3px solid transparent;transition:all .2s ease}.tab-button:hover{color:var(--slds-color-text-default);background:var(--slds-color-background)}.tab-button.active{color:var(--slds-color-brand);border-bottom-color:var(--slds-color-brand)}.tab-controls{padding:1.5rem;background:var(--slds-color-background);border-bottom:1px solid var(--slds-color-border)}.search-controls{display:flex;gap:1rem;align-items:center}.search-controls input{flex:1;max-width:400px}.status-filter{padding:.5rem 1rem;border:1px solid var(--slds-color-border);border-radius:var(--slds-border-radius-medium);background:var(--slds-color-background-alt);font-size:.875rem;color:var(--slds-color-text-default);min-width:150px}.overview-tab{padding:1.5rem}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.kpi-card{background:var(--slds-color-background-alt);border:1px solid var(--slds-color-border);border-radius:var(--slds-border-radius-medium);padding:1.5rem;box-shadow:var(--slds-shadow-2);transition:all .2s ease}.kpi-card:hover{box-shadow:var(--slds-shadow-3);transform:translateY(-2px)}.kpi-card__header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.kpi-card__header h3{margin:0;font-size:1rem;font-weight:600;color:var(--slds-color-text-default)}.kpi-main-value{font-size:2rem;font-weight:700;color:var(--slds-color-text-default);margin-bottom:1rem;line-height:1.2}.kpi-main-value.success{color:var(--color-success)}.kpi-details{display:flex;flex-direction:column;gap:.5rem}.kpi-detail{display:flex;justify-content:space-between;align-items:center;font-size:.875rem}.kpi-detail span{color:var(--slds-color-text-weak)}.kpi-detail strong{color:var(--slds-color-text-default);font-weight:600}.kpi-detail strong.success{color:var(--color-success)}.kpi-detail strong.warning{color:var(--color-warning)}.kpi-detail strong.error{color:var(--color-error)}.kpi-detail strong.neutral{color:var(--color-neutral-700)}.recent-payments{margin-bottom:2rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.section-header h3{margin:0;font-size:1.25rem;font-weight:600;color:var(--slds-color-text-default)}.payments-list{background:var(--slds-color-background-alt);border:1px solid var(--slds-color-border);border-radius:var(--slds-border-radius-medium);overflow:hidden}.payment-item{display:flex;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid var(--slds-color-border);transition:background .2s ease}.payment-item:last-child{border-bottom:none}.payment-item:hover{background:var(--slds-color-background)}.payment-info{flex:1}.payment-customer{font-weight:600;color:var(--slds-color-text-default);margin-bottom:.25rem}.payment-details{font-size:.875rem;color:var(--slds-color-text-weak)}.payment-amount{text-align:right;margin-right:1rem}.payment-amount .amount{font-weight:600;color:var(--slds-color-text-default);margin-bottom:.25rem}.payment-date{font-size:.875rem;color:var(--slds-color-text-weak)}.payment-status{min-width:120px;text-align:center}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:var(--slds-border-radius-small);font-size:.75rem;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.025em}.invoice-status-chart{margin-bottom:2rem}.status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.status-item{background:var(--slds-color-background-alt);border:1px solid var(--slds-color-border);border-radius:var(--slds-border-radius-medium);padding:1rem}.status-info{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.status-indicator{width:12px;height:12px;border-radius:50%}.status-label{font-size:.875rem;font-weight:500;color:var(--slds-color-text-default)}.status-stats{text-align:center}.status-count{font-size:1.5rem;font-weight:700;color:var(--slds-color-text-default);margin-bottom:.25rem}.status-amount{font-size:.875rem;color:var(--slds-color-text-weak)}.bankdrops-tab{padding:0}.bankdrops-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem;padding:1.5rem}.bankdrop-card{background:var(--slds-color-background-alt);border:1px solid var(--slds-color-border);border-radius:var(--slds-border-radius-medium);padding:1.5rem;box-shadow:var(--slds-shadow-2);transition:all .2s ease}.bankdrop-card:hover{box-shadow:var(--slds-shadow-3);transform:translateY(-2px)}.bankdrop-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.bankdrop-info h4{margin:0 0 .25rem;font-size:1.125rem;font-weight:600;color:var(--slds-color-text-default)}.partner-name{font-size:.875rem;color:var(--slds-color-text-weak)}.status-indicator{padding:.25rem .75rem;border-radius:var(--slds-border-radius-small);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.status-indicator.active{background:var(--color-success);color:#fff}.status-indicator.inactive{background:var(--color-neutral-700);color:#fff}.bankdrop-details{margin-bottom:1rem}.detail-row{display:flex;justify-content:space-between;margin-bottom:.5rem}.detail-row .label{font-size:.875rem;color:var(--slds-color-text-weak);font-weight:500}.detail-row .value{font-size:.875rem;color:var(--slds-color-text-default);font-weight:500;text-align:right}.bankdrop-stats{display:flex;gap:1rem;margin-bottom:1rem;padding:.75rem;background:var(--slds-color-background);border-radius:var(--slds-border-radius-small)}.stat{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--slds-color-text-weak)}.assigned-users{margin-bottom:1rem}.assigned-users .label{font-size:.875rem;color:var(--slds-color-text-weak);font-weight:500;margin-bottom:.5rem;display:block}.users-list{display:flex;flex-wrap:wrap;gap:.5rem}.user-tag{padding:.25rem .5rem;background:var(--slds-color-brand);color:#fff;border-radius:var(--slds-border-radius-small);font-size:.75rem;font-weight:500}.bankdrop-actions{display:flex;gap:.5rem}.invoices-tab{padding:0}.invoices-table{background:var(--slds-color-background-alt);border:1px solid var(--slds-color-border);border-radius:var(--slds-border-radius-medium);overflow:hidden;margin:1.5rem}.table-header{display:grid;grid-template-columns:1.5fr 1.5fr 1fr 1fr 1.2fr 1fr 1.2fr;gap:1rem;padding:1rem 1.5rem;background:var(--slds-color-background);border-bottom:2px solid var(--slds-color-border);font-weight:600;font-size:.875rem;color:var(--slds-color-text-default)}.table-row{display:grid;grid-template-columns:1.5fr 1.5fr 1fr 1fr 1.2fr 1fr 1.2fr;gap:1rem;padding:1rem 1.5rem;border-bottom:1px solid var(--slds-color-border);transition:background .2s ease;align-items:center}.table-row:last-child{border-bottom:none}.table-row:hover{background:var(--slds-color-background)}.invoice-number{font-weight:600;color:var(--slds-color-text-default);margin-bottom:.25rem}.campaign-info{font-size:.75rem;color:var(--slds-color-text-weak)}.customer-name{font-weight:500;color:var(--slds-color-text-default);margin-bottom:.25rem}.customer-email{font-size:.875rem;color:var(--slds-color-text-weak)}.amount{font-weight:600;color:var(--slds-color-text-default)}.bankdrop-info .bank-name{font-weight:500;color:var(--slds-color-text-default);margin-bottom:.25rem}.bankdrop-info .partner-name{font-size:.75rem;color:var(--slds-color-text-weak)}.created-date{font-weight:500;color:var(--slds-color-text-default);margin-bottom:.25rem}.paid-date{font-size:.75rem;color:var(--color-success)}.action-buttons{display:flex;gap:.5rem;align-items:center}.payments-tab{padding:0}.payments-list{padding:1.5rem;display:grid;gap:1rem}.payment-card{background:var(--slds-color-background-alt);border:1px solid var(--slds-color-border);border-radius:var(--slds-border-radius-medium);padding:1.5rem;box-shadow:var(--slds-shadow-1);transition:all .2s ease}.payment-card:hover{box-shadow:var(--slds-shadow-2);transform:translateY(-1px)}.payment-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.payment-card .invoice-number{font-weight:600;color:var(--slds-color-text-default);margin-bottom:.25rem}.payment-card .customer-name{font-size:.875rem;color:var(--slds-color-text-weak)}.payment-card .payment-amount{font-size:1.25rem;font-weight:700;color:var(--slds-color-text-default)}.payment-details{display:grid;gap:.5rem}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;color:var(--slds-color-text-weak);text-align:center}.empty-state p{margin-top:1rem;font-size:1rem}@media (max-width: 1200px){.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.bankdrops-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}}@media (max-width: 768px){.financials-header-actions{flex-direction:column;align-items:stretch;gap:.75rem}.period-filter{justify-content:center}.financials-tabs{overflow-x:auto;padding:0 1rem}.tab-button{white-space:nowrap;padding:1rem}.search-controls{flex-direction:column;align-items:stretch}.table-header,.table-row{grid-template-columns:1fr;gap:.5rem}.table-header>div,.table-row>div{padding:.5rem 0}.kpi-grid,.bankdrops-grid{grid-template-columns:1fr}.payment-header{flex-direction:column;gap:.5rem}}.kv-zp-documents-tab{padding:2rem}.kv-zp-documents-table{margin-top:2rem}.kv-zp-documents-table table{width:100%;border-collapse:collapse;background:var(--color-background);border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.kv-zp-documents-table th{background:var(--color-background-secondary);padding:1rem;text-align:left;font-weight:600;color:var(--color-text-secondary);border-bottom:1px solid var(--color-border)}.kv-zp-documents-table td{padding:1rem;border-bottom:1px solid var(--color-border);vertical-align:top}.kv-zp-documents-table tr:hover{background-color:var(--color-background-hover)}.kv-zp-documents-table tr.highlighted-row{background-color:var(--color-brand-background);border-left:4px solid var(--color-brand);animation:highlightPulse 2s ease-in-out}@keyframes highlightPulse{0%,to{background-color:var(--color-brand-background)}50%{background-color:var(--color-brand-light)}}.document-type-badge{padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500;white-space:nowrap}.document-type-badge.kv_request{background-color:var(--color-info-background);color:var(--color-info)}.document-type-badge.zp_request{background-color:var(--color-success-background);color:var(--color-success)}.document-title strong{display:block;font-size:.95rem;margin-bottom:.25rem}.document-description{font-size:.8rem;color:var(--color-text-secondary);line-height:1.3}.entity-info,.assignee-info,.date-info{display:flex;flex-direction:column;gap:.25rem}.entity-name{font-weight:500;font-size:.9rem}.entity-type{font-size:.75rem;color:var(--color-text-secondary)}.created-date{font-size:.9rem}.completed-date{font-size:.75rem;color:var(--color-success)}.document-actions{display:flex;gap:.5rem;align-items:center}.status-badge{padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500;white-space:nowrap}.status-pending{background-color:var(--color-warning-background);color:var(--color-warning)}.status-in_progress{background-color:var(--color-info-background);color:var(--color-info)}.status-completed{background-color:var(--color-success-background);color:var(--color-success)}.campaign-leads-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.campaign-leads-modal{background:var(--color-background);border-radius:1rem;box-shadow:0 20px 40px #0000001a;width:100%;max-width:1200px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.leads-header{display:flex;align-items:center;justify-content:space-between;padding:2rem;border-bottom:1px solid var(--color-border);background:var(--color-surface)}.leads-title{display:flex;align-items:center;gap:1rem}.leads-title h2{margin:0;font-size:1.5rem;font-weight:600;color:var(--color-text-primary)}.leads-title p{margin:.25rem 0 0;color:var(--color-text-secondary);font-size:.875rem}.leads-filters{display:flex;align-items:center;gap:1rem;padding:1.5rem 2rem;border-bottom:1px solid var(--color-border);background:var(--color-surface)}.filter-group{flex:1;max-width:200px}.leads-content{flex:1;overflow-y:auto;padding:2rem}.leads-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:1.5rem}.lead-card{padding:1.5rem;transition:all .2s ease}.lead-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.lead-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1rem}.lead-name h4{margin:0 0 .5rem;font-size:1.125rem;font-weight:600;color:var(--color-text-primary)}.lead-badges{display:flex;gap:.5rem}.lead-value{font-size:1.25rem;font-weight:700;color:var(--color-success)}.lead-contact{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.contact-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--color-text-secondary)}.original-mail{background:var(--color-surface);border:1px solid var(--color-border);border-radius:.5rem;padding:1rem;margin-bottom:1rem}.mail-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.875rem;color:var(--color-text-secondary);font-weight:500}.mail-subject{font-weight:500;color:var(--color-text-primary);margin-bottom:.25rem}.mail-date{font-size:.75rem;color:var(--color-text-secondary)}.assigned-caller{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--color-text-secondary);margin-bottom:1rem}.lead-meta{font-size:.75rem;color:var(--color-text-secondary);margin-bottom:1rem}.lead-actions{display:flex;gap:.75rem}.lead-details-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1100;padding:2rem}.lead-details-modal{background:var(--color-background);border-radius:1rem;box-shadow:0 20px 40px #0003;width:100%;max-width:600px;max-height:80vh;display:flex;flex-direction:column;overflow:hidden}.details-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;border-bottom:1px solid var(--color-border);background:var(--color-surface)}.details-header h3{margin:0;font-size:1.25rem;font-weight:600;color:var(--color-text-primary)}.details-content{flex:1;overflow-y:auto;padding:2rem}.details-section{margin-bottom:2rem}.details-section h4{margin:0 0 1rem;font-size:1rem;font-weight:600;color:var(--color-text-primary)}.details-grid{display:grid;gap:1rem}.detail-item{display:flex;flex-direction:column;gap:.25rem}.detail-item label{font-size:.875rem;font-weight:500;color:var(--color-text-secondary)}.detail-item span{color:var(--color-text-primary)}.activities-list{display:flex;flex-direction:column;gap:1rem}.activity-item{padding:1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:.5rem}.activity-type{font-weight:500;color:var(--color-brand);font-size:.875rem;margin-bottom:.25rem}.activity-description{color:var(--color-text-primary);margin-bottom:.5rem}.activity-date{font-size:.75rem;color:var(--color-text-secondary)}.empty-state p{margin:0;color:var(--color-text-secondary)}@media (max-width: 768px){.campaign-leads-overlay{padding:1rem}.leads-header{padding:1.5rem}.leads-filters{flex-direction:column;align-items:stretch;padding:1rem 1.5rem}.filter-group{max-width:none}.leads-content{padding:1.5rem}.leads-grid{grid-template-columns:1fr}.lead-card{padding:1rem}.lead-actions{flex-direction:column}.lead-details-overlay{padding:1rem}.details-content{padding:1.5rem}}@media (max-width: 480px){.leads-header{flex-direction:column;align-items:flex-start;gap:1rem}.leads-title{flex-direction:column;align-items:flex-start;gap:.5rem}.lead-header{flex-direction:column;align-items:flex-start;gap:1rem}.lead-badges{flex-wrap:wrap}}.campaigns-page{min-height:100vh;background:var(--color-background)}.page-content{padding:2rem;max-width:1400px;margin:0 auto}.realtime-status{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:.5rem;background:var(--color-surface);border:1px solid var(--color-border)}.status-text.connected{color:var(--color-success);font-weight:500}.status-text.disconnected{color:var(--color-error);font-weight:500}.stat-icon{width:3rem;height:3rem;border-radius:.75rem;display:flex;align-items:center;justify-content:center;color:#fff}.stat-icon.campaigns{background:linear-gradient(135deg,#667eea,#764ba2)}.stat-icon.active{background:linear-gradient(135deg,#f093fb,#f5576c)}.stat-icon.revenue{background:linear-gradient(135deg,#4facfe,#00f2fe)}.stat-icon.leads{background:linear-gradient(135deg,#43e97b,#38f9d7)}.stat-number{font-size:2rem;font-weight:700;color:var(--color-text-primary);line-height:1;margin-bottom:.25rem}.tab-navigation{display:flex;border-bottom:1px solid var(--color-border);margin-bottom:2rem}.tab-button{display:flex;align-items:center;gap:.5rem;padding:1rem 1.5rem;background:none;border:none;color:var(--color-text-secondary);font-weight:500;cursor:pointer;transition:all .2s ease;border-bottom:2px solid transparent}.tab-button:hover{color:var(--color-text-primary);background:var(--color-surface-hover)}.tab-button.active{color:var(--color-brand);border-bottom-color:var(--color-brand);background:var(--color-brand-light)}.tab-content{min-height:400px}.campaigns-overview{padding:1rem 0}.campaigns-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:1.5rem}.campaign-card{padding:1.5rem;transition:all .2s ease}.campaign-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.campaign-header{margin-bottom:1rem}.campaign-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.campaign-title h3{margin:0;font-size:1.25rem;font-weight:600;color:var(--color-text-primary)}.campaign-project{display:flex;align-items:center;gap:.5rem;color:var(--color-text-secondary);font-size:.875rem}.campaign-description{margin-bottom:1rem}.campaign-description p{margin:0;color:var(--color-text-secondary);line-height:1.5}.campaign-metrics{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1rem}.metric{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--color-text-secondary)}.campaign-dates{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.date-info{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--color-text-secondary)}.campaign-actions{display:flex;gap:.75rem;flex-wrap:wrap}.campaign-delete-btn{color:var(--color-error-600);border-color:var(--color-error-300)}.campaign-delete-btn:hover{background:var(--color-error-50);border-color:var(--color-error-400);color:var(--color-error-700)}.smtp-servers-section,.templates-section,.analytics-section{padding:1rem 0}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.section-header h3{margin:0;font-size:1.5rem;font-weight:600;color:var(--color-text-primary)}.smtp-servers-grid,.templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.smtp-server-card,.template-card{padding:1.5rem;transition:all .2s ease}.smtp-server-card:hover,.template-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.server-header,.template-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.server-title,.template-title{display:flex;align-items:center;gap:.5rem}.server-title h4,.template-title h4{margin:0;font-size:1.125rem;font-weight:600;color:var(--color-text-primary)}.server-priority{font-size:.875rem;color:var(--color-text-secondary)}.server-details{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.detail-row{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--color-text-secondary)}.server-actions,.template-actions{display:flex;gap:.75rem;flex-wrap:wrap}.server-delete-btn{color:var(--color-error-600);border-color:var(--color-error-300)}.server-delete-btn:hover{background:var(--color-error-50);border-color:var(--color-error-400);color:var(--color-error-700)}.template-type{margin-bottom:1rem}.type-label{display:inline-block;padding:.25rem .75rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:1rem;font-size:.75rem;font-weight:500;color:var(--color-text-secondary)}.template-description{margin-bottom:1rem}.template-description p{margin:0;color:var(--color-text-secondary);line-height:1.5}.template-meta{margin-bottom:1.5rem;font-size:.875rem;color:var(--color-text-secondary)}.analytics-overview{padding:1rem 0}.analytics-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.analytics-card{padding:1.5rem;text-align:center}.analytics-card h4{margin:0 0 1rem;font-size:1rem;font-weight:600;color:var(--color-text-secondary)}.analytics-value{font-size:2.5rem;font-weight:700;color:var(--color-text-primary);line-height:1;margin-bottom:.5rem}.analytics-trend{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.875rem;color:var(--color-success)}.chart-placeholder{padding:4rem 2rem;text-align:center;background:var(--color-surface);border-radius:.75rem;border:2px dashed var(--color-border)}.chart-placeholder h3{margin:1rem 0 .5rem;color:var(--color-text-primary)}.chart-placeholder p{margin:0;color:var(--color-text-secondary)}.campaign-form,.smtp-form,.template-form{padding:1rem 0}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.form-group label{font-weight:500;color:var(--color-text-primary);font-size:.875rem}.modal-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--color-border)}.loading-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.loading-state p,.empty-state h3{margin:1rem 0 .5rem;color:var(--color-text-primary)}.empty-state p{margin:0 0 1.5rem;color:var(--color-text-secondary)}.leads-overview{padding:2rem 0}.leads-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;background:var(--color-surface);border-radius:.75rem;border:2px dashed var(--color-border)}.leads-placeholder h3{margin:1rem 0 .5rem;color:var(--color-text-primary)}.leads-placeholder p{margin:.25rem 0;color:var(--color-text-secondary)}@media (max-width: 768px){.page-content{padding:1rem}.stats-grid,.campaigns-grid,.smtp-servers-grid,.templates-grid,.form-row{grid-template-columns:1fr}.tab-navigation{overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.tab-navigation::-webkit-scrollbar{display:none}.tab-button{white-space:nowrap;min-width:max-content}.header-actions{flex-wrap:wrap}.campaign-actions,.server-actions,.template-actions{flex-direction:column}.modal-actions{flex-direction:column-reverse}}@media (max-width: 480px){.stat-card{padding:1rem}.stat-number{font-size:1.5rem}.campaign-card,.smtp-server-card,.template-card{padding:1rem}.analytics-value{font-size:2rem}}.tabs{border-bottom:1px solid var(--color-border);margin-bottom:24px}.tabs-list{display:flex;gap:0}.tab{background:none;border:none;padding:16px 20px;font-size:14px;font-weight:500;color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease;border-bottom:2px solid transparent;display:flex;align-items:center;gap:8px}.tab:hover:not(.disabled){color:var(--color-text);background:var(--color-background)}.tab.active{color:var(--color-brand);border-bottom-color:var(--color-brand);background:var(--color-background)}.tab.disabled{color:var(--color-text-muted);cursor:not-allowed;opacity:.5}.tab-count{background:var(--color-border);color:var(--color-text-secondary);padding:2px 8px;border-radius:12px;font-size:12px;font-weight:600;min-width:20px;text-align:center}.tab.active .tab-count{background:var(--color-brand);color:#fff}.progress-bar{width:100%}.progress-bar__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.progress-bar__label{font-size:14px;font-weight:500;color:var(--color-text)}.progress-bar__value{font-size:13px;font-weight:600;color:var(--color-text-secondary)}.progress-bar__track{background:var(--color-background);border-radius:8px;overflow:hidden;position:relative}.progress-bar--small .progress-bar__track{height:4px}.progress-bar--medium .progress-bar__track{height:8px}.progress-bar--large .progress-bar__track{height:12px}.progress-bar__fill{height:100%;border-radius:8px;transition:width .3s ease}.progress-bar__fill--primary{background:var(--color-brand)}.progress-bar__fill--success{background:var(--color-success)}.progress-bar__fill--warning{background:var(--color-warning)}.progress-bar__fill--danger{background:var(--color-error)}.progress-bar__text{text-align:center;margin-top:8px;font-size:13px;font-weight:600;color:var(--color-text-secondary)}.mail-campaigns-page{min-height:100vh;background:var(--background-color)}.page-content{padding:2rem}.header-actions{display:flex;align-items:center;gap:1rem}.realtime-status{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:.5rem;background:var(--card-background);border:1px solid var(--border-color)}.status-text.connected{color:var(--success-color);font-weight:500}.recipient-source-options{display:flex;gap:20px;margin-top:8px;flex-wrap:wrap}.source-option-inline{display:flex;align-items:center;gap:8px}.source-option-inline input[type=radio]{margin:0}.source-option-inline label{display:flex;align-items:center;gap:6px;cursor:pointer;font-weight:500;color:var(--text-secondary);transition:color .2s ease}.source-option-inline input[type=radio]:checked+label{color:var(--brand-primary)}.recipient-selection-info{display:flex;align-items:center;justify-content:space-between;padding:12px;background:var(--background-secondary);border-radius:8px;border:1px solid var(--border-color)}.recipient-selection-info p{margin:0;color:var(--text-secondary)}.status-text.disconnected{color:var(--error-color);font-weight:500}.tab-content{margin-top:2rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{display:flex;align-items:center;gap:1rem;padding:1.5rem}.stat-icon{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:.75rem;background:var(--primary-color-light);color:var(--primary-color)}.stat-icon.active{background:var(--success-color-light);color:var(--success-color)}.stat-value{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.25rem}.stat-label{font-size:.875rem;color:var(--text-secondary);font-weight:500}.campaign-name{font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.campaign-subject{font-size:.875rem;color:var(--text-secondary)}.recipients-info{text-align:right}.performance-info{font-size:.875rem}.action-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.mail-campaigns-create{max-width:1200px}.campaign-create-form{padding:24px}.form-section{margin-bottom:32px;border-bottom:1px solid var(--color-border-light);padding-bottom:24px}.form-section:last-of-type{border-bottom:none;margin-bottom:0}.form-section h4{margin:0 0 20px;font-size:16px;font-weight:600;color:var(--color-text);display:flex;align-items:center;gap:8px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.form-field.full-width{grid-column:1 / -1}.form-field label{display:block;margin-bottom:8px;font-weight:500;color:var(--color-text);font-size:14px}.checkbox-label{display:flex!important;align-items:center;gap:8px;margin-bottom:0;cursor:pointer;font-weight:400}.checkbox-label input[type=checkbox]{width:16px;height:16px;margin:0}.file-input{width:100%;padding:12px;border:2px dashed var(--color-border);border-radius:8px;background:var(--color-background);cursor:pointer;transition:border-color .2s ease}.file-input:hover{border-color:var(--color-brand)}.attachment-list{margin-top:12px;padding:12px;background:var(--color-background);border-radius:6px;border:1px solid var(--color-border)}.attachment-item{display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid var(--color-border-light)}.attachment-item:last-child{border-bottom:none}.file-size{color:var(--color-text-secondary);font-size:13px}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:32px;padding-top:24px;border-top:1px solid var(--color-border)}.mail-campaigns-recipients{max-width:1200px}.source-selector{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.source-option{display:flex;align-items:center;gap:12px;padding:16px;border:2px solid var(--color-border-light);border-radius:8px;cursor:pointer;transition:border-color .2s ease}.source-option:hover{border-color:var(--color-brand)}.source-option input[type=radio]{width:20px;height:20px}.source-option label{display:flex;align-items:center;gap:12px;cursor:pointer;flex:1}.source-option label div{display:flex;flex-direction:column;gap:4px}.source-option label strong{color:var(--color-text);font-size:16px}.source-option label small{color:var(--color-text-secondary);font-size:14px}.recipients-list{display:flex;flex-direction:column;gap:8px;max-height:400px;overflow-y:auto;border:1px solid var(--color-border);border-radius:6px;padding:12px}.recipient-item{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--color-border-light);border-radius:6px;background:var(--color-background);transition:border-color .2s ease}.recipient-item:hover{border-color:var(--color-brand)}.recipient-info{flex:1}.recipient-name{font-weight:600;color:var(--color-text);margin-bottom:4px}.recipient-email{color:var(--color-text-secondary);font-size:14px}.recipient-company{color:var(--color-text-secondary);font-size:13px}.recipient-meta{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.recipient-date{font-size:12px;color:var(--color-text-secondary)}.table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--color-border)}.table-actions{display:flex;gap:8px}.recipients-summary{display:flex;flex-direction:column;gap:8px;padding:16px;background:var(--color-background);border-radius:6px;border:1px solid var(--color-border)}.summary-item{display:flex;justify-content:space-between;align-items:center}.summary-label{font-weight:500;color:var(--color-text-secondary)}.summary-value{font-weight:600;color:var(--color-text)}.mail-campaigns-overview .card{margin-bottom:2rem}.table-container{overflow-x:auto;border-radius:8px;border:1px solid var(--color-border)}.campaigns-table{width:100%;border-collapse:collapse;margin:0;background:#fff}.campaigns-table th{background:var(--color-background-secondary);padding:12px 16px;text-align:left;font-weight:600;color:var(--color-text);border-bottom:2px solid var(--color-border);white-space:nowrap}.campaigns-table td{padding:12px 16px;border-bottom:1px solid var(--color-border);vertical-align:top}.campaigns-table tbody tr:hover{background:var(--color-background-hover)}.mail-campaigns-overview table th,.mail-campaigns-overview table td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--color-border);vertical-align:top}.mail-campaigns-overview table th{background:var(--color-background-secondary);font-weight:600;color:var(--color-text)}.mail-campaigns-overview table tbody tr:hover{background:var(--color-background-hover)}.campaign-name{font-weight:600;color:var(--color-text);margin-bottom:4px}.campaign-subject{font-size:14px;color:var(--color-text-secondary)}.recipients-info{display:flex;flex-direction:column;gap:2px}.performance-info{display:flex;flex-direction:column;gap:2px;font-size:14px}.rate-info{display:flex;flex-direction:column;gap:2px}.rate-value{font-weight:600;color:var(--color-text)}.action-buttons{display:flex;gap:8px;flex-wrap:wrap}.rate-presets{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.rate-preset-btn{padding:8px 12px;border:2px solid var(--color-border);border-radius:6px;background:var(--color-background);color:var(--color-text);cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease}.rate-preset-btn:hover{border-color:var(--color-brand);background:var(--color-brand-light)}.rate-preset-btn:active{transform:translateY(1px)}.mail-campaigns-templates{max-width:1400px}.templates-header{margin-bottom:32px}.templates-content{display:flex;flex-direction:column;gap:24px}.templates-grid{display:grid;grid-template-columns:300px 1fr;gap:24px}.template-library{height:fit-content}.templates-list{display:flex;flex-direction:column;gap:8px;max-height:600px;overflow-y:auto}.template-item{padding:16px;border:2px solid var(--color-border-light);border-radius:8px;cursor:pointer;transition:all .2s ease;background:var(--color-background)}.template-item:hover{border-color:var(--color-brand);transform:translateY(-2px)}.template-item.selected{border-color:var(--color-brand);background:var(--color-brand-light)}.template-preview{margin-bottom:12px}.template-name{font-weight:600;color:var(--color-text);margin-bottom:4px;font-size:16px}.template-category{color:var(--color-brand);font-size:14px;margin-bottom:4px}.template-subject{color:var(--color-text-secondary);font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.template-actions{display:flex;gap:8px;margin-top:12px}.template-editor{height:fit-content}.editor-form{padding:24px}.template-preview-section{margin-top:24px;padding-top:24px;border-top:1px solid var(--color-border)}.template-preview-section h5{margin:0 0 16px;font-size:16px;font-weight:600;color:var(--color-text)}.preview-actions{display:flex;gap:8px;margin-bottom:16px}.template-preview-content{border:1px solid var(--color-border);border-radius:6px;overflow:hidden}.template-iframe{width:100%;height:400px;border:none;background:#fff}.mail-campaigns-monitoring{padding:1rem}.monitoring-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem;margin-top:1.5rem}.monitoring-card{border:1px solid var(--border-color);border-radius:.75rem;overflow:hidden}.monitoring-header{display:flex;justify-content:between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid var(--border-color);background:var(--background-secondary)}.monitoring-header h4{margin:0;font-size:1.125rem;font-weight:600;color:var(--text-primary)}.monitoring-stats{padding:1.5rem}.stat-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--border-light)}.stat-row:last-child{border-bottom:none}.stat-row span:first-child{color:var(--text-secondary);font-weight:500}.stat-row span:last-child{color:var(--text-primary);font-weight:600}.progress-section{padding:1rem 1.5rem;border-top:1px solid var(--border-color);background:var(--background-secondary)}.progress-label{font-size:.875rem;color:var(--text-secondary);margin-bottom:.5rem}.monitoring-actions{display:flex;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid var(--border-color);background:var(--background-secondary)}.empty-state{text-align:center;padding:3rem 2rem;color:var(--text-secondary)}.empty-state h3{margin:1rem 0 .5rem;color:var(--text-primary)}.create-campaign-form{max-width:100%}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group.full-width{grid-column:1 / -1}.form-group label{font-weight:600;color:var(--text-primary);font-size:.875rem}.form-actions{display:flex;justify-content:flex-end;gap:1rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.campaign-details{max-width:100%}.details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:2rem}.detail-section h4{margin:0 0 1rem;font-size:1.125rem;font-weight:600;color:var(--text-primary);border-bottom:1px solid var(--border-color);padding-bottom:.5rem}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--border-light)}.detail-row:last-child{border-bottom:none}.detail-row span:first-child{color:var(--text-secondary);font-weight:500}.detail-row span:last-child{color:var(--text-primary);font-weight:600}.detail-actions{display:flex;gap:1rem;flex-wrap:wrap;padding-top:1.5rem;border-top:1px solid var(--border-color)}.mail-campaigns-analytics{padding:1rem}.analytics-content{padding:2rem;text-align:center;color:var(--text-secondary)}.mail-campaigns-templates{padding:1rem}.templates-content{padding:2rem;text-align:center;color:var(--text-secondary)}@media (max-width: 768px){.page-content{padding:1rem}.stats-grid{grid-template-columns:1fr;gap:1rem}.monitoring-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr;gap:1rem}.details-grid{grid-template-columns:1fr;gap:1.5rem}.header-actions{flex-direction:column;align-items:stretch;gap:.75rem}.action-buttons,.detail-actions,.form-actions{justify-content:center}}@media (max-width: 480px){.stat-card{padding:1rem}.stat-icon{width:2.5rem;height:2.5rem}.stat-value{font-size:1.25rem}.monitoring-header,.monitoring-stats,.monitoring-actions,.progress-section{padding:1rem}}@media (prefers-color-scheme: dark){.stat-icon{background:rgba(var(--primary-color-rgb),.1)}.stat-icon.active{background:rgba(var(--success-color-rgb),.1)}.monitoring-header,.progress-section,.monitoring-actions{background:var(--card-background-secondary)}}.monitoring-card{transition:transform .2s ease,box-shadow .2s ease}.monitoring-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.stat-card{transition:transform .2s ease}.stat-card:hover{transform:translateY(-1px)}.loading-skeleton{background:linear-gradient(90deg,var(--border-color) 25%,transparent 50%,var(--border-color) 75%);background-size:200% 100%;animation:loading 1.5s infinite}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.projects-page{display:flex;flex-direction:column;gap:1.5rem;padding:0;height:100vh;overflow:hidden}.projects-page__content{flex:1;display:flex;flex-direction:column;gap:1.5rem;overflow:hidden;padding:0 1.5rem 1.5rem}.page-header__actions{display:flex;align-items:center;gap:.75rem}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 1.25rem;text-align:center;color:var(--color-text-secondary)}.loading-state p{margin-top:1rem;font-size:1rem}.empty-state{text-align:center;padding:4rem 2.5rem}.empty-icon{margin-bottom:1.5rem;color:var(--color-text-tertiary)}.empty-state h3{margin:0 0 .75rem;font-size:1.5rem;font-weight:600;color:var(--color-text-primary)}.empty-state p{margin:0 0 2rem;color:var(--color-text-secondary);font-size:1rem;line-height:1.5;max-width:25rem;margin-left:auto;margin-right:auto}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(25rem,1fr));gap:1.5rem;overflow-y:auto}.project-card{transition:all .2s ease;border:1px solid var(--color-border);background:var(--color-background)}.project-card:hover{transform:translateY(-2px);box-shadow:0 .5rem 2rem #0000001a;border-color:var(--color-brand-300)}.project-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1rem}.project-icon{flex-shrink:0;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;background:var(--color-brand-50);border-radius:.75rem;color:var(--color-brand-600)}.project-info h3{margin:0 0 .25rem;font-size:1.25rem;font-weight:600;color:var(--color-text-primary);line-height:1.2}.project-domain{margin:0;color:var(--color-text-secondary);font-size:.875rem;font-family:var(--font-mono, "Courier New", monospace);background:var(--color-background-secondary);padding:.125rem .5rem;border-radius:.25rem;display:inline-block}.project-details{margin-bottom:1.25rem}.project-description{margin:0 0 1rem;color:var(--color-text-secondary);font-size:.875rem;line-height:1.4}.project-meta{display:flex;flex-wrap:wrap;gap:1rem}.meta-item{display:flex;align-items:center;gap:.375rem;color:var(--color-text-tertiary);font-size:.75rem}.meta-item span{color:var(--color-text-secondary)}.project-actions{display:flex;gap:.5rem;padding-top:1rem;border-top:1px solid var(--color-border);flex-wrap:wrap}.project-delete-btn{color:var(--color-error-600);border-color:var(--color-error-300)}.project-delete-btn:hover{background:var(--color-error-50);border-color:var(--color-error-400);color:var(--color-error-700)}.project-form{padding:0}.form-section{margin-bottom:24px}.form-field{margin-bottom:20px}.form-field label{display:block;margin-bottom:.375rem;font-weight:500;color:var(--color-text-primary);font-size:.875rem}.form-field small{display:block;margin-top:.25rem;color:var(--color-text-tertiary);font-size:.75rem}.form-textarea{width:100%;min-height:5rem;padding:.75rem 1rem;border:1px solid var(--color-border);border-radius:.5rem;font-size:.875rem;font-family:inherit;background:var(--color-background);color:var(--color-text-primary);resize:vertical;transition:all .2s ease}.form-textarea:focus{outline:none;border-color:var(--color-brand-500);box-shadow:0 0 0 3px var(--color-brand-100)}.modal-actions{display:flex;justify-content:flex-end;gap:.75rem;padding-top:1.5rem;border-top:1px solid var(--color-border);margin-top:1.5rem}@media (max-width: 768px){.projects-page__content{padding:0 1rem 1rem}.projects-grid{grid-template-columns:1fr}.empty-state{padding:3.75rem 1.25rem}.project-actions{flex-wrap:wrap}}@media (max-width: 480px){.project-actions{flex-direction:column}.modal-actions{flex-direction:column-reverse}}.todos-page{padding:0}.todos-content{padding:1.5rem}.todos-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.stat-card{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:var(--color-background);border:1px solid var(--color-border);border-radius:8px;box-shadow:var(--shadow-sm)}.stat-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:8px;color:#fff}.stat-icon.total{background:var(--color-blue-500)}.stat-icon.pending{background:var(--color-yellow-500)}.stat-icon.progress{background:var(--color-blue-600)}.stat-icon.completed{background:var(--color-green-500)}.stat-icon.overdue{background:var(--color-red-500)}.stat-content{flex:1}.stat-number{font-size:2rem;font-weight:700;color:var(--color-text-primary);margin-bottom:.25rem}.stat-label{font-size:.875rem;color:var(--color-text-secondary);font-weight:500}.todos-filters{background:var(--color-background);border:1px solid var(--color-border);border-radius:8px;padding:1.5rem;margin-bottom:2rem}.filter-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:1rem;align-items:end}.search-field{display:flex;flex-direction:column}.loading-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:var(--color-text-secondary)}.loading-state p,.empty-state p{margin:1rem 0 2rem;font-size:1.1rem}.empty-state h3{margin:1rem 0 .5rem;color:var(--color-text-primary)}.todos-list{display:flex;flex-direction:column;gap:1rem}.todo-card{background:var(--color-background);border:1px solid var(--color-border);border-radius:8px;padding:1.5rem;box-shadow:var(--shadow-sm);transition:all .2s ease}.todo-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-brand-300)}.todo-card.priority-urgent{border-left:4px solid var(--color-red-500)}.todo-card.priority-high{border-left:4px solid var(--color-orange-500)}.todo-card.priority-medium{border-left:4px solid var(--color-blue-500)}.todo-card.priority-low{border-left:4px solid var(--color-gray-400)}.todo-card.status-completed{opacity:.7;background:var(--color-gray-50)}.todo-card.overdue{background:var(--color-red-50);border-left-color:var(--color-red-500)}.todo-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1rem}.todo-status-icon{flex-shrink:0;margin-top:.25rem}.todo-title{flex:1}.todo-title h3{margin:0 0 .25rem;font-size:1.125rem;font-weight:600;color:var(--color-text-primary)}.todo-category{display:inline-block;font-size:.75rem;color:var(--color-text-secondary);background:var(--color-gray-100);padding:.125rem .375rem;border-radius:4px;font-weight:500}.todo-badges{display:flex;gap:.5rem;flex-shrink:0}.todo-content{margin-bottom:1rem}.todo-description{margin:0 0 1rem;color:var(--color-text-secondary);line-height:1.5}.todo-meta{display:flex;gap:1.5rem;flex-wrap:wrap}.todo-assignee,.todo-project,.todo-due-date{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--color-text-secondary)}.todo-due-date.overdue{color:var(--color-red-600);font-weight:600}.overdue-label{font-size:.75rem;font-weight:700;color:var(--color-red-600);background:var(--color-red-100);padding:.125rem .375rem;border-radius:4px;margin-left:.5rem}.todo-actions{display:flex;gap:.5rem;justify-content:flex-end}@media (max-width: 768px){.todos-content{padding:1rem}.todos-stats,.filter-row{grid-template-columns:1fr}.todo-header{flex-direction:column;align-items:flex-start;gap:.5rem}.todo-badges{align-self:flex-start}.todo-meta{flex-direction:column;gap:.5rem}.todo-actions{flex-direction:column}.todo-actions button{width:100%}}.accounts-list{background-color:var(--slds-color-background-alt);border:1px solid var(--slds-color-border);border-radius:var(--slds-border-radius-medium);box-shadow:var(--slds-shadow-1)}.accounts-list__header{display:flex;align-items:center;justify-content:space-between;padding:var(--slds-spacing-medium);border-bottom:1px solid var(--slds-color-border)}.accounts-list__title{font-size:var(--slds-font-size-6);font-weight:600;color:var(--slds-color-text-default);margin:0}.accounts-list__count{font-size:var(--slds-font-size-3);color:var(--slds-color-text-weak);margin:0}.accounts-list__table-container{overflow-x:auto}.accounts-list__table{width:100%;border-collapse:collapse;font-size:var(--slds-font-size-4)}.accounts-list__table th{padding:var(--slds-spacing-small) var(--slds-spacing-medium);text-align:left;font-weight:600;color:var(--slds-color-text-default);background-color:var(--slds-color-background);border-bottom:1px solid var(--slds-color-border);white-space:nowrap}.accounts-list__row{transition:background-color .15s ease-in-out}.accounts-list__row:hover{background-color:var(--slds-color-background)}.accounts-list__cell{padding:var(--slds-spacing-small) var(--slds-spacing-medium);border-bottom:1px solid var(--slds-color-border);color:var(--slds-color-text-default);vertical-align:middle}.accounts-list__cell--name{font-weight:600}.accounts-list__name-link{color:var(--slds-color-brand);text-decoration:none;transition:color .15s ease-in-out}.accounts-list__name-link:hover{color:var(--slds-color-brand-dark);text-decoration:underline}@media (max-width: 768px){.accounts-list__table{font-size:var(--slds-font-size-3)}.accounts-list__cell,.accounts-list__table th{padding:var(--slds-spacing-x-small) var(--slds-spacing-small)}.accounts-list__header{flex-direction:column;align-items:flex-start;gap:var(--slds-spacing-x-small)}}.accounts-page{display:flex;flex-direction:column;height:100%}.accounts-page__content{flex:1;padding:var(--slds-spacing-medium)}.user-form{max-width:800px;margin:0 auto}.form-section{border:1px solid var(--color-border);border-radius:.5rem;padding:1rem;background:var(--color-background);margin-bottom:1.5rem}.form-section h3{margin:0 0 1rem;font-size:1rem;font-weight:600;color:var(--color-text);padding-bottom:.5rem;border-bottom:1px solid var(--color-border)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.form-group label{font-size:.875rem;font-weight:500;color:var(--color-text)}.permissions-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.permissions-section-header h3{display:flex;align-items:center;gap:.5rem;margin:0;border:none;padding:0}.permissions-customization{background:var(--color-background-secondary);border-radius:.375rem;padding:1rem;margin-top:1rem}.permissions-info{margin:0 0 1rem;font-size:.875rem;color:var(--color-text-secondary);line-height:1.4}.modules-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.module-permissions{border:1px solid var(--color-border);border-radius:.375rem;background:var(--color-surface);overflow:hidden}.module-header{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:var(--color-background);border-bottom:1px solid var(--color-border)}.module-name{font-weight:500;color:var(--color-text);font-size:.875rem}.permissions-checkboxes{display:flex;flex-direction:column;gap:.25rem;padding:.75rem}.permission-checkbox{display:flex;align-items:center;gap:.5rem;padding:.375rem 0;font-size:.8rem;color:var(--color-text);cursor:pointer;transition:background-color .15s ease;border-radius:.25rem}.permission-checkbox:hover{background:var(--color-background)}.permission-checkbox.special{color:#a855f7;font-weight:500}.permission-checkbox.sensitive{color:#ef4444;font-weight:500}.permission-checkbox input[type=checkbox]{margin:0;flex-shrink:0}@media (max-width: 768px){.form-row,.modules-grid{grid-template-columns:1fr}.permissions-section-header{flex-direction:column;align-items:flex-start;gap:.5rem}.form-actions{flex-direction:column}.module-header,.permissions-checkboxes{padding:.5rem}}.user-permissions{max-width:1000px;margin:0 auto}.loading-state{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:3rem;text-align:center}.permissions-header{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border)}.user-info{display:flex;align-items:center;gap:1rem}.user-info h3{margin:0;color:var(--color-text)}.permissions-summary p{margin:0;color:var(--color-text-secondary);font-size:.875rem}.permissions-matrix{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem;max-height:60vh;overflow-y:auto}.module-section{border:1px solid var(--color-border);border-radius:.5rem;background:var(--color-background);overflow:hidden}.module-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--color-background-secondary);border-bottom:1px solid var(--color-border)}.module-info{display:flex;align-items:center;gap:.75rem}.module-info h4{margin:0;font-size:1rem;color:var(--color-text)}.module-info p{margin:0;font-size:.8rem;color:var(--color-text-secondary)}.module-controls{display:flex;align-items:center;gap:.5rem}.permission-count{font-size:.8rem;color:var(--color-text-secondary);font-weight:500;min-width:40px;text-align:center}.permissions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:.5rem;padding:1rem}.permission-item{border-radius:.375rem;transition:background-color .15s ease}.permission-item.basic{background:#3b82f60d;border:1px solid rgba(59,130,246,.2)}.permission-item.scope{background:#a855f70d;border:1px solid rgba(168,85,247,.2)}.permission-item.advanced{background:#f59e0b0d;border:1px solid rgba(245,158,11,.2)}.permission-item.sensitive{background:#ef44440d;border:1px solid rgba(239,68,68,.2)}.permission-checkbox{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;cursor:pointer;transition:background-color .15s ease}.permission-checkbox:hover{background:#00000005}.permission-checkbox input[type=checkbox]{margin:0;flex-shrink:0;margin-top:.125rem}.checkbox-content{display:flex;flex-direction:column;gap:.25rem;flex:1}.permission-name{font-weight:500;color:var(--color-text);font-size:.875rem}.permission-description{font-size:.75rem;color:var(--color-text-secondary);line-height:1.3}.form-actions{display:flex;gap:.5rem;justify-content:flex-end;padding-top:1rem;border-top:1px solid var(--color-border)}@media (max-width: 1024px){.permissions-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.module-header{flex-direction:column;align-items:flex-start;gap:1rem}.module-controls{align-self:stretch;justify-content:space-between}}@media (max-width: 768px){.user-permissions{padding:0}.permissions-matrix{max-height:50vh}.permissions-grid{grid-template-columns:1fr}.permission-checkbox{padding:.5rem}.form-actions{flex-direction:column}.module-header{padding:.75rem}.module-controls{flex-wrap:wrap;gap:.25rem}}.permission-item.basic .permission-name{color:#3b82f6}.permission-item.scope .permission-name{color:#a855f7}.permission-item.advanced .permission-name{color:#f59e0b}.permission-item.sensitive .permission-name{color:#ef4444}.user-invitation{padding:var(--slds-spacing-medium)}.user-invitation-success{padding:var(--slds-spacing-medium);text-align:center}.success-message{margin-bottom:var(--slds-spacing-large)}.success-message h3{margin:var(--slds-spacing-medium) 0 var(--slds-spacing-small) 0;color:var(--slds-color-success);font-size:var(--slds-font-size-5)}.success-message p{color:var(--slds-color-text-default);line-height:1.5}.invitation-info{display:flex;align-items:flex-start;gap:var(--slds-spacing-small);padding:var(--slds-spacing-medium);background-color:var(--slds-color-background-info-weak);border-left:3px solid var(--slds-color-info);border-radius:var(--slds-border-radius-small);margin-bottom:var(--slds-spacing-large)}.invitation-info p{margin:0;color:var(--slds-color-text-default);font-size:var(--slds-font-size-3);line-height:1.4}.invitation-link-container{display:flex;gap:var(--slds-spacing-small);align-items:center;margin-bottom:var(--slds-spacing-large);padding:var(--slds-spacing-medium);background-color:var(--slds-color-background-alt);border-radius:var(--slds-border-radius-medium)}.invitation-link{flex:1}.invitation-details{text-align:left;margin-bottom:var(--slds-spacing-large);padding:var(--slds-spacing-medium);background-color:var(--slds-color-background);border:1px solid var(--slds-color-border);border-radius:var(--slds-border-radius-medium)}.invitation-details h4{margin:0 0 var(--slds-spacing-small) 0;color:var(--slds-color-text-default);font-size:var(--slds-font-size-4)}.invitation-details ul{margin:0;padding-left:var(--slds-spacing-medium);color:var(--slds-color-text-weak)}.invitation-details li{margin-bottom:var(--slds-spacing-xx-small);line-height:1.4}.form-section{margin-bottom:var(--slds-spacing-large);padding-bottom:var(--slds-spacing-large);border-bottom:1px solid var(--slds-color-border)}.form-section:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}.form-section h3{margin:0 0 var(--slds-spacing-medium) 0;font-size:var(--slds-font-size-4);font-weight:600;color:var(--slds-color-text-default);display:flex;align-items:center;gap:var(--slds-spacing-small)}.form-group{margin-bottom:var(--slds-spacing-medium)}.form-group label{display:block;margin-bottom:var(--slds-spacing-x-small);font-size:var(--slds-font-size-3);font-weight:500;color:var(--slds-color-text-default)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--slds-spacing-medium)}.permissions-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--slds-spacing-medium)}.permissions-customization{padding:var(--slds-spacing-medium);background-color:var(--slds-color-background-alt);border-radius:var(--slds-border-radius-medium);border:1px solid var(--slds-color-border)}.permissions-info{margin:0 0 var(--slds-spacing-medium) 0;padding:var(--slds-spacing-small) var(--slds-spacing-medium);background-color:var(--slds-color-background-info-weak);border-left:3px solid var(--slds-color-info);border-radius:var(--slds-border-radius-small);font-size:var(--slds-font-size-2);color:var(--slds-color-text-default)}.modules-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--slds-spacing-medium)}.module-permissions{background-color:var(--slds-color-background);border:1px solid var(--slds-color-border);border-radius:var(--slds-border-radius-medium);padding:var(--slds-spacing-medium)}.module-header{display:flex;align-items:center;gap:var(--slds-spacing-small);margin-bottom:var(--slds-spacing-small);padding-bottom:var(--slds-spacing-small);border-bottom:1px solid var(--slds-color-border)}.module-name{font-weight:600;color:var(--slds-color-text-default);font-size:var(--slds-font-size-3)}.permissions-checkboxes{display:flex;flex-direction:column;gap:var(--slds-spacing-x-small)}.permission-checkbox{display:flex;align-items:center;gap:var(--slds-spacing-x-small);cursor:pointer;padding:var(--slds-spacing-xx-small);border-radius:var(--slds-border-radius-small);transition:background-color .15s ease-in-out}.permission-checkbox:hover{background-color:var(--slds-color-background-alt)}.permission-checkbox input[type=checkbox]{margin:0}.permission-checkbox span{font-size:var(--slds-font-size-2);color:var(--slds-color-text-default);-webkit-user-select:none;user-select:none}.form-actions{display:flex;justify-content:flex-end;gap:var(--slds-spacing-small);margin-top:var(--slds-spacing-large);padding-top:var(--slds-spacing-large);border-top:1px solid var(--slds-color-border)}.error-message{display:flex;align-items:center;gap:var(--slds-spacing-small);padding:var(--slds-spacing-medium);background-color:var(--slds-color-background-error-weak);border-left:3px solid var(--slds-color-error);border-radius:var(--slds-border-radius-small);margin-bottom:var(--slds-spacing-medium);color:var(--slds-color-error);font-size:var(--slds-font-size-3)}@media (max-width: 768px){.form-row,.modules-grid{grid-template-columns:1fr}.invitation-link-container{flex-direction:column}.permissions-section-header{flex-direction:column;align-items:flex-start;gap:var(--slds-spacing-small)}}.user-management-page{display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem}.page-content{display:flex;flex-direction:column;gap:1.5rem}.access-denied{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:3rem;text-align:center}.access-denied h3{margin:0;color:var(--color-text)}.access-denied p{margin:0;color:var(--color-text-secondary)}.loading-state{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:3rem}.filters{display:flex;gap:1rem;align-items:end;flex-wrap:wrap}.filter-group{display:flex;flex-direction:column;gap:.5rem;min-width:150px}.filter-group label{font-size:.875rem;font-weight:500;color:var(--color-text)}.filter-group select,.filter-group input{padding:.5rem;border:1px solid var(--color-border);border-radius:.375rem;font-size:.875rem}.users-table-container{overflow-x:auto}.users-table{width:100%;border-collapse:collapse;font-size:.875rem}.users-table th{background:var(--color-background);border-bottom:2px solid var(--color-border);padding:.75rem;text-align:left;font-weight:600;color:var(--color-text);white-space:nowrap}.users-table td{padding:.75rem;border-bottom:1px solid var(--color-border-light);vertical-align:top}.user-row{transition:background-color .15s ease}.user-row:hover{background:var(--color-background)}.user-row.inactive{opacity:.6}.user-info{display:flex;flex-direction:column;gap:.25rem}.user-name{font-weight:600;color:var(--color-text);display:flex;align-items:center;gap:.5rem}.user-email{font-size:.75rem;color:var(--color-text-secondary)}.assignments{display:flex;gap:.5rem;font-size:.75rem;color:var(--color-text-secondary)}.date-cell{font-size:.75rem;color:var(--color-text-secondary);white-space:nowrap}.user-actions{display:flex;gap:.25rem;justify-content:center}.role-templates h3{display:flex;align-items:center;gap:.5rem;margin:0 0 1rem;font-size:1.125rem;color:var(--color-text)}.role-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.role-card{padding:1rem;border:1px solid var(--color-border);border-radius:.5rem;background:var(--color-background)}.role-header{margin-bottom:.5rem}.role-description{margin:0 0 .75rem;font-size:.875rem;color:var(--color-text-secondary);line-height:1.4}.role-stats{font-size:.75rem;color:var(--color-text-secondary)}.error-message{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--color-error-light);border:1px solid var(--color-error);border-radius:.375rem;color:var(--color-error-dark);margin-bottom:1rem}@media (max-width: 768px){.user-management-page{padding:1rem;gap:1rem}.filters{flex-direction:column;align-items:stretch}.filter-group{min-width:auto}.users-table{font-size:.8rem}.users-table th,.users-table td{padding:.5rem .25rem}.user-actions{flex-direction:column;gap:.125rem}.role-grid{grid-template-columns:1fr}}.vw-import-modal{padding:20px;max-height:80vh;overflow-y:auto}.vw-import-filters{display:flex;flex-direction:column;gap:24px}.filter-section h3{margin:0 0 16px;color:var(--color-text-primary);display:flex;align-items:center;gap:8px}.filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.filter-options{margin-top:16px;padding-top:16px;border-top:1px solid var(--color-border)}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;color:var(--color-text-primary);font-size:14px}.filter-actions{display:flex;justify-content:center;padding-top:16px;border-top:1px solid var(--color-border)}.import-method-selection{margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--color-border)}.import-method-selection h3{margin:0 0 12px;color:var(--color-text-primary)}.method-buttons{display:flex;gap:12px}.vw-link-import{display:flex;flex-direction:column;gap:24px}.link-import-header h3{margin:0 0 8px;color:var(--color-text-primary)}.link-import-header p{margin:0;color:var(--color-text-secondary);font-size:14px}.link-input-section{display:flex;flex-direction:column;gap:8px}.link-help{margin:0;font-size:12px;color:var(--color-text-secondary)}.link-help a{color:var(--color-brand);text-decoration:none}.link-help a:hover{text-decoration:underline}.link-import-actions{display:flex;justify-content:space-between;align-items:center;padding-top:20px;border-top:1px solid var(--color-border)}.vw-import-preview{display:flex;flex-direction:column;gap:20px}.preview-header{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:16px;border-bottom:1px solid var(--color-border)}.preview-title{display:flex;flex-direction:column;gap:8px}.pagination-info{font-size:12px;color:var(--color-text-secondary);background:var(--color-surface-secondary);padding:4px 8px;border-radius:4px}.load-more-section{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px;background:var(--color-surface-secondary);border-radius:8px;margin:16px 0}.load-more-info{font-size:12px;color:var(--color-text-secondary)}.preview-header h3{margin:0;color:var(--color-text-primary)}.link-info{display:flex;align-items:center;gap:6px;color:var(--color-brand);font-size:12px;background:var(--color-brand-50);padding:4px 8px;border-radius:4px}.selection-controls{display:flex;gap:12px;align-items:center}.project-selection{max-width:400px}.vehicles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;max-height:500px;overflow-y:auto;padding:4px}.vehicle-preview-card{cursor:pointer;transition:all .2s ease;border:2px solid transparent;position:relative;overflow:hidden}.vehicle-preview-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.vehicle-preview-card.selected{border-color:var(--color-brand);background:var(--color-brand-50)}.vehicle-image{position:relative;height:180px;overflow:hidden;background:var(--color-surface-secondary);display:flex;align-items:center;justify-content:center;border-radius:8px}.vehicle-image img{width:100%;height:100%;object-fit:cover;object-position:center}.vehicle-image .no-image{color:var(--color-text-secondary)}.selection-indicator{position:absolute;top:8px;right:8px;background:var(--color-brand);color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px}.vehicle-info{padding:16px}.vehicle-info h4{margin:0 0 12px;color:var(--color-text-primary);font-size:16px;font-weight:600;line-height:1.3}.vehicle-details{display:flex;flex-direction:column;gap:8px}.price{display:flex;flex-direction:column;gap:4px}.price strong{color:var(--color-brand);font-size:18px}.list-price{font-size:12px;color:var(--color-text-secondary);text-decoration:line-through}.mileage{font-size:14px;color:var(--color-text-secondary)}.paint{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--color-text-secondary)}.vehicle-numbers{display:flex;flex-direction:column;gap:4px;margin-top:4px}.stock-number,.offer-number{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--color-text-muted);font-family:Monaco,Menlo,monospace}.stock-number span,.offer-number span{font-weight:500}.preview-actions{display:flex;justify-content:space-between;align-items:center;padding-top:20px;border-top:1px solid var(--color-border)}.vw-import-progress{display:flex;justify-content:center;align-items:center;min-height:300px}.import-status{text-align:center;display:flex;flex-direction:column;gap:16px;align-items:center}.import-status h3{margin:0;color:var(--color-text-primary)}.import-status p{margin:0;color:var(--color-text-secondary)}@media (max-width: 768px){.vw-import-modal{padding:16px}.filter-grid,.vehicles-grid{grid-template-columns:1fr}.preview-header{flex-direction:column;gap:16px;align-items:flex-start}.selection-controls{flex-wrap:wrap}.preview-actions{flex-direction:column;gap:12px}}.vehicle-document-modal{display:flex;flex-direction:column;gap:24px;max-height:70vh;overflow-y:auto}.error-message{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#dc2626;font-size:14px}.upload-section{padding:20px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px}.upload-section h3{display:flex;align-items:center;gap:8px;margin:0 0 16px;font-size:16px;font-weight:600;color:#374151}.upload-form{display:flex;flex-direction:column;gap:16px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:14px;font-weight:500;color:#374151}.file-upload{display:flex;align-items:center;gap:8px}.upload-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:8px}.generate-section{padding:20px;background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px}.generate-section h3{display:flex;align-items:center;gap:8px;margin:0 0 16px;font-size:16px;font-weight:600;color:#0369a1}.generate-actions{display:flex;gap:12px}.documents-section{padding:20px;border:1px solid #e5e7eb;border-radius:8px}.documents-section h3{display:flex;align-items:center;gap:8px;margin:0 0 20px;font-size:16px;font-weight:600;color:#374151}.documents-list{display:flex;flex-direction:column;gap:20px}.document-category{border:1px solid #e5e7eb;border-radius:6px;overflow:hidden}.category-title{display:flex;align-items:center;gap:8px;padding:12px 16px;margin:0;background:#f3f4f6;border-bottom:1px solid #e5e7eb;font-size:14px;font-weight:600;color:#374151}.category-documents{padding:12px;background:#fff;display:flex;flex-direction:column;gap:8px}.document-item{display:flex;align-items:center;justify-content:space-between;padding:12px;background:#fafafa;border:1px solid #e5e7eb;border-radius:6px;transition:all .2s}.document-item:hover{background:#f3f4f6;border-color:#d1d5db}.document-info{display:flex;align-items:center;gap:12px;flex:1}.document-details{flex:1}.document-title{font-weight:500;color:#374151;margin-bottom:4px}.document-meta{font-size:12px;color:#6b7280}.document-description{font-size:12px;color:#6b7280;font-style:italic;margin-top:4px}.document-actions{display:flex;gap:8px}.loading-state{display:flex;align-items:center;justify-content:center;gap:12px;padding:40px;color:#6b7280}.no-documents{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:40px;text-align:center;color:#6b7280}.no-documents h4{margin:0;color:#374151}.no-documents p{margin:0;max-width:300px;line-height:1.5}@media (max-width: 768px){.form-row{grid-template-columns:1fr}.generate-actions{flex-direction:column}.upload-actions{justify-content:stretch}}.header-actions{display:flex;gap:12px;align-items:center}.vehicle-detail__images{margin:20px 0;padding:20px;background:var(--color-surface);border-radius:8px;border:1px solid var(--color-border)}.vehicle-detail__images h3{margin:0 0 16px;color:var(--color-text-primary);display:flex;align-items:center;gap:8px}.vehicles-table-container{flex:1;overflow:auto;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface)}@media (max-width: 1200px){.vehicles-table-container{overflow-x:auto}.vehicles-table{min-width:1200px}}.vehicle-images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;max-height:400px;overflow-y:auto}.vehicle-image-item{position:relative;background:var(--color-background);border-radius:8px;overflow:hidden;border:1px solid var(--color-border);cursor:pointer;transition:all .2s ease}.vehicle-image-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--color-brand)}.vehicle-image-item img{width:100%;height:150px;object-fit:cover;display:block}.image-info{position:absolute;bottom:4px;right:4px;background:#000000b3;color:#fff;padding:2px 6px;border-radius:4px;font-size:10px}.more-images-indicator{display:flex;align-items:center;justify-content:center;background:var(--color-surface-secondary);border:2px dashed var(--color-border);border-radius:8px;height:150px;color:var(--color-text-secondary);font-size:14px;gap:8px;cursor:pointer}.more-images-indicator:hover{background:var(--color-brand-50);border-color:var(--color-brand);color:var(--color-brand)}@media (max-width: 768px){.vehicle-images-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.vehicle-image-item img{height:120px}}.form-images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-bottom:12px}.form-image-item{position:relative;background:var(--color-background);border-radius:6px;overflow:hidden;border:1px solid var(--color-border);cursor:pointer;transition:all .2s ease}.form-image-item:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm);border-color:var(--color-brand)}.form-image-item img{width:100%;height:100px;object-fit:cover;display:block}.image-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000000b3);color:#fff;padding:8px 6px 4px;font-size:10px;display:flex;justify-content:space-between;align-items:end}.more-images-info{display:flex;align-items:center;justify-content:center;background:var(--color-surface-secondary);border:1px dashed var(--color-border);border-radius:6px;height:100px;color:var(--color-text-secondary);font-size:12px}.images-note{margin:8px 0 0;font-size:12px;color:var(--color-text-secondary);font-style:italic}.images-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.images-header h3{margin:0;color:var(--color-text-primary)}.images-actions{display:flex;gap:8px}.form-image-item{position:relative}.image-actions{position:absolute;top:4px;right:4px;opacity:0;transition:opacity .2s ease}.form-image-item:hover .image-actions{opacity:1}.image-upload-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--color-surface-secondary);border:2px dashed var(--color-border);border-radius:6px;height:100px;color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease;gap:8px;font-size:12px}.image-upload-zone:hover{background:var(--color-brand-50);border-color:var(--color-brand);color:var(--color-brand)}.no-images-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;background:var(--color-surface-secondary);border-radius:8px;border:1px dashed var(--color-border);color:var(--color-text-secondary);gap:12px}.no-images-state p{margin:0;font-size:14px}.vehicle-management-page{padding:0}.vehicle-management-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 24px;text-align:center;color:var(--color-text-secondary)}.vehicle-management-loading p{margin-top:16px;font-size:16px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.stat-card{display:flex;align-items:center;justify-content:space-between;padding:20px;transition:all .2s ease}.stat-card:hover{border-color:var(--color-brand);box-shadow:0 2px 8px #2c5aa01a}.stat-card__content{flex:1}.stat-card__value{font-size:24px;font-weight:600;color:var(--color-brand);margin-bottom:4px}.stat-card__label{font-size:14px;color:var(--color-text-secondary);font-weight:500}.stat-card__icon{opacity:.7}.vehicle-filters{display:flex;gap:16px;margin-bottom:0;flex-wrap:wrap;align-items:center;padding:16px}.filter-group{position:relative;flex:1;min-width:200px}.search-input{width:100%;padding:12px 16px 12px 40px;border:1px solid var(--color-border);border-radius:6px;font-size:14px;background:var(--color-surface);transition:border-color .2s ease}.search-input:focus{outline:none;border-color:var(--color-brand);box-shadow:0 0 0 3px #2c5aa01a}.filter-group .icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--color-text-secondary);pointer-events:none}.filter-select{padding:12px 16px;border:1px solid var(--color-border);border-radius:6px;font-size:14px;background:var(--color-surface);color:var(--color-text);cursor:pointer;transition:border-color .2s ease;min-width:150px}.filter-select:focus{outline:none;border-color:var(--color-brand);box-shadow:0 0 0 3px #2c5aa01a}.error-message{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--color-error-light);border:1px solid var(--color-error);border-radius:6px;color:var(--color-error-dark);margin-bottom:24px}.vehicles-table{background:var(--color-surface);border-radius:8px;overflow:hidden}.vehicles-table table{width:100%;border-collapse:collapse}.vehicles-table th{background:var(--color-background);padding:16px;text-align:left;font-weight:600;font-size:14px;color:var(--color-text-secondary);border-bottom:1px solid var(--color-border)}.vehicles-table td{padding:16px;border-bottom:1px solid var(--color-border-light);vertical-align:top}.vehicle-row:hover{background:var(--color-background)}.vehicle-row:last-child td{border-bottom:none}.vehicle-info .vehicle-name{font-weight:600;color:var(--color-text);margin-bottom:4px}.vehicle-info .vehicle-vin{font-size:12px;color:var(--color-text-secondary);margin-bottom:2px}.vehicle-info .vehicle-paint{font-size:12px;color:var(--color-text-secondary);margin-bottom:2px;font-style:italic}.vehicle-info .vehicle-reg{font-size:12px;color:var(--color-text-secondary)}.technical-info{font-size:13px;color:var(--color-text);line-height:1.4}.technical-info>div{margin-bottom:2px}.condition-info{font-size:13px;color:var(--color-text);line-height:1.4}.condition-info>div{margin-bottom:4px}.price-info .base-price{font-weight:600;color:var(--color-text);margin-bottom:4px}.price-info .list-price{font-size:13px;color:var(--color-text-secondary)}.project-info .project-name{font-weight:500;color:var(--color-text);margin-bottom:4px}.project-info .brand-name{font-size:13px;color:var(--color-text-secondary)}.no-project{color:var(--color-text-secondary);font-style:italic}.usage-info{font-size:13px;color:var(--color-text);line-height:1.4}.usage-info>div{margin-bottom:2px}.status-badges{display:flex;flex-direction:column;gap:4px}.vehicle-actions{display:flex;gap:4px;align-items:center;justify-content:center}.vehicle-actions button{pointer-events:auto!important;z-index:10!important;position:relative!important}.empty-state{text-align:center;padding:40px 20px;color:var(--color-text-secondary)}.empty-state .icon{margin-bottom:16px;opacity:.5}.empty-state h3{margin:0 0 8px;color:var(--color-text);font-size:18px;font-weight:600}.empty-state p{margin:0;font-size:14px;line-height:1.5}.pagination{display:flex;align-items:center;justify-content:space-between;padding:16px;background:var(--color-background);border:1px solid var(--color-border);border-radius:6px;margin-top:16px}.pagination-info{font-size:14px;color:var(--color-text-secondary)}.vehicle-form{max-height:80vh;overflow-y:auto}.form-sections{display:flex;flex-direction:column;gap:24px;margin-bottom:24px}.form-section{border:1px solid var(--color-border);border-radius:8px;padding:20px;background:var(--color-surface)}.form-section h3{margin:0 0 16px;font-size:16px;font-weight:600;color:var(--color-text);border-bottom:1px solid var(--color-border);padding-bottom:8px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.form-group{display:flex;flex-direction:column}.form-group label{font-size:14px;font-weight:500;color:var(--color-text);margin-bottom:6px}.form-group input,.form-group select{padding:10px 12px;border:1px solid var(--color-border);border-radius:4px;font-size:14px;background:var(--color-background);color:var(--color-text);transition:border-color .2s ease}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--color-brand);box-shadow:0 0 0 3px #2c5aa01a}.checkbox-group{display:flex;gap:20px;margin-top:16px}.checkbox-label{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--color-text);cursor:pointer}.checkbox-label input[type=checkbox]{margin:0}.equipment-input{display:flex;gap:8px;margin-bottom:16px}.equipment-input input{flex:1;padding:10px 12px;border:1px solid var(--color-border);border-radius:4px;font-size:14px}.equipment-list{display:flex;flex-wrap:wrap;gap:8px}.equipment-item{display:flex;align-items:center;gap:8px;padding:6px 12px;background:var(--color-background);border:1px solid var(--color-border);border-radius:16px;font-size:13px}.equipment-item span{color:var(--color-text)}.description-textarea{width:100%;padding:12px;border:1px solid var(--color-border);border-radius:4px;font-size:14px;font-family:inherit;background:var(--color-background);color:var(--color-text);resize:vertical;min-height:100px}.description-textarea:focus{outline:none;border-color:var(--color-brand);box-shadow:0 0 0 3px #2c5aa01a}.modal-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:20px;border-top:1px solid var(--color-border)}.vehicle-detail__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--color-border)}.vehicle-detail__info h2{margin:0 0 8px;color:var(--color-text)}.vehicle-vin{font-size:14px;color:var(--color-text-secondary);margin:4px 0}.vehicle-description{font-size:14px;color:var(--color-text);margin:8px 0 0;line-height:1.5}.vehicle-detail__actions{display:flex;gap:8px}.vehicle-detail__content{margin-top:16px}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.detail-section{background:var(--color-background);border:1px solid var(--color-border);border-radius:8px;padding:16px}.detail-section.full-width{grid-column:1 / -1}.detail-section h3{margin:0 0 12px;font-size:16px;font-weight:600;color:var(--color-text);border-bottom:1px solid var(--color-border);padding-bottom:8px}.detail-items{display:flex;flex-direction:column;gap:8px}.detail-item{display:flex;justify-content:space-between;align-items:center}.detail-item label{font-size:13px;color:var(--color-text-secondary);font-weight:500}.detail-item span{font-size:14px;color:var(--color-text);text-align:right}.equipment-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px}.equipment-tag{padding:6px 12px;background:var(--color-brand-light);color:var(--color-brand);border-radius:16px;font-size:12px;font-weight:500;text-align:center}@media (max-width: 1200px){.vehicle-filters{flex-wrap:wrap}.filter-group{min-width:180px}}@media (max-width: 768px){.vehicle-management-page{padding:16px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.vehicle-filters{flex-direction:column;align-items:stretch}.filter-group{min-width:auto}.vehicles-table{overflow-x:auto}.vehicles-table table{min-width:1000px}.form-grid,.detail-grid{grid-template-columns:1fr}.vehicle-detail__header{flex-direction:column;align-items:stretch;gap:16px}.vehicle-detail__actions{justify-content:flex-start}}.bulk-equipment-section{margin-top:16px;padding:16px;background:var(--color-background-alt);border:1px solid var(--color-border);border-radius:8px}.bulk-equipment-section h4{margin:0 0 8px;font-size:14px;font-weight:600;color:var(--color-text)}.bulk-help{margin:0 0 12px;font-size:13px;color:var(--color-text-secondary)}.bulk-equipment-textarea{width:100%;min-height:120px;padding:12px;border:1px solid var(--color-border);border-radius:4px;font-size:14px;font-family:monospace;resize:vertical;margin-bottom:12px}.bulk-equipment-actions{display:flex;gap:8px}.form-image-item{position:relative;transition:all .2s ease}.form-image-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.image-position-control{position:absolute;bottom:8px;left:8px;background:#000c;padding:4px 8px;border-radius:4px;display:flex;align-items:center;gap:4px;opacity:0;transition:opacity .2s ease}.form-image-item:hover .image-position-control{opacity:1}.image-position-control label{color:#fff;font-size:11px;font-weight:500;margin:0}.position-input{width:40px;height:24px;padding:2px 4px;border:1px solid #ccc;border-radius:3px;font-size:12px;text-align:center;background:#fff}.position-input:focus{outline:none;border-color:var(--color-brand);box-shadow:0 0 0 2px rgba(var(--color-brand-rgb),.2)}.register-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1b96ff,#0176d3);padding:var(--slds-spacing-medium)}.register-page__container{width:100%;max-width:450px}.register-page__card{background-color:var(--slds-color-background-alt);border-radius:var(--slds-border-radius-medium);box-shadow:0 8px 32px #0000001a;padding:var(--slds-spacing-xx-large);border:1px solid var(--slds-color-border)}.register-page__header{text-align:center;margin-bottom:var(--slds-spacing-x-large)}.register-page__logo{width:120px;height:120px;margin-bottom:var(--slds-spacing-medium);filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}.register-page__title{font-size:var(--slds-font-size-8);font-weight:300;color:var(--slds-color-text-default);margin:0 0 var(--slds-spacing-x-small) 0}.register-page__subtitle{font-size:var(--slds-font-size-5);color:var(--slds-color-text-weak);margin:0}.register-page__invitation-info{margin-bottom:var(--slds-spacing-large);padding:var(--slds-spacing-medium);background-color:var(--slds-color-background-info-weak);border-left:3px solid var(--slds-color-info);border-radius:var(--slds-border-radius-small)}.invitation-details{display:flex;align-items:center;gap:var(--slds-spacing-medium);margin-bottom:var(--slds-spacing-x-small)}.detail-item{display:flex;align-items:center;gap:var(--slds-spacing-x-small);font-size:var(--slds-font-size-3);color:var(--slds-color-text-default)}.invitation-note{margin:0;font-size:var(--slds-font-size-2);color:var(--slds-color-text-weak);font-style:italic}.register-page__form{margin-bottom:var(--slds-spacing-medium)}.register-page__form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--slds-spacing-medium);margin-bottom:var(--slds-spacing-medium)}.register-page__error{display:flex;align-items:center;gap:var(--slds-spacing-x-small);padding:var(--slds-spacing-small) var(--slds-spacing-medium);background-color:#fef7f7;border:1px solid #fecaca;border-radius:var(--slds-border-radius-small);color:#c23934;font-size:var(--slds-font-size-4);margin-bottom:var(--slds-spacing-medium)}.register-page__submit-button{width:100%;margin-top:var(--slds-spacing-medium)}.register-page__footer{text-align:center;margin-top:var(--slds-spacing-large);padding-top:var(--slds-spacing-large);border-top:1px solid var(--slds-color-border)}.validating-state,.error-state,.success-state{text-align:center;padding:var(--slds-spacing-xx-large)}.validating-state h2,.error-state h2,.success-state h2{margin:var(--slds-spacing-medium) 0 var(--slds-spacing-small) 0;font-size:var(--slds-font-size-6);color:var(--slds-color-text-default)}.validating-state p,.error-state p,.success-state p{color:var(--slds-color-text-weak);margin-bottom:var(--slds-spacing-medium);line-height:1.5}.success-details{margin:var(--slds-spacing-large) 0;padding:var(--slds-spacing-medium);background-color:var(--slds-color-background-success-weak);border-radius:var(--slds-border-radius-small);text-align:left}.success-details p{margin:var(--slds-spacing-x-small) 0;color:var(--slds-color-text-default)}@media (max-width: 480px){.register-page{padding:var(--slds-spacing-small)}.register-page__container{max-width:100%}.register-page__card{padding:var(--slds-spacing-x-large)}.register-page__title{font-size:var(--slds-font-size-7)}.register-page__subtitle{font-size:var(--slds-font-size-4)}.register-page__form-row{grid-template-columns:1fr}.invitation-details{flex-direction:column;align-items:flex-start;gap:var(--slds-spacing-small)}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1b96ff,#0176d3);padding:var(--slds-spacing-medium)}.login-page__container{width:100%;max-width:400px}.login-page__card{background-color:var(--slds-color-background-alt);border-radius:var(--slds-border-radius-medium);box-shadow:0 8px 32px #0000001a;padding:var(--slds-spacing-xx-large);border:1px solid var(--slds-color-border)}.login-page__header{text-align:center;margin-bottom:var(--slds-spacing-xx-large)}.login-page__logo{width:120px;height:120px;margin-bottom:var(--slds-spacing-medium);filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}.login-page__title{font-size:var(--slds-font-size-8);font-weight:300;color:var(--slds-color-text-default);margin:0 0 var(--slds-spacing-x-small) 0}.login-page__subtitle{font-size:var(--slds-font-size-5);color:var(--slds-color-text-weak);margin:0}.login-page__form{margin-bottom:var(--slds-spacing-x-large)}.login-page__error{display:flex;align-items:center;gap:var(--slds-spacing-x-small);padding:var(--slds-spacing-small) var(--slds-spacing-medium);background-color:#fef7f7;border:1px solid #fecaca;border-radius:var(--slds-border-radius-small);color:#c23934;font-size:var(--slds-font-size-4);margin-bottom:var(--slds-spacing-medium)}.login-page__submit-button{width:100%;margin-top:var(--slds-spacing-medium)}.login-page__demo{padding-top:var(--slds-spacing-large);border-top:1px solid var(--slds-color-border)}.login-page__demo h3{font-size:var(--slds-font-size-5);font-weight:600;color:var(--slds-color-text-default);margin:0 0 var(--slds-spacing-small) 0}.login-page__demo-credentials{display:flex;flex-direction:column;gap:var(--slds-spacing-x-small)}.login-page__demo-user{font-size:var(--slds-font-size-3);color:var(--slds-color-text-weak);padding:var(--slds-spacing-x-small);background-color:var(--slds-color-background);border-radius:var(--slds-border-radius-small);border:1px solid var(--slds-color-border)}.login-page__demo-user strong{color:var(--slds-color-text-default)}@media (max-width: 480px){.login-page{padding:var(--slds-spacing-small)}.login-page__card{padding:var(--slds-spacing-x-large)}.login-page__title{font-size:var(--slds-font-size-7)}.login-page__subtitle{font-size:var(--slds-font-size-4)}}.access-denied-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--background-primary);padding:2rem}.access-denied-container{max-width:600px;width:100%}.access-denied-card{text-align:center;padding:3rem 2rem;margin-bottom:2rem}.access-denied-icon{margin-bottom:2rem}.access-denied-icon .icon{color:var(--color-error)}.access-denied-title{color:var(--text-primary);font-size:2rem;font-weight:600;margin-bottom:1.5rem}.access-denied-message{color:var(--text-secondary);line-height:1.6;margin-bottom:2rem}.access-denied-message p{margin-bottom:1rem}.access-denied-details{background:var(--background-secondary);padding:1rem;border-radius:6px;border-left:4px solid var(--color-warning);text-align:left}.access-denied-contact{font-size:.9rem;color:var(--text-tertiary)}.access-denied-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.help-card{padding:1.5rem;text-align:center}.help-card h3{display:flex;align-items:center;justify-content:center;gap:.5rem;color:var(--text-primary);font-size:1.1rem;margin-bottom:1rem}.help-card p{color:var(--text-secondary);font-size:.9rem;line-height:1.5}@media (max-width: 768px){.access-denied-page{padding:1rem}.access-denied-card{padding:2rem 1rem}.access-denied-title{font-size:1.5rem}.access-denied-actions{flex-direction:column}}.app{min-height:100vh;display:flex;flex-direction:column;background-color:var(--slds-color-background)}.main-content{flex:1;display:flex;flex-direction:column;margin-top:calc(var(--slds-header-height) + var(--slds-navigation-height));padding:var(--slds-spacing-medium)}*{margin:0;padding:0;box-sizing:border-box}:root{--slds-color-brand: #1b96ff;--slds-color-brand-dark: #0176d3;--slds-color-background: #fafaf9;--slds-color-background-alt: #ffffff;--slds-color-border: #dddbda;--slds-color-border-brand: #1b96ff;--slds-color-text-default: #181818;--slds-color-text-weak: #706e6b;--slds-color-text-placeholder: #706e6b;--slds-color-text-inverse: #ffffff;--color-text-primary: #181818;--color-text-secondary: #706e6b;--color-background: #fafaf9;--color-background-secondary: #f3f3f3;--color-border: #dddbda;--color-brand-primary: #1b96ff;--color-success: #2e844a;--color-warning: #ffb75d;--color-error: #c23934;--color-info: #0176d3;--color-neutral-100: #f3f3f3;--color-neutral-300: #dddbda;--color-neutral-700: #706e6b;--border-radius-small: .25rem;--slds-spacing-xx-small: .125rem;--slds-spacing-x-small: .25rem;--slds-spacing-small: .5rem;--slds-spacing-medium: .75rem;--slds-spacing-large: 1rem;--slds-spacing-x-large: 1.5rem;--slds-spacing-xx-large: 2rem;--slds-font-family: "Salesforce Sans", Arial, sans-serif;--slds-font-size-1: .625rem;--slds-font-size-2: .75rem;--slds-font-size-3: .8125rem;--slds-font-size-4: .875rem;--slds-font-size-5: 1rem;--slds-font-size-6: 1.125rem;--slds-font-size-7: 1.25rem;--slds-font-size-8: 1.5rem;--slds-shadow-1: 0 1px 2px 0 rgba(0, 0, 0, .05);--slds-shadow-2: 0 2px 4px 0 rgba(0, 0, 0, .07);--slds-shadow-3: 0 4px 8px 0 rgba(0, 0, 0, .07);--slds-border-radius-small: .25rem;--slds-border-radius-medium: .5rem;--slds-border-radius-large: 1rem;--slds-header-height: 3rem;--slds-navigation-height: 2.5rem}body{font-family:var(--slds-font-family);font-size:var(--slds-font-size-4);line-height:1.5;color:var(--slds-color-text-default);background-color:var(--slds-color-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh;display:flex;flex-direction:column}.slds-text-heading-small{font-size:var(--slds-font-size-6);font-weight:600;line-height:1.25}.slds-text-heading-medium{font-size:var(--slds-font-size-7);font-weight:600;line-height:1.25}.slds-text-heading-large{font-size:var(--slds-font-size-8);font-weight:600;line-height:1.25}.slds-text-body{font-size:var(--slds-font-size-4);line-height:1.5}.slds-text-body-small{font-size:var(--slds-font-size-3);line-height:1.5}.slds-m-around-small{margin:var(--slds-spacing-small)}.slds-m-around-medium{margin:var(--slds-spacing-medium)}.slds-m-around-large{margin:var(--slds-spacing-large)}.slds-p-around-small{padding:var(--slds-spacing-small)}.slds-p-around-medium{padding:var(--slds-spacing-medium)}.slds-p-around-large{padding:var(--slds-spacing-large)}.slds-button{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;border:1px solid transparent;border-radius:var(--slds-border-radius-small);font-size:var(--slds-font-size-4);font-weight:400;line-height:1.5;text-decoration:none;cursor:pointer;transition:all .15s ease-in-out}.slds-button-brand{background-color:var(--slds-color-brand);border-color:var(--slds-color-brand);color:var(--slds-color-text-inverse)}.slds-button-brand:hover{background-color:var(--slds-color-brand-dark);border-color:var(--slds-color-brand-dark)}.slds-button-neutral{background-color:var(--slds-color-background-alt);border-color:var(--slds-color-border);color:var(--slds-color-text-default)}.slds-button-neutral:hover{background-color:var(--slds-color-background)}.slds-form-element{margin-bottom:var(--slds-spacing-medium)}.slds-form-element__label{display:block;margin-bottom:var(--slds-spacing-x-small);font-size:var(--slds-font-size-3);font-weight:600;color:var(--slds-color-text-default)}.slds-input{width:100%;padding:.5rem .75rem;border:1px solid var(--slds-color-border);border-radius:var(--slds-border-radius-small);font-size:var(--slds-font-size-4);line-height:1.5;color:var(--slds-color-text-default);background-color:var(--slds-color-background-alt);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.slds-input:focus{outline:none;border-color:var(--slds-color-border-brand);box-shadow:0 0 0 2px #1b96ff1a}.slds-card{background-color:var(--slds-color-background-alt);border:1px solid var(--slds-color-border);border-radius:var(--slds-border-radius-medium);box-shadow:var(--slds-shadow-1)}.slds-card__header{padding:var(--slds-spacing-medium);border-bottom:1px solid var(--slds-color-border)}.slds-card__body{padding:var(--slds-spacing-medium)}.slds-card__footer{padding:var(--slds-spacing-medium);border-top:1px solid var(--slds-color-border)}