.customers-page{gap:var(--spacing-xl);flex-direction:column;display:flex}.customers-header{justify-content:space-between;align-items:center;display:flex}.customers-header .header-content h1{color:var(--color-black);font-size:1.5rem;font-weight:700}.customers-header .header-content p{color:var(--color-gray-600)}.customers-header .header-actions{align-items:center;gap:var(--spacing-md);display:flex}.customers-stats{gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.stat-card{background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-sm);padding:var(--spacing-xl);box-shadow:0 1px 2px #0000000d}.stat-card .stat-content{justify-content:space-between;align-items:center;display:flex}.stat-card .stat-content .stat-details p{color:var(--color-gray-600);font-size:.875rem}.stat-card .stat-content .stat-details .stat-value{margin-top:var(--spacing-sm);color:var(--color-black);font-size:1.875rem;font-weight:700}.stat-card .stat-content .stat-icon{padding:var(--spacing-md);background-color:var(--color-gray-100);border-radius:var(--radius-sm)}.stat-card .stat-content .stat-icon svg{width:1.5rem;height:1.5rem;color:var(--color-gray-600)}.customers-filters{background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-sm);padding:var(--spacing-xl);box-shadow:0 1px 2px #0000000d}.customers-filters .filters-row{gap:var(--spacing-lg);flex-direction:column;display:flex}@media (min-width:640px){.customers-filters .filters-row{flex-direction:row}}.customers-filters .filters-row .search-wrapper{flex:1;position:relative}.customers-filters .filters-row .search-wrapper .search-icon{left:var(--spacing-md);width:1rem;height:1rem;color:var(--color-gray-400);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.customers-filters .filters-row .search-wrapper input{width:100%;padding-left:2.25rem;padding-right:var(--spacing-md);padding-top:var(--spacing-sm);padding-bottom:var(--spacing-sm);background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-sm);transition:border-color var(--transition-base);outline:none;font-size:.875rem}.customers-filters .filters-row .search-wrapper input:focus{border-color:var(--color-gray-300)}.customers-filters .filters-row .search-wrapper input::placeholder{color:var(--color-gray-400)}.customers-filters .filters-row select{padding:var(--spacing-sm)var(--spacing-md);background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-sm);transition:border-color var(--transition-base);outline:none;font-size:.875rem}.customers-filters .filters-row select:focus{border-color:var(--color-gray-300)}.customer-info{align-items:center;gap:var(--spacing-md);display:flex}.customer-info .customer-avatar{background-color:var(--color-gray-200);border-radius:var(--radius-full);justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:flex}.customer-info .customer-avatar span{color:var(--color-gray-600);font-size:.875rem;font-weight:500}.customer-info .customer-details p{color:var(--color-black);font-weight:500}.customer-info .customer-details .customer-badges{align-items:center;gap:.25rem;margin-top:.25rem;display:flex}.customer-contact .contact-email{color:var(--color-black);font-size:.875rem}.customer-contact .contact-phone{color:var(--color-gray-500);font-size:.875rem}.badge.customer-type-premium{background-color:var(--color-gray-200);color:var(--color-gray-800)}.badge.customer-type-regular{background-color:var(--color-gray-100);color:var(--color-gray-600)}.badge.customer-status-active{background-color:var(--color-gray-100);color:var(--color-gray-700)}.badge.customer-status-inactive{background-color:var(--color-gray-300);color:var(--color-gray-900)}.customers-empty{text-align:center;padding:3rem 0}.customers-empty svg{width:3rem;height:3rem;color:var(--color-gray-400);margin:0 auto 1rem}.customers-empty p{color:var(--color-gray-500)}.sort-button{align-items:center;gap:var(--spacing-sm);color:var(--color-gray-700);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:color var(--transition-base);background:0 0;border:none;font-size:.75rem;font-weight:500;display:flex}.sort-button:hover{color:var(--color-black)}.sort-button svg{width:1rem;height:1rem}.sort-icon{width:1rem;height:1rem;color:var(--color-gray-700)}
.customer-form-overlay{padding:var(--spacing-lg);z-index:50;background-color:#111827bf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.customer-form-container{background-color:var(--color-white);border-radius:var(--radius-sm);width:100%;max-width:56rem;max-height:90vh;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.customer-form-header{padding:var(--spacing-xl);border-bottom:1px solid var(--color-gray-200);justify-content:space-between;align-items:center;display:flex}.customer-form-header h2{color:var(--color-black);font-size:1.25rem;font-weight:700}.customer-form-header button{padding:var(--spacing-sm);color:var(--color-gray-400);border-radius:var(--radius-sm);cursor:pointer;transition:color var(--transition-base);background:0 0;border:none}.customer-form-header button:hover{color:var(--color-gray-600)}.customer-form-header button svg{width:1.25rem;height:1.25rem}.customer-form-content{max-height:calc(90vh - 140px);overflow-y:auto}.customer-form-content .form-sections{padding:var(--spacing-xl);gap:var(--spacing-2xl);flex-direction:column;display:flex}.form-section{gap:var(--spacing-xl);flex-direction:column;display:flex}.form-section .section-header{align-items:center;gap:var(--spacing-sm);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-gray-200);display:flex}.form-section .section-header svg{width:1.25rem;height:1.25rem;color:var(--color-gray-600)}.form-section .section-header h3{color:var(--color-black);font-size:1.125rem;font-weight:600}.form-section .section-fields{gap:var(--spacing-xl);grid-template-columns:1fr;display:grid}@media (min-width:768px){.form-section .section-fields{grid-template-columns:repeat(2,1fr)}}.form-section .field-full-width{grid-column:1/-1}@media (min-width:768px){.form-section .section-fields.three-cols{grid-template-columns:repeat(3,1fr)}}.customer-form-field{flex-direction:column;display:flex}.customer-form-field label{color:var(--color-gray-700);margin-bottom:var(--spacing-sm);font-size:.875rem;font-weight:500;display:block}.customer-form-field input,.customer-form-field select,.customer-form-field textarea{width:100%;padding:var(--spacing-sm)var(--spacing-md);border:1px solid var(--color-gray-200);border-radius:var(--radius-sm);transition:all var(--transition-base);outline:none;font-size:1rem}.customer-form-field input:focus,.customer-form-field select:focus,.customer-form-field textarea:focus{border-color:var(--color-gray-300)}.customer-form-field input.error,.customer-form-field select.error,.customer-form-field textarea.error{border-color:#fca5a5}.customer-form-field input::placeholder,.customer-form-field select::placeholder,.customer-form-field textarea::placeholder{color:var(--color-gray-400)}.customer-form-field textarea{resize:vertical}.customer-form-field .field-error{color:var(--color-red-600);margin-top:.25rem;font-size:.875rem}.tags-input-wrapper{gap:var(--spacing-sm);display:flex}.tags-input-wrapper input{flex:1}.tags-input-wrapper button{padding:var(--spacing-sm)var(--spacing-lg);background-color:var(--color-gray-100);color:var(--color-gray-700);border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--transition-base);border:none}.tags-input-wrapper button:hover{background-color:var(--color-gray-200)}.tags-list-wrapper .tags-list-label{color:var(--color-gray-700);margin-bottom:var(--spacing-sm);font-size:.875rem;font-weight:500}.tags-list-wrapper .tags-list{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.tag-item{padding:.25rem var(--spacing-sm);background-color:var(--color-gray-100);color:var(--color-gray-700);border-radius:var(--radius-sm);align-items:center;gap:.25rem;font-size:.75rem;display:inline-flex}.tag-item button{color:var(--color-gray-500);cursor:pointer;transition:color var(--transition-base);background:0 0;border:none;margin-left:.25rem;padding:0}.tag-item button:hover{color:var(--color-gray-700)}.tag-item button svg{width:.75rem;height:.75rem}.customer-form-footer{justify-content:flex-end;align-items:center;gap:var(--spacing-md);padding:var(--spacing-xl);border-top:1px solid var(--color-gray-200);background-color:var(--color-gray-50);display:flex}.customer-form-footer button{padding:var(--spacing-sm)var(--spacing-lg);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-base)}.customer-form-footer .cancel-button{color:var(--color-gray-700);background-color:var(--color-white);border:1px solid var(--color-gray-200)}.customer-form-footer .cancel-button:hover{background-color:var(--color-gray-50)}.customer-form-footer .submit-button{background-color:var(--color-black);color:var(--color-white);border:none}.customer-form-footer .submit-button:hover{background-color:var(--color-gray-800)}.customer-details-overlay{padding:var(--spacing-lg);z-index:50;background-color:#111827bf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.customer-details-container{background-color:var(--color-white);border-radius:var(--radius-sm);width:100%;max-width:56rem;max-height:90vh;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.customer-details-header{padding:var(--spacing-xl);border-bottom:1px solid var(--color-gray-200);justify-content:space-between;align-items:center;display:flex}.customer-details-header .header-info{align-items:center;gap:var(--spacing-lg);display:flex}.customer-details-header .header-info .customer-avatar-large{background-color:var(--color-gray-200);border-radius:var(--radius-full);justify-content:center;align-items:center;width:3rem;height:3rem;display:flex}.customer-details-header .header-info .customer-avatar-large span{color:var(--color-gray-600);font-size:1.125rem;font-weight:500}.customer-details-header .header-info .header-text h2{color:var(--color-black);font-size:1.25rem;font-weight:700}.customer-details-header .header-info .header-text .header-badges{align-items:center;gap:var(--spacing-sm);margin-top:.25rem;display:flex}.customer-details-header .header-info .header-text .header-badges .badge{padding:.125rem var(--spacing-sm);border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;display:inline-flex}.customer-details-header .header-actions{align-items:center;gap:var(--spacing-sm);display:flex}.customer-details-header .header-actions .edit-button{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-lg);background-color:var(--color-black);color:var(--color-white);border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--transition-base);border:none;display:flex}.customer-details-header .header-actions .edit-button:hover{background-color:var(--color-gray-800)}.customer-details-header .header-actions .edit-button svg{width:1rem;height:1rem}.customer-details-header .header-actions .close-button{padding:var(--spacing-sm);color:var(--color-gray-400);border-radius:var(--radius-sm);cursor:pointer;transition:color var(--transition-base);background:0 0;border:none}.customer-details-header .header-actions .close-button:hover{color:var(--color-gray-600)}.customer-details-header .header-actions .close-button svg{width:1.25rem;height:1.25rem}.customer-details-content{max-height:calc(90vh - 100px);overflow-y:auto}.customer-details-content .details-sections{padding:var(--spacing-xl);gap:var(--spacing-2xl);flex-direction:column;display:flex}.details-stats-grid{gap:var(--spacing-lg);grid-template-columns:1fr;display:grid}@media (min-width:768px){.details-stats-grid{grid-template-columns:repeat(4,1fr)}}.details-stat-card{background-color:var(--color-gray-50);border-radius:var(--radius-sm);padding:var(--spacing-lg)}.details-stat-card .stat-inner{align-items:center;gap:var(--spacing-md);display:flex}.details-stat-card .stat-inner .stat-icon-wrapper{padding:var(--spacing-sm);background-color:var(--color-gray-200);border-radius:var(--radius-sm)}.details-stat-card .stat-inner .stat-icon-wrapper svg{width:1.25rem;height:1.25rem;color:var(--color-gray-600)}.details-stat-card .stat-inner .stat-text p:first-child{color:var(--color-gray-600);font-size:.75rem}.details-stat-card .stat-inner .stat-text p:last-child{color:var(--color-black);font-size:1.25rem;font-weight:700}.details-stat-card .stat-inner .stat-text .stat-date{font-size:.875rem;font-weight:500}.details-info-grid{gap:var(--spacing-2xl);grid-template-columns:1fr;display:grid}@media (min-width:1024px){.details-info-grid{grid-template-columns:repeat(2,1fr)}}.details-section{gap:var(--spacing-xl);flex-direction:column;display:flex}.details-section .section-header{align-items:center;gap:var(--spacing-sm);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-gray-200);display:flex}.details-section .section-header svg{width:1.25rem;height:1.25rem;color:var(--color-gray-600)}.details-section .section-header h3{color:var(--color-black);font-size:1.125rem;font-weight:600}.details-section .section-content{gap:var(--spacing-lg);flex-direction:column;display:flex}.info-item p:first-child{color:var(--color-gray-700);margin-bottom:.25rem;font-size:.875rem;font-weight:500}.info-item p:last-child{color:var(--color-black)}.info-item p:last-child span{color:var(--color-gray-600);margin-left:var(--spacing-sm)}.contact-item{align-items:center;gap:var(--spacing-md);display:flex}.contact-item svg{width:1rem;height:1rem;color:var(--color-gray-500)}.contact-item div p:first-child{color:var(--color-gray-700);font-size:.875rem;font-weight:500}.contact-item div a{color:var(--color-black);transition:color var(--transition-base);text-decoration:none}.contact-item div a:hover{color:var(--color-gray-700)}.address-box{background-color:var(--color-gray-50);border-radius:var(--radius-sm);padding:var(--spacing-lg)}.address-box .address-content{align-items:flex-start;gap:var(--spacing-md);display:flex}.address-box .address-content svg{width:1.25rem;height:1.25rem;color:var(--color-gray-500);margin-top:.125rem}.address-box .address-content div p{color:var(--color-black)}.address-box .address-content div p:last-child{color:var(--color-gray-600)}.details-tags-list{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.details-tags-list .tag-badge{padding:.25rem var(--spacing-sm);background-color:var(--color-gray-100);color:var(--color-gray-700);border-radius:var(--radius-sm);font-size:.75rem;display:inline-flex}.notes-box{background-color:var(--color-gray-50);border-radius:var(--radius-sm);padding:var(--spacing-lg)}.notes-box p{color:var(--color-black);white-space:pre-wrap}.order-history-preview{background-color:var(--color-gray-50);border-radius:var(--radius-sm);padding:var(--spacing-lg)}.order-history-preview .preview-empty{text-align:center;color:var(--color-gray-600)}.order-history-preview .preview-empty svg{width:2rem;height:2rem;margin:0 auto var(--spacing-sm);color:var(--color-gray-400)}.order-history-preview .preview-empty p:first-of-type{font-size:.875rem}.order-history-preview .preview-empty p:last-of-type{color:var(--color-gray-500);margin-top:.25rem;font-size:.75rem}