@import url(https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&display=swap);*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--gray-50);color:var(--gray-900);font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.5}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}h4{font-size:var(--font-size-lg)}a{color:inherit;text-decoration:none}button{border:none;cursor:pointer;font-family:inherit;outline:none}input,select,textarea{font-family:inherit;font-size:inherit}.layout{display:flex;flex-direction:column;min-height:100vh}.layout-container{display:flex;flex:1 1;padding-top:60px}.main-content{flex:1 1;margin-left:250px;padding:var(--spacing-xl);transition:var(--transition)}.main-content.expanded{margin-left:0}.page-container{margin:0 auto;max-width:1400px}.page-container-full{width:100%}.page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-xl)}.page-title{color:var(--gray-900);margin-bottom:0}.mt-3{margin-top:var(--spacing-lg)}.text-center{text-align:center}.text-muted{color:var(--gray-500)}.text-danger{color:var(--danger)}.clickable{cursor:pointer}.loader-fullscreen{align-items:center;background-color:#ffffffe6;bottom:0;left:0;position:fixed;right:0;top:0;z-index:9999}.loader,.loader-fullscreen{display:flex;justify-content:center}.loader{padding:var(--spacing-xl)}.spinner{animation:spin .8s linear infinite;border:3px solid var(--gray-200);border-radius:50%;border-top-color:var(--primary);height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.login-page{align-items:center;background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);display:flex;justify-content:center;min-height:100vh}.login-container{max-width:400px;padding:var(--spacing-xl);width:100%}.login-card{background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);padding:var(--spacing-2xl)}.login-title{color:var(--primary);margin-bottom:var(--spacing-sm);text-align:center}.login-subtitle{color:var(--gray-600);margin-bottom:var(--spacing-xl);text-align:center}.login-form{gap:var(--spacing-lg)}.login-form,.not-found{display:flex;flex-direction:column}.not-found{align-items:center;justify-content:center;min-height:100vh;text-align:center}.not-found h1{color:var(--primary);font-size:6rem}.not-found p{color:var(--gray-600);font-size:var(--font-size-xl);margin-bottom:var(--spacing-xl)}.dashboard{margin:0 auto;max-width:1400px}.stats-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:var(--spacing-xl)}.stat-card{align-items:center;display:flex;justify-content:space-between;padding:var(--spacing-xl)}.stat-content h3{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-xs)}.stat-content p{color:var(--gray-600);font-size:var(--font-size-sm)}.stat-icon{font-size:3rem;opacity:.8}.stat-primary{border-left:4px solid var(--primary)}.stat-success{border-left:4px solid var(--success)}.stat-warning{border-left:4px solid var(--warning)}.stat-info{border-left:4px solid var(--info)}.notification{align-items:center;animation:slideIn .3s ease-out;background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);display:flex;gap:var(--spacing-md);min-width:300px;padding:var(--spacing-lg);position:fixed;right:var(--spacing-xl);top:80px;z-index:1000}@keyframes slideIn{0%{opacity:0;transform:translateX(400px)}to{opacity:1;transform:translateX(0)}}.notification-success{border-left:4px solid var(--success)}.notification-error{border-left:4px solid var(--danger)}.notification-info{border-left:4px solid var(--info)}.notification-close{background:none;border:none;color:var(--gray-400);cursor:pointer;font-size:1.5rem;margin-left:auto}:root{--primary:#4f46e5;--primary-dark:#4338ca;--primary-light:#818cf8;--secondary:#64748b;--success:#10b981;--danger:#ef4444;--warning:#f59e0b;--info:#3b82f6;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--radius-sm:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a;--transition:all 0.2s ease-in-out;--font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto",sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem}.navbar{background:#fff;border-bottom:1px solid var(--gray-200);height:60px;left:0;padding:0 var(--spacing-xl);position:fixed;right:0;top:0;z-index:100}.navbar-left{gap:var(--spacing-lg)}.menu-toggle{background:none;border:none;color:var(--gray-700);cursor:pointer;font-size:1.5rem;padding:var(--spacing-sm)}.navbar-brand{color:var(--primary);font-size:var(--font-size-xl)}.navbar-right{gap:var(--spacing-lg)}.user-info{align-items:flex-end;display:flex;flex-direction:column}.user-name{color:var(--gray-900);font-weight:600}.user-role{color:var(--gray-500);font-size:var(--font-size-xs);text-transform:uppercase}.sidebar{background:#fff;border-right:1px solid var(--gray-200);height:calc(100vh - 60px);left:0;overflow-y:auto;position:fixed;top:60px;transition:var(--transition);width:250px;z-index:90}.sidebar.closed{transform:translateX(-100%)}.sidebar-nav{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-lg)}.sidebar-link{align-items:center;border-radius:var(--radius-md);color:var(--gray-700);display:flex;gap:var(--spacing-md);padding:var(--spacing-md);transition:var(--transition)}.sidebar-link:hover{background-color:var(--gray-100)}.sidebar-link.active{background-color:var(--primary);color:#fff}.sidebar-icon{font-size:1.25rem}.sidebar-label{font-weight:500}.card{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.card-header{align-items:center;border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;padding:var(--spacing-lg)}.card-title{font-size:var(--font-size-lg);font-weight:600;margin:0}.card-actions{display:flex;gap:var(--spacing-sm)}.card-body{padding:var(--spacing-lg)}.btn{align-items:center;border:1px solid #0000;border-radius:var(--radius-md);display:inline-flex;font-weight:500;gap:var(--spacing-sm);justify-content:center;padding:var(--spacing-sm) var(--spacing-lg);transition:var(--transition)}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background-color:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--primary-dark)}.btn-secondary{background-color:var(--gray-200);color:var(--gray-700)}.btn-secondary:hover:not(:disabled){background-color:var(--gray-300)}.btn-danger{background-color:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){background-color:#dc2626}.btn-small{font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-md)}.btn-medium{padding:var(--spacing-sm) var(--spacing-lg)}.btn-full{width:100%}.btn-icon{background:none;min-width:auto;padding:var(--spacing-xs)}.input-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.input-label{color:var(--gray-700);font-size:var(--font-size-sm);font-weight:500}.input-wrapper{position:relative}.input{border:1px solid var(--gray-300);border-radius:var(--radius-md);font-size:var(--font-size-base);padding:var(--spacing-sm) var(--spacing-md);transition:var(--transition);width:100%}.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #4f46e51a;outline:none}.input:disabled{background-color:var(--gray-100);cursor:not-allowed}.input-error{border-color:var(--danger)}.input-error:focus{box-shadow:0 0 0 3px #ef44441a}.error-message{color:var(--danger);font-size:var(--font-size-xs);margin-top:var(--spacing-xs)}.input-with-icon{padding-left:2.5rem}.input-icon{color:var(--gray-400);left:var(--spacing-md);position:absolute;top:50%;transform:translateY(-50%)}.table thead{background-color:var(--gray-50);border-bottom:2px solid var(--gray-200)}.table th{color:var(--gray-700);font-size:var(--font-size-sm);letter-spacing:.05em}.table td,.table th{padding:var(--spacing-md)}.table td{border-bottom:1px solid var(--gray-200)}.table tbody tr.clickable:hover{background-color:var(--gray-50);cursor:pointer}.table-controls{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:var(--spacing-lg);position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-height:90vh;overflow-y:auto}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.modal-medium{max-width:500px;width:100%}.modal-large{max-width:800px;width:100%}.modal-header{align-items:center;border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;padding:var(--spacing-lg)}.modal-title{font-size:var(--font-size-xl);margin:0}.modal-close{align-items:center;background:none;border:none;color:var(--gray-400);cursor:pointer;display:flex;font-size:2rem;height:2rem;justify-content:center;padding:0;width:2rem}.modal-close:hover{color:var(--gray-600)}.modal-body{padding:var(--spacing-lg)}.badge{border-radius:9999px;color:#fff;display:inline-block;letter-spacing:.05em;padding:var(--spacing-xs) var(--spacing-md)}.badge-success{background-color:var(--success)}.badge-danger{background-color:var(--danger)}.badge-warning{background-color:var(--warning)}.badge-info{background-color:var(--info)}.alert{align-items:center;border-left:4px solid;border-radius:var(--radius-md);display:flex;justify-content:space-between;margin-bottom:var(--spacing-md);padding:var(--spacing-md)}.alert-success{background-color:#d1fae5;border-color:var(--success);color:#065f46}.alert-error{background-color:#fee2e2;border-color:var(--danger);color:#991b1b}.alert-info{background-color:#dbeafe;border-color:var(--info);color:#1e40af}.alert-close{background:none;border:none;color:inherit;cursor:pointer;font-size:1.5rem;opacity:.6;padding:0}.alert-close:hover{opacity:1}.form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.form-row{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.form-actions{border-top:1px solid var(--gray-200);gap:var(--spacing-md);margin-top:var(--spacing-lg);padding-top:var(--spacing-lg)}.pos-interface{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:1fr 400px;height:calc(100vh - 120px)}.pos-left,.pos-right{display:flex;flex-direction:column;gap:var(--spacing-lg);overflow-y:auto}.customer-grid,.service-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-top:var(--spacing-md)}.customer-card,.service-card{border:2px solid var(--gray-200);border-radius:var(--radius-md);padding:var(--spacing-md);transition:var(--transition)}.customer-card:hover,.service-card:hover{background-color:var(--primary-light);border-color:var(--primary);color:#fff;transform:translateY(-2px)}.selected-customer{background-color:var(--primary-light);border-radius:var(--radius-md);color:#fff;margin-top:var(--spacing-md);padding:var(--spacing-md)}.order-items{display:flex;flex-direction:column;gap:var(--spacing-md);max-height:300px;overflow-y:auto}.order-item{align-items:center;border:1px solid var(--gray-200);border-radius:var(--radius-md);display:flex;justify-content:space-between;padding:var(--spacing-md)}.order-item-info h4{margin-bottom:var(--spacing-xs)}.order-item-actions{align-items:center;display:flex;gap:var(--spacing-md)}.quantity-controls{align-items:center;display:flex;gap:var(--spacing-sm)}.quantity-controls button{align-items:center;background-color:var(--gray-200);border-radius:50%;display:flex;font-weight:600;height:30px;justify-content:center;width:30px}.quantity-controls button:hover{background-color:var(--primary);color:#fff}.item-total{font-weight:600;min-width:80px;text-align:right}.order-details{gap:var(--spacing-md);margin-top:var(--spacing-lg)}.order-summary{background-color:var(--gray-50);border-radius:var(--radius-md);margin-top:var(--spacing-lg);padding:var(--spacing-lg)}.summary-row{display:flex;font-size:var(--font-size-base);justify-content:space-between;padding:var(--spacing-sm) 0}.summary-row.total{border-top:2px solid var(--gray-300);color:var(--primary);font-size:var(--font-size-lg);font-weight:700;margin-top:var(--spacing-sm);padding-top:var(--spacing-md)}.order-actions{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-lg)}.payment-form{gap:var(--spacing-lg)}.payment-summary{background-color:var(--primary-light);padding:var(--spacing-lg)}.change-amount,.payment-summary{border-radius:var(--radius-md);color:#fff;text-align:center}.change-amount{background-color:var(--success);font-size:var(--font-size-lg);padding:var(--spacing-md)}.daily-summary{margin-bottom:var(--spacing-lg)}.summary-card{background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);color:#fff}.summary-card .card-title{color:#fff}.summary-stats{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(2,1fr);margin-bottom:var(--spacing-xl)}.stat-item{text-align:center}.stat-item h3{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-xs)}.summary-breakdown{border-top:1px solid #fff3;padding-top:var(--spacing-lg)}.summary-breakdown h4{margin-bottom:var(--spacing-md);opacity:.9}.breakdown-item{display:flex;justify-content:space-between;opacity:.95;padding:var(--spacing-sm) 0}@media (max-width:1024px){.pos-interface{grid-template-columns:1fr}.pos-right{background:#fff;border-top:2px solid var(--gray-200);bottom:0;max-height:50vh;padding:var(--spacing-lg);position:fixed;right:0;width:100%;z-index:50}}@media (max-width:768px){.main-content{margin-left:0;padding:var(--spacing-md)}.sidebar{transform:translateX(-100%)}.sidebar.open{transform:translateX(0)}.customer-grid,.form-row,.service-grid,.stats-grid{grid-template-columns:1fr}}.customer-card-pos{background:#fff;border:2px solid var(--gray-300);border-radius:var(--radius-md);cursor:pointer;padding:var(--spacing-md);transition:var(--transition)}.customer-card-pos:hover{border-color:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.customer-card-pos.selected{background-color:var(--primary);border-color:var(--primary);color:#fff}.customer-card-pos h4{font-size:var(--font-size-base);margin-bottom:var(--spacing-xs)}.customer-card-pos p{font-size:var(--font-size-xs);margin:0}.customer-card-pos.selected p{color:#ffffffe6}.selected-customer-badge{align-items:center;animation:slideDown .3s ease-out;background:linear-gradient(135deg,var(--success) 0,#059669 100%);border-radius:var(--radius-md);color:#fff;display:flex;justify-content:space-between;margin:var(--spacing-md) 0;padding:var(--spacing-md)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.selected-customer-badge p{margin:0;opacity:.95}.selected-customer-badge strong{display:block;margin-bottom:var(--spacing-xs)}.empty-order{padding:var(--spacing-2xl);text-align:center}.qty-btn{align-items:center;background-color:var(--gray-200);border:none;border-radius:50%;cursor:pointer;display:flex;font-size:1.2rem;font-weight:700;height:32px;justify-content:center;transition:var(--transition);width:32px}.qty-btn:hover{background-color:var(--primary);color:#fff}.qty-value{font-weight:600;min-width:30px;text-align:center}.btn-remove{align-items:center;background-color:var(--danger);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;font-weight:700;height:32px;justify-content:center;transition:var(--transition);width:32px}.btn-remove:hover{background-color:#dc2626}.service-card{border:2px solid var(--gray-300);border-radius:var(--radius-md);padding:var(--spacing-md);text-align:center;transition:var(--transition)}.service-card:hover{background-color:var(--gray-50);border-color:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.service-card h4{color:var(--gray-900);font-size:var(--font-size-base);margin-bottom:var(--spacing-xs)}.service-card p{color:var(--gray-600);font-size:var(--font-size-sm);margin:var(--spacing-xs) 0}.service-card:hover h4{color:var(--primary)}.pos-header{align-items:center;display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.btn-back{background:var(--primary);border-radius:var(--radius-md);color:#fff;padding:var(--spacing-sm) var(--spacing-lg);transition:var(--transition)}.btn-back:hover{background:var(--primary-dark)}.pos-title{font-size:var(--font-size-2xl);margin:0}.pos-container{grid-gap:var(--spacing-lg);gap:var(--spacing-lg);grid-template-columns:1fr 500px;height:calc(100vh - 120px)}.pos-left-panel{background:#fff;border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-lg)}.pos-search-bar{display:flex;gap:var(--spacing-md)}.services-grid{grid-gap:var(--spacing-md);gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(120px,1fr));padding:var(--spacing-sm)}.service-item{align-items:center;background:#fff;border:2px solid var(--gray-200);border-radius:var(--radius-md);cursor:pointer;display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md);transition:var(--transition)}.service-item:hover{border-color:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.service-item.selected{background-color:var(--primary-light);border-color:var(--primary);color:#fff}.service-icon{font-size:2.5rem}.service-name{font-size:var(--font-size-sm);text-align:center}.service-price{color:var(--gray-600);font-size:var(--font-size-xs)}.service-item.selected .service-price{color:#ffffffe6}.pos-right-panel{background:#fff;border-radius:var(--radius-lg);gap:var(--spacing-md);overflow-y:auto;padding:var(--spacing-lg)}.order-info-bar{align-items:center;border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;padding-bottom:var(--spacing-md)}.order-details{display:flex;flex-direction:column;gap:var(--spacing-xs)}.order-date,.order-number{color:var(--gray-700);font-size:var(--font-size-sm)}.order-number{font-weight:600}.order-table-container{border:1px solid var(--gray-200);border-radius:var(--radius-md);flex:1 1;overflow-y:auto}.order-table{border-collapse:collapse;width:100%}.order-table thead{background-color:var(--gray-50);position:-webkit-sticky;position:sticky;top:0;z-index:10}.order-table th{border-bottom:2px solid var(--gray-200);color:var(--gray-700);font-size:var(--font-size-xs);font-weight:600;padding:var(--spacing-sm);text-align:left;text-transform:uppercase}.order-table td{border-bottom:1px solid var(--gray-100);font-size:var(--font-size-sm);padding:var(--spacing-sm)}.color-input{border:1px solid var(--gray-300);border-radius:var(--radius-sm);font-size:var(--font-size-xs);padding:2px 6px;width:60px}.qty-control{gap:4px}.qty-btn-sm,.qty-control{align-items:center;display:flex}.qty-btn-sm{background:#fff;border:1px solid var(--gray-300);border-radius:4px;cursor:pointer;font-size:var(--font-size-sm);font-weight:700;height:24px;justify-content:center;transition:var(--transition);width:24px}.qty-btn-sm:hover{background:var(--primary);border-color:var(--primary);color:#fff}.qty-display{font-weight:600;min-width:30px;text-align:center}.btn-remove-sm{align-items:center;background:var(--danger);border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;font-weight:700;height:24px;justify-content:center;transition:var(--transition);width:24px}.btn-remove-sm:hover{background:#dc2626}.order-summary-section{background:var(--gray-50);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md)}.summary-row{grid-gap:var(--spacing-sm);align-items:center;display:grid;gap:var(--spacing-sm);grid-template-columns:140px 1fr}.summary-row label{color:var(--gray-700);font-size:var(--font-size-sm);font-weight:500}.summary-input-group{align-items:center;background:#fff;border:1px solid var(--gray-300);border-radius:var(--radius-sm);display:flex;overflow:hidden}.currency-symbol{background:var(--gray-100);color:var(--gray-600);font-size:var(--font-size-sm);font-weight:600;padding:0 var(--spacing-sm)}.summary-input{border:none;flex:1 1;outline:none}.summary-input,.summary-input-readonly{font-size:var(--font-size-sm);padding:6px var(--spacing-sm)}.summary-input-readonly{background:var(--gray-100);border:1px solid var(--gray-200);border-radius:var(--radius-sm);color:var(--gray-700)}.summary-input-readonly.grand-total{background:var(--primary-light);border-color:var(--primary);color:#fff;font-size:var(--font-size-base);font-weight:700}.delivery-options{display:flex;gap:var(--spacing-lg)}.radio-label{align-items:center;cursor:pointer;display:flex;font-size:var(--font-size-sm);gap:var(--spacing-xs)}.promo-input-group{align-items:center;background:#fff;border:1px solid var(--gray-300);border-radius:var(--radius-sm);display:flex;overflow:hidden}.promo-icon{font-size:1.2rem;padding:0 var(--spacing-sm)}.notes-textarea{border:1px solid var(--gray-300);border-radius:var(--radius-sm);font-family:inherit;font-size:var(--font-size-sm);padding:var(--spacing-sm);resize:vertical}.checkbox-label{font-size:var(--font-size-sm);gap:var(--spacing-sm);grid-column:1/-1}.payment-actions{grid-gap:var(--spacing-sm);align-items:center;border-top:1px solid var(--gray-200);display:grid;gap:var(--spacing-sm);grid-template-columns:auto 1fr auto 2fr auto;padding-top:var(--spacing-md)}.btn-icon-action{align-items:center;background:#fff;border:1px solid var(--gray-300);border-radius:var(--radius-md);cursor:pointer;display:flex;font-size:1.2rem;height:40px;justify-content:center;transition:var(--transition);width:40px}.btn-icon-action:hover{background:var(--gray-50);border-color:var(--primary)}.btn-icon-action.btn-trash{background:var(--danger);border-color:var(--danger);color:#fff}.btn-icon-action.btn-trash:hover{background:#dc2626}.delivery-date-input{height:40px}.payment-method-select{border:1px solid var(--gray-300);border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-sm);height:40px;padding:0 var(--spacing-md)}.customer-selection-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));max-height:60vh;overflow-y:auto;padding:var(--spacing-sm)}@media (max-width:1024px){.pos-container{grid-template-columns:1fr}.pos-right-panel{max-height:60vh}}.customer-modal-header{align-items:flex-start;display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.customer-modal-header .input-group{flex:1 1;margin:0}.no-results{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-lg);grid-column:1/-1;padding:var(--spacing-2xl);text-align:center}.no-results p{color:var(--gray-500);font-size:var(--font-size-lg)}.quick-customer-form{max-height:70vh;overflow-y:auto;padding:var(--spacing-sm)}.form-header{align-items:center;border-bottom:2px solid var(--gray-200);display:flex;justify-content:space-between;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md)}.form-header h3{color:var(--primary);margin:0}.btn-close-form{background:none;border:none;border-radius:var(--radius-md);color:var(--primary);cursor:pointer;font-weight:600;padding:var(--spacing-sm) var(--spacing-md);transition:var(--transition)}.btn-close-form:hover{background:var(--gray-100)}.form-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(2,1fr);margin-bottom:var(--spacing-xl)}.form-grid .input-group{margin:0}@media (max-width:768px){.customer-modal-header{flex-direction:column}.customer-selection-grid,.form-grid{grid-template-columns:1fr}}.customer-card-select{background:#fff;border:2px solid var(--gray-200);border-radius:var(--radius-md);cursor:pointer;padding:var(--spacing-lg);text-align:center;transition:var(--transition)}.customer-card-select:hover{background:var(--primary-light);border-color:var(--primary);box-shadow:var(--shadow-md);color:#fff;transform:translateY(-2px)}.customer-card-select h4{font-size:var(--font-size-base);margin-bottom:var(--spacing-xs)}.customer-card-select p{font-size:var(--font-size-sm);margin:var(--spacing-xs) 0}.customer-card-select:hover p{color:#ffffffe6}.customer-modal-header input[type=text]::placeholder{color:var(--gray-400)}.text-small{font-size:var(--font-size-sm);line-height:1.4}.text-muted{color:var(--gray-600)}.badge,.order-table td .text-small{white-space:nowrap}.badge{align-items:center;border-radius:12px;display:inline-flex;font-size:var(--font-size-xs);font-weight:600;justify-content:center;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.badge-small{border-radius:8px;font-size:10px;padding:2px 8px}.badge-medium{border-radius:12px;font-size:var(--font-size-xs);padding:4px 12px}.badge-large{border-radius:16px;font-size:var(--font-size-sm);padding:6px 16px}.badge-default{background-color:var(--gray-200);color:var(--gray-700)}.badge-primary{background-color:var(--primary-light);color:var(--primary)}.badge-success{background-color:#d1fae5;color:#065f46}.badge-danger{background-color:#fee2e2;color:#991b1b}.badge-warning{background-color:#fef3c7;color:#92400e}.badge-info{background-color:#dbeafe;color:#1e40af}.badge-secondary{background-color:var(--gray-100);color:var(--gray-600)}.navbar{background-color:#fff;border-bottom:1px solid #e5e7eb;gap:2rem;justify-content:space-between;padding:1rem 2rem}.navbar,.navbar-left{align-items:center;display:flex}.navbar-brand{font-size:1.5rem;font-weight:700;margin:0}.navbar-center{flex:1 1;justify-content:center}.navbar-center,.navbar-link{align-items:center;display:flex;gap:.5rem}.navbar-link{border-radius:.375rem;color:#6b7280;padding:.5rem 1rem;text-decoration:none;transition:all .2s}.navbar-link:hover{background-color:#f3f4f6;color:#111827}.navbar-link.active{background-color:#3b82f6;color:#fff}.navbar-icon{font-size:1.25rem}.navbar-label{font-weight:500}.navbar-right{align-items:center;display:flex;gap:1rem}.main-content{padding:2rem;width:100%}@media (max-width:768px){.navbar-center,.navbar-label{display:none}}:root{--pink:#e11d48;--pink-light:#fdf2f5;--pink-mid:#fce7ef;--pink-dark:#9f1239;--bg:#f1f1f3;--white:#fff;--border:#e4e4e7;--text:#18181b;--muted:#71717a;--subtle:#a1a1aa;--green:#16a34a;--orange:#ea580c;--fn-bg:#eeeef0;--fn-text:#3f3f46}.pos-screen{background:#f1f1f3;background:var(--bg);bottom:0;color:#18181b;color:var(--text);display:flex;flex-direction:column;font-family:DM Sans,sans-serif;height:auto;left:0;overflow:hidden;position:fixed;right:0;top:60px;width:auto;z-index:10}.pos-container{grid-gap:0;display:grid;flex:1 1;gap:0;grid-template-columns:.15fr 1fr .65fr;min-height:0;overflow:hidden}.pos-categories-sidebar{background:#fff;background:var(--white);border-right:1px solid #e4e4e7;border-right:1px solid var(--border);display:flex;flex-direction:column;overflow-y:auto;scrollbar-width:none}.pos-categories-sidebar::-webkit-scrollbar{display:none}.cat-sidebar-btn{background:#0000;border:none;border-left:3px solid #0000;color:#71717a;color:var(--muted);cursor:pointer;flex-shrink:0;font-family:DM Sans,sans-serif;font-size:12.5px;font-weight:600;overflow:hidden;padding:14px 12px;text-align:left;text-overflow:ellipsis;touch-action:manipulation;transition:background .12s,color .12s;white-space:nowrap;width:100%}.cat-sidebar-btn:hover{background:#fdf2f5;background:var(--pink-light);color:#e11d48;color:var(--pink)}.cat-sidebar-btn.active{background:#fce7ef;background:var(--pink-mid);border-left-color:#e11d48;border-left-color:var(--pink);color:#e11d48;color:var(--pink);font-weight:700}.pos-services-panel{border-right:1px solid #e4e4e7;border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.pos-search-bar,.pos-services-panel{background:#fff;background:var(--white)}.pos-search-bar{border-bottom:1px solid #e4e4e7;border-bottom:1px solid var(--border);flex-shrink:0;padding:6px 8px}.pos-search-bar .input-wrapper input,.pos-search-bar input,.pos-search-bar>div>div>input,.pos-search-bar>div>input{background:#fafafa;border:1px solid #e4e4e7;border:1px solid var(--border);border-radius:6px;font-family:DM Sans,sans-serif;font-size:13px;outline:none;padding:7px 10px;transition:border-color .15s;width:100%}.pos-search-bar input:focus{background:#fff;background:var(--white);border-color:#e11d48;border-color:var(--pink)}.services-grid{grid-gap:6px;align-content:start;display:grid;flex:1 1;gap:6px;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));overflow-y:auto;padding:6px;scrollbar-color:#e4e4e7 #0000;scrollbar-color:var(--border) #0000;scrollbar-width:thin}.service-card{align-items:center;background:#fff;background:var(--white);border:1px solid #e4e4e7;border:1px solid var(--border);border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:6px;padding:10px 8px;touch-action:manipulation;transition:border-color .12s,box-shadow .12s,transform .08s}.service-card:hover{border-color:#e11d48;border-color:var(--pink);box-shadow:0 2px 8px #e11d481a}.service-card:active{transform:scale(.95)}.service-icon-wrapper{align-items:center;background:#fdf2f5;background:var(--pink-light);border-radius:8px;display:flex;height:40px;justify-content:center;width:40px}.service-icon{font-size:20px;line-height:1}.service-info{text-align:center;width:100%}.service-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#18181b;color:var(--text);display:-webkit-box;font-size:11px;font-weight:600;line-height:1.25;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis}.service-price{color:#e11d48;color:var(--pink);font-size:11.5px;font-weight:700}.custom-item-card .service-icon-wrapper{background:#f0fdf4}.custom-item-card .service-price{color:#16a34a;color:var(--green)}.custom-item-card:hover{border-color:#16a34a;border-color:var(--green);box-shadow:0 2px 8px #16a34a1a}.pos-right-panel{background:#f1f1f3;background:var(--bg);display:flex;flex-direction:column;gap:0;overflow:hidden}.rp-customer-bar{align-items:center;background:#fff;background:var(--white);border-bottom:1px solid #e4e4e7;border-bottom:1px solid var(--border);display:flex;flex-shrink:0;gap:0;padding:5px 7px}.rp-customer-bar:not(.has-customer){background:#fafafa;border:2px dashed #d4d4d8;cursor:pointer}.rp-customer-bar:not(.has-customer):hover{background:#fdf2f5;background:var(--pink-light);border-color:#e11d48;border-color:var(--pink)}.rp-customer-bar.has-sub{background:#fdf4ff;border-bottom-color:#a855f7}.rp-avatar{align-items:center;background:linear-gradient(135deg,#e11d48,#f97316);background:linear-gradient(135deg,var(--pink),#f97316);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:800;height:30px;justify-content:center;width:30px}.rp-cust-info{display:flex;flex:1 1;flex-direction:column;min-width:0}.rp-cust-name{color:#18181b;color:var(--text);font-size:12.5px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rp-cust-phone{color:#71717a;color:var(--muted);font-size:10px}.rp-sub-loading{color:#a1a1aa;color:var(--subtle);font-size:10px}.rp-sub-toggle{align-items:center;cursor:pointer;display:inline-flex;gap:4px}.rp-sub-toggle input{display:none}.rp-sub-slider{background:#e4e4e7;border-radius:13px;flex-shrink:0;height:13px;position:relative;transition:background .2s;width:24px}.rp-sub-slider:after{background:#fff;border-radius:50%;content:"";height:9px;left:2px;position:absolute;top:2px;transition:transform .2s;width:9px}.rp-sub-toggle input:checked+.rp-sub-slider{background:#a855f7}.rp-sub-toggle input:checked+.rp-sub-slider:after{transform:translateX(11px)}.rp-sub-label{color:#7c3aed;font-size:9.5px;font-weight:700;white-space:nowrap}.rp-delivery-pills{display:flex;flex-shrink:0;gap:3px}.rp-pill{background:#fafafa;border:1px solid #e4e4e7;border:1px solid var(--border);border-radius:20px;color:#71717a;color:var(--muted);cursor:pointer;font-family:DM Sans,sans-serif;font-size:10px;font-weight:700;padding:2px 7px;touch-action:manipulation;transition:all .1s;white-space:nowrap}.rp-pill:hover{border-color:#a1a1aa;color:#18181b;color:var(--text)}.rp-pill.active{background:#fce7ef;background:var(--pink-mid);border-color:#e11d48;border-color:var(--pink);color:#e11d48;color:var(--pink)}.rp-pill.express.active{background:#fef3c7;border-color:#f59e0b;color:#92400e}.rp-date-inline{align-items:center;display:flex;flex-shrink:0;gap:2px}.rp-date-inline-label{font-size:12px}.rp-date-input{background:#fafafa;border:1px solid #e4e4e7;border:1px solid var(--border);border-radius:5px;color:#18181b;color:var(--text);font-family:DM Sans,sans-serif;font-size:10px;outline:none;padding:2px 5px;width:108px}.rp-date-input:focus{border-color:#e11d48;border-color:var(--pink)}.rp-change-btn{background:#fafafa;border:1px solid #e4e4e7;border:1px solid var(--border);border-radius:5px;color:#71717a;color:var(--muted);cursor:pointer;flex-shrink:0;font-family:DM Sans,sans-serif;font-size:10px;font-weight:600;padding:3px 8px;touch-action:manipulation}.rp-change-btn:hover{background:#fdf2f5;background:var(--pink-light);border-color:#e11d48;border-color:var(--pink);color:#e11d48;color:var(--pink)}.rp-no-customer{align-items:center;display:flex;gap:8px;width:100%}.rp-no-customer-icon{color:#d4d4d8;font-size:18px}.rp-no-customer-title{color:#52525b;font-size:12px;font-weight:600}.rp-no-customer-hint{color:#a1a1aa;color:var(--subtle);font-size:10px}.order-items-section{background:#fff;background:var(--white);flex:1 1;min-height:0;overflow-y:auto;scrollbar-color:#e4e4e7 #0000;scrollbar-color:var(--border) #0000;scrollbar-width:thin}.empty-order{align-items:center;color:#a1a1aa;color:var(--subtle);display:flex;flex-direction:column;gap:3px;height:80px;justify-content:center}.empty-order-icon{font-size:22px;opacity:.35}.empty-order p{color:#71717a;color:var(--muted);font-size:11px;font-weight:600;margin:0}.empty-order-hint{font-size:10px}.order-items-table-wrapper{background:#fff;background:var(--white)}.order-items-table{border-collapse:collapse;width:100%}.order-items-table thead th{background:#fafafa;border-bottom:1px solid #e4e4e7;border-bottom:1px solid var(--border);color:#a1a1aa;color:var(--subtle);font-size:9px;font-weight:700;letter-spacing:.04em;padding:4px 7px;position:-webkit-sticky;position:sticky;text-align:left;text-transform:uppercase;top:0;z-index:1}.order-item-row td{border-bottom:1px solid #f4f4f5;padding:4px 7px;vertical-align:middle}.order-item-row:last-child td{border-bottom:none}.order-item-row:hover td{background:#fdf2f5;background:var(--pink-light)}.item-name-cell{display:flex;flex-direction:column;gap:1px}.item-title{color:#18181b;color:var(--text);font-size:11.5px;font-weight:600}.item-details-tags{display:flex;flex-wrap:wrap;gap:2px}.detail-tag{background:#fdf2f5;background:var(--pink-light);border-radius:20px;color:#e11d48;color:var(--pink);font-size:9px;font-weight:600;padding:1px 5px}.detail-tag.warn{background:#fff7ed;color:#c2410c}.qty-badge-btn{align-items:center;background:#fafafa;border:1px solid #e4e4e7;border:1px solid var(--border);border-radius:5px;color:#18181b;color:var(--text);cursor:pointer;display:flex;font-family:DM Sans,sans-serif;font-size:11px;font-weight:700;justify-content:center;padding:2px 6px;touch-action:manipulation;transition:all .1s}.qty-badge-btn:hover{background:#fdf2f5;background:var(--pink-light);color:#e11d48;color:var(--pink)}.qty-badge-btn.active,.qty-badge-btn:hover{border-color:#e11d48;border-color:var(--pink)}.qty-badge-btn.active{background:#e11d48;background:var(--pink);color:#fff}.td-qty-display{text-align:center}.td-total{color:#18181b;color:var(--text);font-size:11.5px;font-weight:700;text-align:right}.td-actions{text-align:center}.btn-action-table{background:none;border:none;border-radius:4px;cursor:pointer;font-size:13px;padding:2px 3px;touch-action:manipulation;transition:background .1s}.btn-action-table:hover{background:#f4f4f5}.btn-action-table.btn-remove:hover{background:#fee2e2}.rp-sub-badges{background:#fff;background:var(--white);border-top:1px solid #e4e4e7;border-top:1px solid var(--border);display:flex;flex-wrap:wrap;gap:3px;padding:3px 6px}.rp-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:9.5px;font-weight:700;gap:2px;padding:1px 7px}.rp-badge.green{background:#dcfce7;color:#15803d}.rp-badge.purple{background:#ede9fe;color:#6d28d9}.rp-summary-row{align-items:stretch;background:#fff;background:var(--white);border-top:1px solid #e4e4e7;border-top:1px solid var(--border);display:flex;flex-shrink:0;gap:2px;padding:3px 4px}.rp-sum-cell{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;min-width:0}.rp-sum-cell.editable{background:#fafafa;border:1px solid #e4e4e7;border:1px solid var(--border);border-radius:5px;cursor:pointer;padding:3px 4px;touch-action:manipulation;transition:all .1s}.rp-sum-cell.editable:hover{background:#fdf2f5;background:var(--pink-light);border-color:#e11d48;border-color:var(--pink)}.rp-sum-cell.editable.active{background:#fce7ef;background:var(--pink-mid);border-color:#e11d48;border-color:var(--pink);box-shadow:0 0 0 2px #e11d481a}.rp-sum-cell.editable.disc.active{background:#fff7ed;border-color:#ea580c;border-color:var(--orange)}.rp-sum-cell.editable.free{background:#dcfce7;border-color:#86efac;cursor:default}.rp-sum-cell.total-chip{background:#e11d48;background:var(--pink);border-radius:5px;flex:1.5 1;padding:3px 5px}.rp-sum-label{color:#a1a1aa;color:var(--subtle);font-size:8px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.rp-sum-cell.total-chip .rp-sum-label{color:#ffffffb3}.rp-sum-val{color:#18181b;color:var(--text);font-size:11px;font-weight:700;white-space:nowrap}.rp-sum-val.total-val{color:#fff;font-size:13px;font-weight:800}.rp-sum-op{align-self:center;color:#d4d4d8;flex-shrink:0;font-size:11px;font-weight:700}.rp-numpad-bar{border-top:1px solid #e4e4e7;border-top:1px solid var(--border);display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden}.rp-nb-display{align-items:center;background:#e11d48;background:var(--pink);display:flex;flex-shrink:0;justify-content:space-between;padding:4px 10px}.rp-nb-field{color:#ffffffb8;font-size:9.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.rp-nb-value{color:#fff;font-family:DM Sans,sans-serif;font-size:22px;font-weight:800;letter-spacing:-.02em;text-align:right}.rp-nb-grid{grid-gap:2px;background:#f1f1f3;background:var(--bg);display:grid;flex:1 1;gap:2px;grid-template-columns:1.05fr 1fr 1fr 1fr 1.05fr;grid-template-rows:repeat(4,1fr);min-height:0;padding:2px}.nb-act,.nb-digit,.nb-fn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;flex-direction:column;font-family:DM Sans,sans-serif;justify-content:center;touch-action:manipulation;transition:filter .08s,transform .08s;user-select:none;-webkit-user-select:none}.nb-act:active,.nb-digit:active,.nb-fn:active{filter:brightness(.9);transform:scale(.91)}.nb-digit{background:#fff;background:var(--white);border:1px solid #e4e4e7;border:1px solid var(--border);box-shadow:0 1px 2px #0000000a;color:#18181b;color:var(--text);font-size:20px;font-weight:700}.nb-digit:hover{background:#f4f4f5}.nb-digit-dot{color:#71717a;color:var(--muted);font-size:24px}.nb-digit-c{background:#fef2f2;border-color:#fca5a5;color:#dc2626;font-size:14px;font-weight:800}.nb-digit-c:hover{background:#fee2e2}.nb-fn{background:#eeeef0;background:var(--fn-bg);border:1px solid #0000;color:#3f3f46;color:var(--fn-text);gap:2px}.nb-fn:hover{background:#e0e0e3}.nb-fn:disabled{cursor:not-allowed;opacity:.35}.nb-fn-active{background:#fce7ef!important;background:var(--pink-mid)!important;border-color:#e11d48!important;border-color:var(--pink)!important;color:#e11d48!important;color:var(--pink)!important}.nb-fn-icon{font-size:14px;line-height:1}.nb-fn-text{font-size:8px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.nb-act{gap:2px}.nb-act-icon{font-size:14px;line-height:1}.nb-act-text{font-size:8px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.nb-act-clear{background:#fef2f2;color:#dc2626}.nb-act-clear:hover{background:#fee2e2}.nb-act-back{background:#fff7ed;color:#ea580c}.nb-act-back:hover{background:#ffedd5}.nb-act-back .nb-act-icon{font-size:18px}.nb-act-notes{background:#f0f9ff;color:#0369a1}.nb-act-notes:hover{background:#e0f2fe}.nb-act-pay{background:linear-gradient(170deg,#16a34a,#15803d);box-shadow:inset 0 1px 0 #ffffff26;color:#fff;font-weight:800}.nb-act-pay:hover{background:linear-gradient(170deg,#15803d,#166534)}.nb-act-pay:disabled{box-shadow:none;cursor:not-allowed;opacity:.38;transform:none}.customer-modal-search{align-items:center;display:flex;gap:8px;margin-bottom:12px}.customer-modal-search input{background:#fafafa;border:1px solid #e4e4e7;border:1px solid var(--border);border-radius:7px;flex:1 1;font-family:DM Sans,sans-serif;font-size:13px;outline:none;padding:8px 12px}.customer-modal-search input:focus{background:#fff;border-color:#e11d48;border-color:var(--pink)}.customer-modal-search-wrap{flex:1 1;position:relative}.customer-modal-search-wrap .search-icon{color:#a1a1aa;color:var(--subtle);font-size:13px;left:11px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.customer-list-container{max-height:400px;overflow-y:auto}.customer-list{display:flex;flex-direction:column}.customer-list-item{align-items:center;border:1px solid #0000;border-radius:7px;cursor:pointer;display:flex;gap:10px;padding:9px 10px;touch-action:manipulation;transition:background .1s}.customer-list-item:hover{background:#fdf2f5;background:var(--pink-light);border-color:#fce7ef;border-color:var(--pink-mid)}.customer-list-avatar{align-items:center;background:linear-gradient(135deg,#e11d48,#f97316);background:linear-gradient(135deg,var(--pink),#f97316);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:36px;justify-content:center;width:36px}.customer-list-info{flex:1 1;min-width:0}.customer-list-name{color:#18181b;color:var(--text);font-size:13px;font-weight:700}.customer-list-contact{display:flex;flex-wrap:wrap;gap:8px;margin-top:1px}.contact-item{color:#71717a;color:var(--muted);font-size:11px}.customer-list-address{color:#a1a1aa;color:var(--subtle);font-size:10px;margin-top:1px}.customer-list-arrow{color:#d4d4d8;font-size:16px}.no-customers-found{color:#a1a1aa;color:var(--subtle);padding:28px 16px;text-align:center}.no-customers-found p{color:#71717a;color:var(--muted);font-size:13px;font-weight:600;margin-bottom:3px}.no-customers-found span{font-size:11px}.customer-form-container{padding:2px 0}.btn-back{background:none;border:none;color:#e11d48;color:var(--pink);cursor:pointer;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;padding-bottom:10px}.btn-back:hover{text-decoration:underline}.customer-form{display:flex;flex-direction:column;gap:10px}.form-grid-2col{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.item-details-form{display:flex;flex-direction:column;gap:12px}.details-section{display:flex;flex-direction:column;gap:5px}.section-label{color:#71717a;color:var(--muted);display:block;font-size:10.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.color-preset-grid{display:flex;flex-wrap:wrap;gap:4px}.color-preset-btn{background:#fff;border:1px solid #e4e4e7;border:1px solid var(--border);border-radius:20px;color:#52525b;cursor:pointer;font-family:DM Sans,sans-serif;font-size:11px;font-weight:600;padding:3px 9px}.color-preset-btn:hover{border-color:#e11d48;border-color:var(--pink);color:#e11d48;color:var(--pink)}.color-preset-btn.selected{background:#e11d48;background:var(--pink);border-color:#e11d48;border-color:var(--pink);color:#fff}.add-custom-group{align-items:flex-end;display:flex;gap:7px}.tags-list{display:flex;flex-wrap:wrap;gap:4px}.tag{align-items:center;background:#fdf2f5;background:var(--pink-light);border-radius:20px;color:#e11d48;color:var(--pink);display:flex;font-size:11px;font-weight:600;gap:3px;padding:2px 8px}.tag button{background:none;border:none;color:#71717a;color:var(--muted);cursor:pointer;font-size:12px;padding:0}.damage-stain-grid{grid-gap:6px;align-items:flex-end;display:grid;gap:6px;grid-template-columns:1fr 1fr 1fr auto}.details-list{display:flex;flex-direction:column;gap:4px}.detail-item{align-items:flex-start;background:#fafafa;border:1px solid #e4e4e7;border:1px solid var(--border);border-radius:6px;color:#52525b;display:flex;font-size:12px;justify-content:space-between;padding:6px 9px}.detail-desc{color:#a1a1aa;color:var(--subtle);font-size:9.5px;margin-top:1px}.btn-remove-detail{background:none;border:none;color:#ef4444;cursor:pointer;font-size:14px;padding:0}.checkbox-label{color:#52525b;font-size:12px;font-weight:600;gap:6px}.checkbox-label input{accent-color:#e11d48;accent-color:var(--pink);cursor:pointer;height:13px;width:13px}.custom-item-form{display:flex;flex-direction:column;gap:11px}.mini-input{background:#fafafa;border:1px solid #e4e4e7;border:1px solid var(--border);border-radius:7px;font-family:DM Sans,sans-serif;font-size:13px;outline:none;padding:8px 11px;width:100%}.mini-input:focus{background:#fff;border-color:#e11d48;border-color:var(--pink)}.payment-form{display:flex;flex-direction:column;gap:11px}.payment-summary-card{align-items:center;background:linear-gradient(135deg,#9f1239,#e11d48);background:linear-gradient(135deg,var(--pink-dark),var(--pink));border-radius:10px;display:flex;justify-content:space-between;padding:12px 16px}.payment-summary-card h3{color:#ffffffa6;font-size:10px;font-weight:700;letter-spacing:.06em;margin:0;text-transform:uppercase}.amount-display{color:#fff;font-size:24px;font-weight:800}.payment-received-row{display:flex;flex-direction:column;gap:4px}.payment-received-display{align-items:center;background:#fafafa;border:1.5px solid #e4e4e7;border:1.5px solid var(--border);border-radius:8px;display:flex;justify-content:space-between;min-height:44px;padding:9px 13px}.payment-received-display.sufficient{background:#f0fdf4;border-color:#16a34a;border-color:var(--green)}.payment-received-display.insufficient{background:#fef2f2;border-color:#ef4444}.payment-received-display.wallet{background:#f0fdf4;border-color:#10b981}.payment-received-value{color:#18181b;color:var(--text);font-size:20px;font-weight:800}.payment-received-hint{color:#a1a1aa;color:var(--subtle);font-size:10px;font-style:italic}.wallet-numpad-switch-btn{background:#e11d48;background:var(--pink);border:none;border-radius:5px;color:#fff;cursor:pointer;font-family:DM Sans,sans-serif;font-size:10px;font-weight:700;padding:3px 9px}.payment-wallet-section{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;display:flex;flex-direction:column;gap:7px;padding:9px 11px}.wallet-toggle-label,.wallet-toggle-row{align-items:center;display:flex}.wallet-toggle-label{cursor:pointer;font-size:12px;font-weight:600;gap:7px}.wallet-toggle-label input{accent-color:#16a34a;accent-color:var(--green);cursor:pointer;height:14px;width:14px}.wallet-toggle-text{align-items:center;color:#065f46;display:flex;gap:6px}.wallet-balance-chip{background:#bbf7d0;border-radius:12px;color:#065f46;font-size:9.5px;font-weight:700;padding:1px 8px}.wallet-amount-row{display:flex;flex-direction:column;gap:6px}.wallet-max-btn{align-self:flex-start;background:#16a34a;background:var(--green);border:none;border-radius:6px;color:#fff;cursor:pointer;font-family:DM Sans,sans-serif;font-size:11px;font-weight:700;padding:4px 11px}.wallet-max-btn:hover{background:#15803d}.wallet-remaining-display{background:#dbeafe;border-radius:6px;color:#1e40af;font-size:12px;padding:6px 11px;text-align:center}.payment-credit-section{background:#fffbeb;border:1px solid #fde68a;border-radius:8px;display:flex;flex-direction:column;gap:7px;padding:9px 11px}.credit-toggle-row{display:flex;flex-direction:column;gap:4px}.credit-toggle-label{align-items:center;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:7px}.credit-toggle-label input{cursor:pointer;height:14px;width:14px}.credit-toggle-text{align-items:center;color:#78350f;display:flex;gap:6px}.credit-avail-chip{background:#fde68a;border-radius:12px;color:#78350f;font-size:9.5px;font-weight:700;padding:1px 8px}.credit-avail-chip.insufficient{background:#fee2e2;color:#991b1b}.credit-insufficient-note{color:#ef4444;font-size:9.5px;font-weight:600;padding-left:22px}.credit-notice{background:#fef3c7;border:1px solid #fde68a;border-radius:6px;color:#78350f;font-size:11.5px;padding:6px 10px}.payment-methods-grid{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}.payment-method-btn{background:#fff;border:1px solid #e4e4e7;border:1px solid var(--border);border-radius:7px;color:#52525b;cursor:pointer;flex:1 1;font-family:DM Sans,sans-serif;font-size:10.5px;font-weight:700;min-width:64px;padding:8px 4px;touch-action:manipulation}.payment-method-btn:hover{background:#fdf2f5;background:var(--pink-light);border-color:#e11d48;border-color:var(--pink);color:#e11d48;color:var(--pink)}.payment-method-btn.active{background:#e11d48;background:var(--pink);border-color:#e11d48;border-color:var(--pink);color:#fff}.change-display{align-items:center;background:#dcfce7;border-radius:6px;display:flex;font-size:12px;justify-content:space-between;padding:6px 11px}.change-display.insufficient{background:#fee2e2}.change-label{color:#15803d;font-weight:600}.change-value{color:#15803d;font-size:15px;font-weight:800}.change-display.insufficient .change-label,.change-display.insufficient .change-value{color:#991b1b}.form-actions{gap:8px;padding-top:4px}.success-modal-content{align-items:center;display:flex;flex-direction:column;gap:14px;padding:4px 0}.success-icon-large{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;box-shadow:0 4px 12px #10b98147;color:#fff;display:flex;font-size:23px;font-weight:700;height:56px;justify-content:center;width:56px}.success-details{background:#fafafa;border:1px solid #e4e4e7;border:1px solid var(--border);border-radius:9px;display:flex;flex-direction:column;overflow:hidden;width:100%}.success-detail-row{align-items:center;border-bottom:1px solid #f4f4f5;display:flex;font-size:12.5px;justify-content:space-between;padding:8px 13px}.success-detail-row:last-child{border-bottom:none}.detail-label{color:#71717a;color:var(--muted);font-weight:500}.detail-value{color:#18181b;color:var(--text);font-weight:700}.detail-value.order-number{color:#e11d48;color:var(--pink);font-size:13px}.detail-value.total-amount{font-weight:800}.detail-value.final-amount{font-size:14px}.detail-value.discount,.detail-value.final-amount{color:#16a34a;color:var(--green)}.success-detail-row.highlight{background:#f0fdf4}.success-detail-row.final{background:#fdf2f5;background:var(--pink-light)}.subscription-credit-badge{background:#ede9fe;border-radius:6px;color:#5b21b6;font-size:11.5px;font-weight:700;padding:4px 9px;text-align:center}.credit-note{color:#71717a;color:var(--muted);display:block;font-size:9.5px;font-weight:500;margin-top:1px}.success-modal-actions{display:flex;gap:9px;width:100%}.success-modal-actions button{flex:1 1}.numpad-field-row{display:flex;flex-direction:column;gap:4px}.numpad-field-label{color:#71717a;color:var(--muted);font-size:10.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.numpad-field-placeholder{color:#d4d4d8;font-size:14px;font-weight:500}.subscription-banner{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 12px #667eea4d;color:#fff;margin-bottom:16px;padding:16px}.subscription-header{align-items:center;display:flex;gap:12px;margin-bottom:12px}.subscription-icon{align-items:center;background:#fff3;border-radius:50%;display:flex;flex-shrink:0;font-size:20px;height:40px;justify-content:center;width:40px}.subscription-info{flex:1 1;min-width:0}.subscription-plan-name{font-size:16px;font-weight:600;line-height:1.2;margin-bottom:6px}.subscription-meta{align-items:center;display:flex;font-size:13px;gap:12px}.days-remaining{font-weight:500;opacity:.9}.subscription-benefits{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(110px,1fr))}.benefit-item{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border-radius:8px;display:flex;font-size:12px;gap:6px;padding:8px 10px}.benefit-icon{flex-shrink:0;font-size:16px}.benefit-text{font-weight:500;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.subscription-discount-applied{align-items:center;background:#e8f5e9;border:1px solid #a5d6a7;border-radius:8px;color:#1e7e34;display:flex;font-size:13px;font-weight:500;gap:8px;margin:12px 0;padding:12px}.subscription-discount-applied .discount-icon{flex-shrink:0;font-size:18px}.summary-row-mini.highlight{background:#f1f8e9;border-radius:6px;margin:4px 0;padding:8px 12px}.summary-row-mini.highlight .value-text.discount{color:#558b2f;font-weight:700}.subscription-loading{color:#5f6368;font-size:13px;padding:12px;text-align:center}@media (max-width:1200px){.subscription-banner{padding:14px}.subscription-benefits{grid-template-columns:repeat(2,1fr)}.benefit-item{font-size:11px;padding:6px 8px}}@media (max-width:768px){.subscription-banner{padding:12px}.subscription-plan-name{font-size:14px}.subscription-meta{align-items:flex-start;flex-direction:column;gap:6px}.subscription-benefits{grid-template-columns:1fr}}.tabs{border-bottom:2px solid #e1e8ed;display:flex;gap:8px;margin-bottom:24px;overflow-x:auto}.tab{background:none;border:none;border-bottom:3px solid #0000;color:#5f6368;cursor:pointer;font-size:14px;font-weight:600;padding:16px 32px;transition:all .2s;white-space:nowrap}.tab:hover{background-color:#f8f9fa;color:#667eea}.tab.active{border-bottom-color:#667eea;color:#667eea}.subscription-plans-table,.subscriptions-table-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;overflow:hidden}.table-container{overflow-x:auto}.table{border-collapse:collapse;width:100%}.table thead{background:#f8f9fa;border-bottom:2px solid #e1e8ed}.table th{color:#5f6368;font-size:12px;font-weight:600;letter-spacing:.5px;padding:16px 12px;text-align:left;text-transform:uppercase}.table tbody tr{border-bottom:1px solid #e1e8ed;transition:background .2s}.table tbody tr:hover{background:#f8f9fa}.table td{padding:16px 12px;vertical-align:top}.plan-preview{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 12px #667eea33;color:#fff;margin:20px 0;padding:20px}.plan-preview-header{align-items:center;border-bottom:1px solid #fff3;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.plan-preview-header h4{color:#fff;font-size:16px;font-weight:600;margin:0}.plan-preview-content{display:flex;flex-direction:column;gap:12px}.preview-row{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:8px;display:flex;justify-content:space-between;padding:10px 14px}.preview-row.highlight{background:#fff3;border:1px solid #ffffff4d}.preview-label{align-items:center;display:flex;font-size:13px;font-weight:500;gap:6px}.preview-value{font-size:14px;font-weight:600}.kuwait-price{font-size:18px;font-weight:700}.preview-value.discount{color:gold}.plan-savings{background:#ffffff26;border:1px solid #fff3;border-radius:8px;margin-top:16px;padding:14px}.savings-title{font-size:13px;font-weight:600;margin-bottom:6px}.savings-text{font-size:12px;line-height:1.5;opacity:.95}.savings-text strong{color:gold;font-size:14px}.benefit-usage{display:flex;font-size:12px;justify-content:space-between;padding:4px 0}.benefit-label{color:#5f6368}.benefit-value{color:#667eea;font-weight:600}.benefit-tag-small{background:#e8f5e9;border-radius:4px;color:#1e7e34;margin-top:4px;padding:3px 8px}.benefit-tag-small,.days-remaining-badge{display:inline-block;font-size:11px;font-weight:600}.days-remaining-badge{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-radius:6px;color:#0d47a1;padding:4px 8px}.checkbox-group,.checkbox-label{align-items:center;display:flex}.checkbox-label{color:#202124;cursor:pointer;font-size:14px;gap:10px;-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{accent-color:#667eea;cursor:pointer;height:20px;width:20px}.checkbox-label span{font-weight:500}.form-section{background:#f8f9fa;border:2px solid #e1e8ed;border-radius:12px;margin:20px 0;padding:20px}.pricing-examples{animation:fadeIn .3s ease-in;background:#f0f9ff;border:1px solid #bfdbfe;border-radius:8px;margin-top:16px;padding:12px 16px}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.empty-state{background:#fff;border:2px dashed #e1e8ed;border-radius:12px;color:#5f6368;padding:60px 20px;text-align:center}.empty-icon{font-size:64px;margin-bottom:16px;opacity:.5}.empty-state p{color:#202124;font-size:18px;font-weight:600;margin:0 0 8px}.empty-hint{color:#5f6368;font-size:14px}.input-hint{color:#5f6368;display:block;font-size:12px;font-style:italic;margin-top:6px}.form-actions{border-top:1px solid #e1e8ed;display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:20px}@media (max-width:1200px){.table{font-size:13px}.table td,.table th{padding:12px 8px}}@media (max-width:968px){.table-container{-webkit-overflow-scrolling:touch;overflow-x:scroll}.table{min-width:900px}}@media (max-width:768px){.tabs{-webkit-overflow-scrolling:touch;overflow-x:scroll}.tab{font-size:13px;padding:12px 20px}.plan-preview{padding:16px}.form-actions{flex-direction:column}.form-actions button{width:100%}}@media print{.form-actions,.tabs{display:none}.table{border:1px solid #ddd}.table tbody tr:hover{background:none}}.table-container::-webkit-scrollbar{height:8px}.table-container::-webkit-scrollbar-track{background:#f8f9fa}.table-container::-webkit-scrollbar-thumb{background:#dadce0;border-radius:4px}.table-container::-webkit-scrollbar-thumb:hover{background:#bdc1c6}.table-loading{color:#5f6368;font-size:14px;padding:40px;text-align:center}.table-loading:before{animation:rotate 2s linear infinite;content:"⏳";display:block;font-size:32px;margin-bottom:12px}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.ps-root{background:#f8fafc;font-family:DM Sans,Segoe UI,sans-serif;min-height:100vh;padding:24px}.ps-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:24px}.ps-title{color:#0f172a;font-size:26px;font-weight:800;margin:0 0 4px}.ps-subtitle{color:#64748b;font-size:14px;margin:0}.ps-summary-row{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px}.ps-summary-card{align-items:center;background:#fff;border-radius:12px;border-top:3px solid #3b82f6;box-shadow:0 1px 4px #0000000f;display:flex;flex:1 1 160px;gap:14px;min-width:140px;padding:16px 20px}.ps-summary-icon{font-size:22px}.ps-summary-value{font-size:20px;font-weight:800;line-height:1}.ps-summary-label{color:#64748b;font-size:11px;letter-spacing:.5px;margin-top:2px;text-transform:uppercase}.ps-summary-sub{color:#94a3b8;font-size:11px;margin-top:2px}.ps-tabs{border-bottom:2px solid #e2e8f0;display:flex;gap:0;margin-bottom:0}.ps-tab{align-items:center;background:#0000;border:none;border-bottom:3px solid #0000;color:#64748b;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;margin-bottom:-2px;padding:12px 24px;transition:all .15s;white-space:nowrap}.ps-tab:hover{background:#f1f5f9;color:#1e40af}.ps-tab.active{background:#fff;border-bottom-color:#1d4ed8;color:#1d4ed8;font-weight:700}.ps-tab-icon{font-size:16px}.ps-content{background:#fff;border:1px solid #e2e8f0;border-radius:0 0 12px 12px;border-top:none;min-height:500px}.ps-tab-pane{padding:20px}.ps-filters{flex-wrap:wrap;gap:10px;margin-bottom:16px}.ps-filters,.ps-search-wrap{align-items:center;display:flex}.ps-search-wrap{flex:1 1;min-width:280px;position:relative}.ps-search-icon{font-size:15px;left:12px;pointer-events:none;position:absolute}.ps-search-input{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:8px;font-size:14px;outline:none;padding:9px 12px 9px 36px;transition:border-color .15s;width:100%}.ps-search-input:focus{background:#fff;border-color:#3b82f6}.ps-filter-date,.ps-filter-select{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:8px;color:#374151;cursor:pointer;font-size:14px;outline:none;padding:9px 12px}.ps-filter-date:focus,.ps-filter-select:focus{border-color:#3b82f6}.ps-table-meta{align-items:center;color:#64748b;display:flex;font-size:13px;justify-content:space-between;margin-bottom:10px}.ps-count{color:#374151;font-weight:600}.ps-total-label strong{color:#10b981}.ps-table-wrap{border:1px solid #e2e8f0;border-radius:10px;overflow-x:auto}.ps-table{border-collapse:collapse;font-size:13.5px;width:100%}.ps-table thead{background:#f8fafc}.ps-table th{border-bottom:1.5px solid #e2e8f0;color:#374151;font-size:12px;font-weight:700;letter-spacing:.4px;padding:11px 14px;text-align:left;text-transform:uppercase;white-space:nowrap}.ps-table td{border-bottom:1px solid #f1f5f9;padding:11px 14px;vertical-align:middle}.ps-row:hover td{background:#f8fafc}.ps-row{cursor:pointer;transition:background .1s}.ps-empty{color:#94a3b8;font-size:14px;padding:48px;text-align:center}.ps-txn-id{color:#6366f1;font-family:monospace}.ps-order-num{background:#f1f5f9;border-radius:4px;color:#334155;font-family:monospace;padding:2px 8px}.ps-date,.ps-order-num{font-size:12px;white-space:nowrap}.ps-date{color:#94a3b8}.ps-desc{color:#64748b;font-size:12px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ps-loading{color:#94a3b8;font-size:15px;padding:60px;text-align:center}.ps-pagination{align-items:center;display:flex;gap:16px;justify-content:center;margin-top:16px;padding:8px 0}.ps-page-label{color:#64748b;font-size:13px}.ps-settle-btn{background:#fef3c7;border:1.5px solid #fcd34d;border-radius:6px;color:#92400e;cursor:pointer;font-size:12px;font-weight:700;padding:5px 14px;transition:all .15s;white-space:nowrap}.ps-settle-btn:hover{background:#fcd34d;border-color:#f59e0b}.ps-settle-btn-lg{background:#1d4ed8;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;font-weight:700;margin-left:auto;padding:8px 16px;transition:background .15s;white-space:nowrap}.ps-settle-btn-lg:hover{background:#1e40af}.ps-wallet-summary{display:flex;gap:16px;margin-bottom:16px}.ps-wallet-sum-card{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;display:flex;flex:1 1;gap:14px;padding:16px 20px}.ps-wallet-sum-card.credit{border-left:3px solid #10b981}.ps-wallet-sum-card.debit{border-left:3px solid #ef4444}.ps-wallet-sum-icon{font-size:22px}.ps-wallet-sum-value{font-size:20px;font-weight:800}.ps-wallet-sum-label{color:#64748b;font-size:12px}.ps-outstanding-header{align-items:center;display:flex;gap:16px;margin-bottom:20px}.ps-outstanding-stats{align-items:center;color:#374151;display:flex;font-size:14px;gap:10px}.ps-outstanding-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.ps-credit-card{background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;padding:18px;transition:box-shadow .15s}.ps-credit-card:hover{box-shadow:0 4px 16px #00000014}.ps-credit-card-header{align-items:center;display:flex;gap:12px;margin-bottom:14px}.ps-credit-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:16px;font-weight:800;height:40px;justify-content:center;width:40px}.ps-credit-info{flex:1 1}.ps-credit-name{color:#0f172a;font-weight:700}.ps-credit-phone{color:#64748b;font-size:12px}.ps-credit-amounts{display:flex;gap:8px;margin-bottom:10px}.ps-credit-avail,.ps-credit-limit,.ps-credit-used{background:#f8fafc;border-radius:8px;flex:1 1;padding:8px 10px;text-align:center}.ps-credit-avail span,.ps-credit-limit span,.ps-credit-used span{color:#94a3b8;display:block;font-size:10px;letter-spacing:.4px;margin-bottom:3px;text-transform:uppercase}.ps-credit-avail strong,.ps-credit-limit strong,.ps-credit-used strong{font-size:14px;font-weight:800}.ps-credit-bar-wrap{background:#e2e8f0;border-radius:3px;height:6px;margin-bottom:4px;overflow:hidden}.ps-credit-bar-fill{border-radius:3px;height:100%;transition:width .3s}.ps-credit-pct{color:#94a3b8;font-size:11px;text-align:right}.ps-empty-state{color:#94a3b8;padding:60px;text-align:center}.ps-empty-icon{font-size:48px;margin-bottom:12px}.ps-detail-modal{display:flex;flex-direction:column;gap:12px}.ps-detail-row{align-items:center;background:#f8fafc;border-radius:8px;display:flex;font-size:14px;justify-content:space-between;padding:10px 14px}.ps-detail-row span:first-child{color:#64748b}.ps-modal-form{gap:16px}.ps-modal-field,.ps-modal-form{display:flex;flex-direction:column}.ps-modal-field{gap:6px}.ps-modal-field label{color:#374151;font-size:13px;font-weight:600}.ps-modal-input{border:1.5px solid #e2e8f0;border-radius:8px;box-sizing:border-box;font-size:14px;outline:none;padding:10px 12px;transition:border-color .15s;width:100%}.ps-modal-input:focus{border-color:#3b82f6}.ps-amount-input{font-size:20px;font-weight:700;text-align:center}.ps-method-buttons{display:flex;gap:8px}.ps-method-btn{background:#f8fafc;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;flex:1 1;font-size:13px;font-weight:600;padding:9px 12px;transition:all .15s}.ps-method-btn:hover{border-color:#3b82f6;color:#1d4ed8}.ps-method-btn.active{background:#dbeafe;border-color:#1d4ed8;color:#1d4ed8}.ps-modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:4px}.ps-customer-dropdown{background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;box-shadow:0 8px 24px #0000001f;left:0;margin-top:4px;overflow:hidden;position:absolute;right:0;top:100%;z-index:100}.ps-modal-field{position:relative}.ps-customer-option{align-items:center;cursor:pointer;display:flex;font-size:13px;gap:10px;padding:10px 14px;transition:background .1s}.ps-customer-option:hover{background:#f1f5f9}.ps-customer-option strong{flex:1 1}.ps-wallet-chip{background:#d1fae5;border-radius:10px;color:#065f46;font-size:11px;font-weight:700;padding:2px 8px}.ps-selected-customer{background:#f0fdf4;border:1.5px solid #86efac;border-radius:8px;margin-top:6px;padding:10px 12px}.ps-sel-info,.ps-selected-customer{align-items:center;display:flex;gap:12px}.ps-sel-info{flex:1 1;flex-wrap:wrap;font-size:13px}.ps-sel-info strong{font-weight:700}.ps-clear-customer{background:none;border:none;color:#94a3b8;cursor:pointer;font-size:18px;padding:0 4px}.ps-clear-customer:hover{color:#ef4444}.ps-settle-customer-banner{align-items:center;background:#fefce8;border:1.5px solid #fcd34d;border-radius:10px;display:flex;gap:12px;padding:12px 16px}.ps-settle-orders-list{border:1.5px solid #e2e8f0;border-radius:8px;display:flex;flex-direction:column;gap:4px;max-height:200px;overflow-y:auto;padding:8px}.ps-settle-order-row{align-items:center;border-radius:6px;cursor:pointer;display:flex;font-size:13px;gap:10px;padding:8px 10px;transition:background .1s}.ps-settle-order-row:hover{background:#f8fafc}.ps-settle-order-row input{cursor:pointer}.ps-order-date{color:#94a3b8;font-size:12px}.ps-settle-order-row strong{margin-left:auto}.ps-checkbox-label{align-items:center;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px}.ps-checkbox-label input{cursor:pointer;height:16px;width:16px}.customer-card-wallet{align-items:center;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;display:flex;font-size:13px;justify-content:space-between;margin-top:6px;padding:5px 10px}.wallet-label{color:#065f46;font-weight:600}.wallet-value{color:#10b981;font-weight:800}.customer-card-credit{background:#fffbeb;border:1px solid #fde68a;border-radius:6px;font-size:12px;margin-top:8px;padding:7px 10px}.credit-header-row{display:flex;justify-content:space-between;margin-bottom:5px}.credit-label{color:#92400e;font-weight:700}.credit-available{color:#10b981;font-weight:600}.credit-bar-wrap{background:#fde68a;border-radius:3px;height:5px;margin-bottom:4px;overflow:hidden}.credit-bar-fill{border-radius:3px;height:100%}.credit-bar-labels{color:#9ca3af;display:flex;justify-content:space-between}.loyalty-badge{background:#fef3c7;border-radius:10px;color:#92400e;font-size:11px;font-weight:600;padding:2px 8px}.om-tab-count{background:#e2e8f0;border-radius:20px;color:#374151;font-size:11px;font-weight:700;margin-left:2px;padding:1px 8px}.ps-tab.active .om-tab-count{background:#dbeafe;color:#1d4ed8}.om-badge{border-radius:20px;display:inline-block;font-size:12px;font-weight:700;line-height:1.4;padding:3px 10px;white-space:nowrap}.om-search-clear{background:none;border:none;border-radius:4px;color:#94a3b8;cursor:pointer;font-size:13px;padding:2px 4px;position:absolute;right:10px;transition:color .15s}.om-search-clear:hover{color:#ef4444}.om-clear-filters{background:none;border:1.5px solid #fca5a5;border-radius:7px;color:#ef4444;cursor:pointer;font-family:DM Sans,sans-serif;font-size:12px;font-weight:700;padding:7px 12px;transition:all .15s}.om-clear-filters:hover{background:#fee2e2}.om-avatar-sm{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:800;height:30px;justify-content:center;width:30px}.om-cust-name-cell{color:#0f172a;font-size:13px;font-weight:700}.om-cust-phone-cell{color:#64748b;font-size:11px}.om-action-btn{background:none;border:1.5px solid #e2e8f0;border-radius:6px;cursor:pointer;font-family:DM Sans,sans-serif;font-size:13px;padding:4px 7px;transition:all .15s}.om-action-btn:hover{background:#f1f5f9;border-color:#94a3b8}.om-action-btn.danger:hover{background:#fee2e2;border-color:#fca5a5}.om-status-modal-info{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;flex-wrap:wrap;gap:10px;padding:10px 14px}.om-status-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr 1fr}.om-status-option{background:#f8fafc;border:2px solid #e2e8f0;border-radius:8px;color:#374151;cursor:pointer;font-family:DM Sans,sans-serif;font-size:13px;font-weight:700;padding:10px 12px;text-align:center;transition:all .15s}.om-status-option:not([disabled]):hover{background:#fff;border-color:#94a3b8}.om-status-option.selected{border-width:2px}.om-delete-warning{align-items:flex-start;background:#fff7ed;border:1.5px solid #fed7aa;border-radius:10px;display:flex;gap:16px;padding:16px}.om-detail{display:flex;flex-direction:column;gap:20px}.om-detail-top-bar{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;gap:12px;justify-content:space-between;padding:12px 16px}.om-detail-badges,.om-detail-top-bar{align-items:center;display:flex;flex-wrap:wrap}.om-detail-badges{gap:6px}.om-icon-btn{align-items:center;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;gap:6px;padding:7px 14px;transition:all .15s}.om-icon-btn:hover{background:#fff;border-color:#94a3b8}.om-detail-2col{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}@media (max-width:680px){.om-detail-2col{grid-template-columns:1fr}}.om-detail-section{display:flex;flex-direction:column;gap:8px}.om-section-title{border-bottom:1px solid #f1f5f9;color:#94a3b8;font-size:11px;font-weight:700;letter-spacing:.07em;padding-bottom:6px;text-transform:uppercase}.om-info-row{align-items:flex-start;background:#f8fafc;border-radius:8px;display:flex;font-size:13px;gap:12px;justify-content:space-between;padding:8px 12px}.om-info-label{color:#64748b;flex-shrink:0}.om-info-val{color:"#0f172a";font-weight:600;text-align:right;word-break:break-word}.om-notes-box{background:#fffbeb;border:1px solid #fde68a;border-radius:8px;padding:10px 12px}.om-customer-card{align-items:flex-start;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;display:flex;gap:14px;padding:14px}.om-avatar-lg{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:20px;font-weight:800;height:48px;justify-content:center;width:48px}.om-customer-info{display:flex;flex-direction:column;gap:3px}.om-cust-name-lg{color:"#0f172a";font-size:16px;font-weight:800}.om-cust-detail{color:#64748b;font-size:12px}.om-finance-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.om-finance-chip{border-radius:20px;font-size:12px;font-weight:700;padding:4px 12px}.om-finance-chip.green{background:#d1fae5;color:#065f46}.om-finance-chip.amber{background:#fef3c7;color:"#92400e"}.om-finance-chip.purple{background:#ede9fe;color:#5b21b6}.om-item-tag{background:#eff6ff;border-radius:20px;color:#1d4ed8;font-size:10px;font-weight:600;padding:2px 8px}.om-item-tag.warn{background:#fff7ed;color:#c2410c}.om-qty-chip{align-items:center;background:#f1f5f9;border-radius:6px;color:#374151;display:inline-flex;font-size:12px;font-weight:700;justify-content:center;padding:2px 8px}.om-pay-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden}.om-pay-row{align-items:center;border-bottom:1px solid #f1f5f9;color:#374151;display:flex;font-size:13px;justify-content:space-between;padding:8px 14px}.om-pay-row:last-child{border-bottom:none}.om-pay-row.accent-green{background:#f0fdf4;color:#065f46;font-weight:600}.om-pay-row.accent-amber{background:#fffbeb;color:#92400e;font-weight:600}.om-pay-divider{background:#e2e8f0;height:2px}.om-pay-total-row{background:#f8fafc;color:#0f172a;padding:11px 14px}.om-pay-final-row,.om-pay-total-row{align-items:center;display:flex;font-size:15px;font-weight:800;justify-content:space-between}.om-pay-final-row{background:linear-gradient(135deg,#0f172a,#1d4ed8);color:#fff;padding:14px 16px}.om-pay-final-row span:first-child{color:#ffffffa6;font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.om-sub-card{align-items:flex-start;background:#faf5ff;border:1.5px solid #c4b5fd;border-radius:10px;display:flex;gap:14px;padding:14px}.om-sub-icon{flex-shrink:0;font-size:28px}.om-sub-name{color:"#0f172a";font-size:15px;font-weight:700;margin-bottom:4px}.om-sub-detail{color:#6d28d9;font-size:12px;margin-top:3px}.od-status-strip{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:10px;display:flex;gap:6px;margin-bottom:20px;overflow-x:auto;padding:12px 16px;scrollbar-width:none}.od-status-strip::-webkit-scrollbar{display:none}.od-step{align-items:center;background:#f8fafc;border:2px solid #e2e8f0;border-radius:8px;color:#94a3b8;display:flex;font-size:13px;font-weight:600;justify-content:center;padding:7px 16px;transition:all .2s;white-space:nowrap}.od-step.current{font-weight:700}.od-step.past{background:#f0fdf4;border-color:#bbf7d0;color:#065f46}.od-step-arrow{color:#cbd5e1;flex-shrink:0;font-size:18px}.od-step-arrow.filled{color:#86efac}.od-info-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr 1fr;margin-bottom:20px}@media (max-width:900px){.od-info-grid{grid-template-columns:1fr 1fr}}@media (max-width:600px){.od-info-grid{grid-template-columns:1fr}}.od-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:16px 18px}.od-card-title{border-bottom:1px solid #f1f5f9;color:#94a3b8;font-size:11px;font-weight:700;letter-spacing:.07em;margin-bottom:12px;padding-bottom:10px;text-transform:uppercase}.od-info-row{align-items:flex-start;background:#f8fafc;border-radius:7px;display:flex;font-size:13px;justify-content:space-between;margin-bottom:4px;padding:7px 10px}.od-info-lbl{color:#64748b;flex-shrink:0;font-size:12px}.od-info-val{font-weight:600;text-align:right}.od-info-val,.om-cust-name-lg{color:#0f172a}.cm-loyalty-chip{background:#fef3c7;border-radius:12px;color:#92400e;display:inline-block;font-size:10px;font-weight:600;margin-top:2px;padding:2px 7px}.cm-finance-chip{border-radius:20px;display:inline-block;font-size:12px;font-weight:700;padding:4px 12px}.cm-finance-chip.green{background:#d1fae5;color:#065f46}.cm-finance-chip.amber{background:#fef3c7;color:#92400e}.cm-finance-chip.purple{background:#ede9fe;color:#5b21b6}.cm-status-badge{border-radius:20px;display:inline-block;font-size:12px;font-weight:700;padding:3px 10px;white-space:nowrap}.cm-credit-bar-wrap{background:#e5e7eb;border-radius:3px;height:5px;overflow:hidden}.cm-credit-bar-fill{border-radius:3px;height:100%;transition:width .3s}.cm-detail{display:flex;flex-direction:column;gap:20px}.cm-detail-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr 1fr}@media (max-width:900px){.cm-detail-grid{grid-template-columns:1fr 1fr}}@media (max-width:600px){.cm-detail-grid{grid-template-columns:1fr}}.cm-stats-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.cm-stat-box{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;display:flex;gap:12px;padding:12px 14px}.cm-stat-icon{flex-shrink:0;font-size:24px}.cm-stat-value{color:#0f172a;font-size:20px;font-weight:800;line-height:1}.cm-stat-label{color:#94a3b8;font-size:11px;font-weight:600;letter-spacing:.05em;margin-top:3px;text-transform:uppercase}.cm-finance-card{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;margin-bottom:8px;padding:14px}.cm-finance-card.wallet{background:#f0fdf4;border-color:#bbf7d0}.cm-finance-card.credit{background:#fffbeb;border-color:#fde68a}.cm-finance-card.disabled{background:#f8fafc;border-color:#e2e8f0;opacity:.6}.cm-finance-header{align-items:flex-start;display:flex;gap:12px;margin-bottom:12px}.cm-finance-icon{flex-shrink:0;font-size:28px}.cm-finance-title{color:#94a3b8;font-size:11px;font-weight:700;letter-spacing:.06em;margin-bottom:4px;text-transform:uppercase}.cm-finance-amount{font-size:20px;font-weight:800;line-height:1}.cm-credit-breakdown{display:flex;gap:12px;justify-content:space-around;margin-bottom:10px}.cm-credit-item{align-items:center;display:flex;flex-direction:column;gap:3px}.cm-credit-item span{color:#9ca3af;font-size:10px;font-weight:600;text-transform:uppercase}.cm-credit-item strong{color:#0f172a;font-size:14px}.cm-credit-pct{color:#9ca3af;font-size:11px;font-weight:600;margin-top:4px;text-align:right}.sm-detail-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr 1fr}@media (max-width:900px){.sm-detail-grid{grid-template-columns:1fr 1fr}}@media (max-width:600px){.sm-detail-grid{grid-template-columns:1fr}}.sm-benefits-card{background:#faf5ff;border:1.5px solid #c4b5fd;border-radius:10px;padding:12px}.sm-benefit-row{align-items:flex-start;background:#fff;border-radius:8px;display:flex;gap:12px;margin-bottom:8px;padding:10px}.sm-benefit-row:last-child{margin-bottom:0}.sm-benefit-icon{flex-shrink:0;font-size:24px}.sm-benefit-label{color:#94a3b8;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.sm-benefit-value{color:#6d28d9;font-size:14px;font-weight:700;margin-top:2px}.pm-detail-grid{grid-template-columns:1fr 1fr}@media (max-width:680px){.pm-detail-grid{grid-template-columns:1fr}}.pm-plan-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;overflow:hidden;padding:20px;position:relative}.pm-plan-card:before{background:#ffffff1a;border-radius:50%;content:"";height:200px;position:absolute;right:-20%;top:-50%;width:200px}.pm-plan-name{font-size:20px;font-weight:800;margin-bottom:4px;position:relative;z-index:1}.pm-plan-desc{font-size:13px;margin-bottom:16px;opacity:.9;position:relative;z-index:1}.pm-plan-price{font-size:32px;font-weight:800;margin-bottom:4px;position:relative;z-index:1}.pm-plan-duration{font-size:13px;opacity:.85;position:relative;z-index:1}.pm-plan-divider{background:#fff3;height:1px;margin:16px 0}.pm-benefits-list,.pm-plan-divider{position:relative;z-index:1}.pm-benefit-item{align-items:center;display:flex;font-size:13px;gap:10px;padding:8px 0}.pm-benefit-item-icon{flex-shrink:0;font-size:16px}.pm-stats-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.pm-stat-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:14px;text-align:center}.pm-stat-value{color:#0f172a;font-size:24px;font-weight:800;margin-bottom:4px}.pm-stat-label{color:#94a3b8;font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.pm-detail{display:flex;flex-direction:column;gap:20px}.pm-detail-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr 1fr}@media (max-width:900px){.pm-detail-grid{grid-template-columns:1fr 1fr}}@media (max-width:600px){.pm-detail-grid{grid-template-columns:1fr}}.ps-txn-id{background:#eff6ff;border-radius:4px;color:#1d4ed8;font-family:Courier New,monospace;font-size:12px;font-weight:600;padding:2px 8px}.db-period-selector{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:24px;padding:16px 20px}.db-period-tabs{display:flex;flex-wrap:wrap;gap:8px}.db-period-tab{align-items:center;background:#f8fafc;border:2px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:all .15s}.db-period-tab:hover{border-color:#94a3b8;color:#374151}.db-period-tab.active{background:#dbeafe;border-color:#1d4ed8;color:#1d4ed8;font-weight:700}.db-custom-range{align-items:center;border-top:1px solid #f1f5f9;display:flex;gap:10px;margin-top:12px;padding-top:12px}.db-metrics-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:24px}.db-metric-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;border-top:3px solid #3b82f6;box-shadow:0 1px 4px #0000000f;display:flex;gap:14px;padding:18px;transition:box-shadow .2s}.db-metric-card:hover{box-shadow:0 4px 12px #00000014}.db-metric-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;font-size:24px;height:48px;justify-content:center;width:48px}.db-metric-content{flex:1 1}.db-metric-label{color:#94a3b8;font-size:11px;font-weight:700;letter-spacing:.05em;margin-bottom:4px;text-transform:uppercase}.db-metric-value{font-size:24px;font-weight:800;line-height:1.2;margin-bottom:4px}.db-metric-sub{color:#64748b;font-size:12px;margin-bottom:4px}.db-metric-change{font-size:12px;font-weight:700;margin-top:6px}.db-section{margin-bottom:32px}.db-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.db-section-title{align-items:center;color:#0f172a;display:flex;font-size:18px;font-weight:800;gap:10px}.db-section-icon{font-size:22px}.db-cards-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.db-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.db-card-header{border-bottom:1px solid #f1f5f9;padding:16px 18px}.db-card-title{color:#0f172a;font-size:14px;font-weight:700;margin:0}.db-card-content{padding:16px 18px}.db-bar-item{margin-bottom:16px}.db-bar-item:last-child{margin-bottom:0}.db-bar-label{align-items:center;color:#374151;display:flex;font-size:13px;font-weight:600;margin-bottom:6px}.db-bar-value{color:#0f172a;font-size:16px;font-weight:800;margin-bottom:6px}.db-bar-wrap{background:#f1f5f9;border-radius:4px;height:8px;margin-bottom:4px;overflow:hidden}.db-bar-fill{border-radius:4px;height:100%;transition:width .3s ease}.db-bar-count{color:#94a3b8;font-size:11px}.db-breakdown-item{grid-gap:12px;align-items:center;border-bottom:1px solid #f1f5f9;display:grid;gap:12px;grid-template-columns:120px 1fr 100px;padding:10px 0}.db-breakdown-item:last-of-type{border-bottom:none}.db-breakdown-label{color:#64748b;font-size:13px;font-weight:600}.db-breakdown-bar{background:#f1f5f9;border-radius:3px;display:block;height:6px;overflow:hidden}.db-breakdown-fill{border-radius:3px;display:block;height:100%;transition:width .3s ease}.db-breakdown-value{color:#0f172a;font-size:14px;font-weight:700;text-align:right}.db-breakdown-divider{background:#e2e8f0;height:2px;margin:12px 0}.db-breakdown-item.total{border-top:2px solid #e2e8f0;padding-top:12px}.db-breakdown-item.total .db-breakdown-label{color:#0f172a;font-size:14px;font-weight:700}.db-breakdown-item.total .db-breakdown-value{color:#10b981;font-size:18px}.db-stats-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.db-stat-box{background:#fff;border:1px solid #e2e8f0;border-radius:10px;gap:12px;padding:16px}.db-stat-box,.db-stat-icon{align-items:center;display:flex}.db-stat-icon{border-radius:8px;flex-shrink:0;font-size:20px;height:40px;justify-content:center;width:40px}.db-stat-value{color:#0f172a;font-size:20px;font-weight:800;line-height:1;margin-bottom:2px}.db-stat-label{color:#94a3b8;font-size:11px;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.db-progress-bar{background:#f1f5f9;border-radius:3px;height:6px;overflow:hidden;width:100%}.db-progress-fill{border-radius:3px;height:100%;transition:width .3s ease}.db-info-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.db-info-item{background:#f8fafc;border-radius:8px;display:flex;flex-direction:column;gap:4px;padding:12px}.db-info-label{color:#94a3b8;font-size:11px;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.db-info-value{color:#0f172a;font-size:18px;font-weight:800}.db-top-item{align-items:center;background:#f8fafc;border-radius:8px;display:flex;gap:12px;margin-bottom:8px;padding:12px;transition:background .15s}.db-top-item:last-child{margin-bottom:0}.db-top-item:hover{background:#f1f5f9}.db-top-rank{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:800;height:28px;justify-content:center;width:28px}.db-top-info{flex:1 1}.db-top-name{color:#0f172a;font-size:13px;font-weight:700;margin-bottom:2px}.db-top-meta{color:#94a3b8;font-size:11px}.db-top-value{color:#10b981;font-size:16px;font-weight:800}.db-performance-badge{border-radius:20px;display:inline-block;font-size:12px;font-weight:700;padding:4px 12px;white-space:nowrap}.db-activity-feed{background:#fff;border:1px solid #e2e8f0;border-radius:12px;max-height:500px;overflow-y:auto;padding:16px}.db-activity-item{align-items:flex-start;border-bottom:1px solid #f1f5f9;display:flex;gap:12px;padding:12px}.db-activity-item:last-child{border-bottom:none}.db-activity-icon{align-items:center;border-radius:8px;display:flex;flex-shrink:0;font-size:18px;height:36px;justify-content:center;width:36px}.db-activity-content{flex:1 1}.db-activity-text{color:#374151;font-size:13px;line-height:1.5;margin-bottom:2px}.db-activity-time{color:#94a3b8;font-size:11px}.db-activity-amount{color:#10b981;font-size:15px;font-weight:800}.db-empty{color:#94a3b8;font-size:14px;padding:40px 20px;text-align:center}@media (max-width:768px){.db-cards-row,.db-metrics-row{grid-template-columns:1fr}.db-stats-grid{grid-template-columns:1fr 1fr}.db-info-grid{grid-template-columns:1fr}}.rm-tab-count{background:#e2e8f0;border-radius:20px;color:#374151;font-size:11px;font-weight:700;margin-left:2px;padding:1px 8px}.ps-tab.active .rm-tab-count{background:#dbeafe;color:#1d4ed8}.rm-badge{border-radius:20px;display:inline-block;font-size:12px;font-weight:700;line-height:1.4;padding:3px 10px;white-space:nowrap}.rm-search-clear{background:none;border:none;border-radius:4px;color:#94a3b8;cursor:pointer;font-size:13px;padding:2px 4px;position:absolute;right:10px;transition:color .15s}.rm-search-clear:hover{color:#ef4444}.rm-action-btn{background:none;border:1.5px solid #e2e8f0;border-radius:6px;cursor:pointer;font-family:DM Sans,sans-serif;font-size:13px;padding:4px 7px;transition:all .15s}.rm-action-btn:hover{background:#f1f5f9;border-color:#94a3b8}.rm-action-btn.danger:hover{background:#fee2e2;border-color:#fca5a5}.rm-delete-warning{align-items:flex-start;background:#fff7ed;border:1.5px solid #fed7aa;border-radius:10px;display:flex;gap:16px;padding:16px}.rm-system-banner{align-items:center;background:#fffbeb;border:1px solid #fde68a;border-radius:8px;color:#92400e;display:flex;font-size:13px;gap:10px;padding:10px 14px}.rm-perm-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#94a3b8;font-size:10px;font-weight:700;letter-spacing:.05em;padding:8px 12px;text-transform:uppercase}.rm-perm-header,.rm-perm-row{grid-gap:6px;display:grid;gap:6px;grid-template-columns:170px repeat(4,1fr)}.rm-perm-row{align-items:center;border-bottom:1px solid #f1f5f9;padding:10px 12px;transition:background .1s}.rm-perm-row:last-child{border-bottom:none}.rm-perm-row:hover{background:#fafafa}.rm-perm-module{align-items:center;color:#334155;display:flex;font-size:13px;font-weight:600;gap:8px}.rm-perm-module-icon{font-size:15px}.rm-perm-cell,.rm-toggle{align-items:center;display:flex;justify-content:center}.rm-toggle{background:#f8fafc;border:2px solid #e2e8f0;border-radius:6px;color:#fff;cursor:pointer;flex-shrink:0;font-size:13px;font-weight:700;height:28px;transition:all .15s ease;width:28px}.rm-toggle.on{background:#10b981;border-color:#10b981}.rm-toggle.off{background:#f8fafc;border-color:#e2e8f0;color:#0000}.rm-toggle.readonly{cursor:not-allowed;opacity:.5}.rm-toggle:not(.readonly):hover.off{border-color:#94a3b8}.rm-toggle.dash{cursor:default}.rm-perm-dash{align-items:center;display:flex;height:28px;justify-content:center;width:28px}.rm-perm-dash-line{background:#e2e8f0;border-radius:1px;height:2px;width:12px}.rm-role-card{background:#fff;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;padding:14px 16px;position:relative;transition:all .2s ease}.rm-role-card:hover{border-color:#cbd5e1;box-shadow:0 2px 8px #0000000d}.rm-role-card.selected{background:#eff6ff;border-color:#3b82f6}.rm-role-card-header{align-items:flex-start;display:flex;gap:10px;margin-bottom:10px}.rm-role-avatar{align-items:center;background:#e2e8f0;border-radius:10px;display:flex;flex-shrink:0;font-size:18px;height:38px;justify-content:center;transition:background .2s;width:38px}.rm-role-card.selected .rm-role-avatar{background:#3b82f6}.rm-role-name{color:#1e293b;font-size:14px;font-weight:700;line-height:1.3}.rm-role-desc{color:#94a3b8;font-size:11px;line-height:1.4;margin-top:2px}.rm-system-pill{background:#fef3c7;border-radius:6px;color:#d97706;font-size:10px;font-weight:700;letter-spacing:.4px;padding:2px 7px;position:absolute;right:10px;text-transform:uppercase;top:10px}.rm-coverage-label{display:flex;justify-content:space-between;margin-bottom:4px}.rm-coverage-text{color:#64748b;font-size:11px}.rm-coverage-count{color:#475569;font-size:11px;font-weight:600}.rm-coverage-bar{background:#e2e8f0;border-radius:99px;height:4px;overflow:hidden}.rm-coverage-fill{background:#10b981;border-radius:99px;height:100%;transition:width .3s ease}.rm-role-card.selected .rm-coverage-fill{background:#3b82f6}.rm-role-card-actions{display:flex;gap:6px;margin-top:12px}.rm-detail-panel{background:#fff;border:2px solid #e2e8f0;border-radius:16px;display:flex;flex-direction:column;overflow:hidden}.rm-detail-header{align-items:flex-start;border-bottom:1px solid #e2e8f0;display:flex;gap:12px;justify-content:space-between;padding:18px 22px}.rm-detail-title{align-items:center;color:#0f172a;display:flex;flex-wrap:wrap;font-size:18px;font-weight:800;gap:10px;margin:0}.rm-detail-desc{color:#64748b;font-size:13px;margin:4px 0 0}.rm-detail-legend{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;flex-wrap:wrap;gap:16px;padding:10px 22px}.rm-legend-item{align-items:center;color:#64748b;display:flex;font-size:12px;gap:6px}.rm-detail-body{overflow:auto;padding:14px 22px 20px}.rm-detail-footer{background:#f8fafc;border-top:1px solid #e2e8f0;color:#94a3b8;font-size:12px;padding:10px 22px}.rm-user-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:13px;font-weight:800;height:34px;justify-content:center;width:34px}.rm-role-select{background:#fff;border:2px solid #3b82f6;border-radius:8px;cursor:pointer;font-family:DM Sans,sans-serif;font-size:13px;outline:none;padding:6px 10px}.rm-form-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:22px}@media (max-width:580px){.rm-form-grid{grid-template-columns:1fr}}.rm-form-field label{color:#475569;display:block;font-size:11px;font-weight:700;letter-spacing:.04em;margin-bottom:6px;text-transform:uppercase}.rm-form-input{border:2px solid #e2e8f0;border-radius:8px;box-sizing:border-box;font-family:DM Sans,sans-serif;font-size:14px;outline:none;padding:9px 12px;transition:border-color .15s;width:100%}.rm-form-input:focus{border-color:#3b82f6}.rm-form-input.error{border-color:#ef4444}.rm-field-error{color:#ef4444;font-size:12px;margin:4px 0 0}.rm-perm-section-label{color:#475569;font-size:11px;font-weight:700;letter-spacing:.04em;margin-bottom:10px;text-transform:uppercase}.rm-perm-border-box{border:2px solid #e2e8f0;border-radius:12px;overflow:hidden}.rm-layout{grid-gap:18px;align-items:start;display:grid;gap:18px;grid-template-columns:270px 1fr}@media (max-width:900px){.rm-layout{grid-template-columns:1fr}}.rm-role-list-label{color:#94a3b8;font-size:11px;font-weight:700;letter-spacing:.08em;margin-bottom:8px;text-transform:uppercase}.rm-emp-form{display:flex;flex-direction:column;gap:14px}.rm-emp-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}@media (max-width:580px){.rm-emp-grid{grid-template-columns:1fr}}.rm-emp-field{display:flex;flex-direction:column;gap:5px}.rm-emp-label{color:#475569;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.rm-emp-label-note{color:#94a3b8;font-size:11px;font-weight:400;letter-spacing:0;margin-left:6px;text-transform:none}.rm-req{color:#ef4444;margin-left:2px}.rm-emp-input{background:#fff;border:2px solid #e2e8f0;border-radius:8px;box-sizing:border-box;color:#0f172a;font-family:DM Sans,sans-serif;font-size:14px;outline:none;padding:9px 12px;transition:border-color .15s;width:100%}.rm-emp-input:focus{border-color:#3b82f6}.rm-emp-input.error{border-color:#ef4444}.rm-emp-select{background:#fff;border:2px solid #e2e8f0;border-radius:8px;box-sizing:border-box;color:#0f172a;cursor:pointer;font-family:DM Sans,sans-serif;font-size:14px;outline:none;padding:9px 12px;transition:border-color .15s;width:100%}.rm-emp-select:focus{border-color:#3b82f6}.rm-emp-error{color:#ef4444;font-size:12px;margin-top:2px}.rm-pw-wrap{position:relative}.rm-pw-wrap .rm-emp-input{padding-right:40px}.rm-pw-eye{background:none;border:none;color:#94a3b8;cursor:pointer;font-size:15px;line-height:1;padding:2px;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.rm-pw-eye:hover{color:#374151}.rm-pw-hint{color:#94a3b8;font-size:11px;margin-top:2px}.rm-emp-toggle-row{align-items:center;background:#f8fafc;border:2px solid #e2e8f0;border-radius:8px;display:flex;gap:12px;padding:10px 14px}.rm-emp-toggle{border:none;border-radius:11px;cursor:pointer;flex-shrink:0;height:22px;padding:0;position:relative;transition:background .2s;width:40px}.rm-emp-toggle.on{background:#10b981}.rm-emp-toggle.off{background:#e2e8f0}.rm-emp-toggle-knob{background:#fff;border-radius:50%;box-shadow:0 1px 3px #0003;height:16px;position:absolute;top:3px;transition:left .2s;width:16px}.rm-emp-toggle.on .rm-emp-toggle-knob{left:21px}.rm-emp-toggle.off .rm-emp-toggle-knob{left:3px}.rm-emp-toggle-label{color:#374151;font-size:13px;font-weight:600}.rm-clear-filters{background:none;border:1.5px solid #fca5a5;border-radius:7px;color:#ef4444;cursor:pointer;font-family:DM Sans,sans-serif;font-size:12px;font-weight:700;padding:7px 12px;transition:all .15s}.rm-clear-filters:hover{background:#fee2e2}.sm-tab-count{background:#e2e8f0;border-radius:20px;color:#374151;font-size:11px;font-weight:700;margin-left:2px;padding:1px 8px}.ps-tab.active .sm-tab-count{background:#dbeafe;color:#1d4ed8}.sm-badge{border-radius:20px;display:inline-block;font-size:12px;font-weight:700;line-height:1.4;padding:3px 10px;white-space:nowrap}.sm-search-clear{background:none;border:none;border-radius:4px;color:#94a3b8;cursor:pointer;font-size:13px;padding:2px 4px;position:absolute;right:10px;transition:color .15s}.sm-search-clear:hover{color:#ef4444}.sm-clear-filters{background:none;border:1.5px solid #fca5a5;border-radius:7px;color:#ef4444;cursor:pointer;font-family:DM Sans,sans-serif;font-size:12px;font-weight:700;padding:7px 12px;transition:all .15s}.sm-clear-filters:hover{background:#fee2e2}.sm-action-btn{background:none;border:1.5px solid #e2e8f0;border-radius:6px;cursor:pointer;font-family:DM Sans,sans-serif;font-size:13px;padding:4px 7px;transition:all .15s}.sm-action-btn:hover{background:#f1f5f9;border-color:#94a3b8}.sm-action-btn.danger:hover{background:#fee2e2;border-color:#fca5a5}.sm-service-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;font-size:16px;height:34px;justify-content:center;width:34px}.sm-delete-warning{align-items:flex-start;background:#fff7ed;border:1.5px solid #fed7aa;border-radius:10px;display:flex;gap:16px;padding:16px}.sm-detail{display:flex;flex-direction:column;gap:20px}.sm-detail-top-bar{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;gap:12px;justify-content:space-between;padding:12px 16px}.sm-detail-badges,.sm-detail-top-bar{align-items:center;display:flex;flex-wrap:wrap}.sm-detail-badges{gap:6px}.sm-icon-btn{align-items:center;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;gap:6px;padding:7px 14px;transition:all .15s}.sm-icon-btn:hover{background:#fff;border-color:#94a3b8}.sm-detail-2col{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}@media (max-width:680px){.sm-detail-2col{grid-template-columns:1fr}}.sm-detail-section{display:flex;flex-direction:column;gap:8px}.sm-section-title{border-bottom:1px solid #f1f5f9;color:#94a3b8;font-size:11px;font-weight:700;letter-spacing:.07em;padding-bottom:6px;text-transform:uppercase}.sm-info-row{align-items:flex-start;background:#f8fafc;border-radius:8px;display:flex;font-size:13px;gap:12px;justify-content:space-between;padding:8px 12px}.sm-info-label{color:#64748b;flex-shrink:0}.sm-info-val{color:#0f172a;font-weight:600;text-align:right;word-break:break-word}.sm-desc-box{background:#fffbeb;border:1px solid #fde68a;border-radius:8px;padding:10px 12px}.sm-price-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden}.sm-price-row{align-items:center;border-bottom:1px solid #f1f5f9;color:#374151;display:flex;font-size:13px;justify-content:space-between;padding:9px 14px}.sm-price-row:last-child{border-bottom:none}.sm-price-divider{background:#e2e8f0;height:2px}.sm-price-total-row{background:#f8fafc;color:#0f172a;padding:12px 14px}.sm-price-final-row,.sm-price-total-row{align-items:center;display:flex;font-size:15px;font-weight:800;justify-content:space-between}.sm-price-final-row{background:linear-gradient(135deg,#0f172a,#1d4ed8);color:#fff;padding:14px 16px}.sm-price-final-row span:first-child{color:#ffffffa6;font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.sm-stats-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:16px}.sm-stats-row{align-items:center;border-bottom:1px solid #f1f5f9;color:#374151;display:flex;font-size:13px;justify-content:space-between;padding:8px 0}.sm-stats-row:last-child{border-bottom:none}.sm-form-grid-2{grid-gap:14px;grid-template-columns:1fr 1fr}.sm-form-grid-2,.sm-form-grid-3{display:grid;gap:14px;margin-bottom:14px}.sm-form-grid-3{grid-gap:14px;grid-template-columns:1fr 1fr 1fr}@media (max-width:580px){.sm-form-grid-2,.sm-form-grid-3{grid-template-columns:1fr}}.sm-form-field{display:flex;flex-direction:column;gap:5px}.sm-form-label{color:#475569;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.sm-form-label .req{color:#ef4444;margin-left:2px}.sm-form-input,.sm-form-select,.sm-form-textarea{background:#fff;border:2px solid #e2e8f0;border-radius:8px;box-sizing:border-box;color:#0f172a;font-family:DM Sans,sans-serif;font-size:14px;outline:none;padding:9px 12px;transition:border-color .15s}.sm-form-input:focus,.sm-form-select:focus,.sm-form-textarea:focus{border-color:#3b82f6}.sm-form-input.error,.sm-form-select.error{border-color:#ef4444}.sm-field-error{color:#ef4444;font-size:12px;margin-top:2px}.sm-form-textarea{min-height:76px;resize:vertical}.sm-toggle-row{align-items:center;background:#f8fafc;border:2px solid #e2e8f0;border-radius:8px;display:flex;gap:12px;padding:10px 14px}.sm-toggle-switch{border:none;border-radius:11px;cursor:pointer;flex-shrink:0;height:22px;padding:0;position:relative;transition:background .2s;width:40px}.sm-toggle-switch.on{background:#10b981}.sm-toggle-switch.off{background:#e2e8f0}.sm-toggle-knob{background:#fff;border-radius:50%;box-shadow:0 1px 3px #0003;height:16px;position:absolute;top:3px;transition:left .2s;width:16px}.sm-toggle-switch.on .sm-toggle-knob{left:21px}.sm-toggle-switch.off .sm-toggle-knob{left:3px}.sm-toggle-label{color:#374151;font-size:13px;font-weight:600}
/*# sourceMappingURL=main.0a4e4d7f.css.map*/