*{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-small{font-size:var(--font-size-sm)}.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;justify-content:space-between;left:0;padding:0 var(--spacing-xl);position:fixed;right:0;top:0;z-index:100}.navbar,.navbar-left{align-items:center;display:flex}.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);font-weight:700;margin:0}.navbar-right{align-items:center;display:flex;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-container{overflow-x:auto}.table{border-collapse:collapse;width:100%}.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);font-weight:600;letter-spacing:.05em;text-align:left;text-transform:uppercase}.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;font-size:var(--font-size-xs);font-weight:600;letter-spacing:.05em;padding:var(--spacing-xs) var(--spacing-md);text-transform:uppercase}.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);display:flex;gap:var(--spacing-md);justify-content:flex-end;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{display:flex;flex-direction:column;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{display:flex;flex-direction:column;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{background:#fff;border:2px solid var(--gray-300);border-radius:var(--radius-md);cursor:pointer;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)}
/*# sourceMappingURL=main.db78c0ea.css.map*/