@import url(https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Space+Mono:wght@400;700&display=swap);:root{--primary:#4f46e5;--primary-dark:#3730a3;--primary-light:#818cf8;--gradient-primary:linear-gradient(135deg,#4f46e5,#3b82f6);--dark-bg:#0f172a;--dark-card:#1e293bb3;--dark-hover:#334155cc;--text-primary:#f8fafc;--text-secondary:#94a3b8;--border-color:#ffffff14;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--font-primary:"Outfit",sans-serif;--font-mono:"Space Mono",monospace;--glass-shadow:0 8px 32px 0 #0000004d;--glass-blur:blur(12px)}body:before{background:radial-gradient(circle at center,#4f46e51a 0,#0000 50%);content:"";height:200%;left:-50%;pointer-events:none;position:fixed;top:-50%;width:200%;z-index:-1}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0f172a;background:var(--dark-bg);color:#f8fafc;color:var(--text-primary);font-family:Outfit,sans-serif;font-family:var(--font-primary);line-height:1.6}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#0f172a;background:var(--dark-bg)}::-webkit-scrollbar-thumb{background:#4f46e5;background:var(--primary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#818cf8;background:var(--primary-light)}.password-input-wrapper{width:100%}.password-input-wrapper input{padding-right:2.75rem}.password-toggle{color:#94a3b8;right:.75rem;transition:color .2s ease}.password-toggle:hover{color:#f8fafc}.container{margin:0 auto;max-width:1400px;padding:0 2rem}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-family:Outfit,sans-serif;font-family:var(--font-primary);font-size:.95rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#4f46e5,#3b82f6);background:var(--gradient-primary);border:1px solid #ffffff1a;color:#fff}.btn-primary:hover{box-shadow:0 10px 25px #4f46e566;filter:brightness(1.1);transform:translateY(-2px) scale(1.02)}.btn-secondary{background:#1e293bb3;background:var(--dark-card);border:1px solid #ffffff14;border:1px solid var(--border-color);color:#f8fafc;color:var(--text-primary)}.btn-secondary:hover{background:#334155cc;background:var(--dark-hover)}.btn-success{background:#10b981;background:var(--success);color:#fff}.btn-success:hover{background:#059669;transform:translateY(-2px)}.btn-danger{background:#ef4444;background:var(--danger);color:#fff}.btn-danger:hover{background:#dc2626}.card{backdrop-filter:blur(12px);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:blur(12px);-webkit-backdrop-filter:var(--glass-blur);background:#1e293bb3;background:var(--dark-card);border:1px solid #ffffff14;border:1px solid var(--border-color);border-radius:16px;box-shadow:0 8px 32px 0 #0000004d;box-shadow:var(--glass-shadow);padding:1.5rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.card:hover{border-color:#6366f166;box-shadow:0 15px 35px #0006,0 0 20px #4f46e533;transform:translateY(-4px) scale(1.01)}input,select,textarea{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a99;border:1px solid #ffffff14;border:1px solid var(--border-color);border-radius:10px;color:#f8fafc;color:var(--text-primary);font-family:Outfit,sans-serif;font-family:var(--font-primary);font-size:.95rem;padding:.85rem 1rem;transition:all .3s ease;width:100%}input:focus,select:focus,textarea:focus{border-color:#4f46e5;border-color:var(--primary);box-shadow:0 0 0 3px #4169ff1a;outline:none}input::placeholder,label,textarea::placeholder{color:#94a3b8;color:var(--text-secondary)}label{display:block;font-size:.9rem;font-weight:500;margin-bottom:.5rem}@keyframes slideInRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.fade-in{animation:fadeIn .5s ease forwards}.slide-in-right{animation:slideInRight .5s ease forwards}.grid{grid-gap:1.5rem;display:grid;gap:1.5rem}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width:1024px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.container{padding:0 1rem}}.spinner{animation:spin 1s linear infinite;border:3px solid #1e293bb3;border-top:3px solid #4f46e5;border:3px solid var(--dark-card);border-radius:50%;border-top-color:var(--primary);height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.toast-container{bottom:2rem;display:flex;flex-direction:column;gap:1rem;position:fixed;right:2rem;z-index:9999}.toast{animation:slideInRight .3s cubic-bezier(.175,.885,.32,1.275);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1e293bb3;background:var(--dark-card);border-left:4px solid #4f46e5;border-left:4px solid var(--primary);border-radius:12px;box-shadow:0 10px 30px #0006;color:#f8fafc;color:var(--text-primary);gap:12px;max-width:400px;min-width:300px;padding:1rem 1.5rem}.toast,.toast-icon{align-items:center;display:flex}.toast-icon{justify-content:center}.toast-message{flex:1 1;font-size:.95rem;font-weight:500}.toast-close{align-items:center;background:none;border:none;border-radius:4px;color:#94a3b8;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s}.toast-close:hover{background:#ffffff1a;color:#f8fafc;color:var(--text-primary)}.toast.success{border-left-color:#10b981;border-left-color:var(--success)}.toast.success .toast-icon{color:#10b981;color:var(--success)}.toast.error{border-left-color:#ef4444;border-left-color:var(--danger)}.toast.error .toast-icon{color:#ef4444;color:var(--danger)}.toast.warning{border-left-color:#f59e0b;border-left-color:var(--warning)}.toast.warning .toast-icon{color:#f59e0b;color:var(--warning)}.toast.info{border-left-color:#4f46e5;border-left-color:var(--primary)}.toast.info .toast-icon{color:#4f46e5;color:var(--primary)}.loading-screen{align-items:center;background:#0f172a;background:var(--dark-bg);display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:100vh}.loading-screen p{color:#94a3b8;color:var(--text-secondary);font-size:1rem}.role-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:.75rem;font-weight:600;gap:.5rem;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase}.role-badge.admin{background:#10b98133;border:1px solid #10b981;border:1px solid var(--success);color:#10b981;color:var(--success)}.role-badge.cashier{background:#4169ff33;border:1px solid #4f46e5;border:1px solid var(--primary);color:#4f46e5;color:var(--primary)}.form-error{align-items:center;color:#ef4444;color:var(--danger);display:flex;font-size:.85rem;gap:.5rem;margin-top:.5rem}.form-error svg{flex-shrink:0}input.error,select.error,textarea.error{border-color:#ef4444;border-color:var(--danger)}input.error:focus,select.error:focus,textarea.error:focus{box-shadow:0 0 0 3px #ef44441a}input.success,select.success,textarea.success{border-color:#10b981;border-color:var(--success)}input.success:focus,select.success:focus,textarea.success:focus{box-shadow:0 0 0 3px #10b9811a}.auth-divider{align-items:center;color:#94a3b8;color:var(--text-secondary);display:flex;font-size:.85rem;margin:1.5rem 0;text-align:center}.auth-divider:after,.auth-divider:before{border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--border-color);content:"";flex:1 1}.auth-divider:before{margin-right:1rem}.auth-divider:after{margin-left:1rem}.auth-link{color:#4f46e5;color:var(--primary);font-weight:600;text-decoration:none;transition:all .3s ease}.auth-link:hover{color:#818cf8;color:var(--primary-light);text-decoration:underline}.modal-overlay{background:#000000b3}.btn:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.btn:disabled:hover{box-shadow:none!important;transform:none!important}.shake{animation:shake .5s ease}.scale-in{animation:scaleIn .3s ease}.text-center{text-align:center}.text-muted{color:#94a3b8;color:var(--text-secondary)}.text-error{color:#ef4444;color:var(--danger)}.text-success{color:#10b981;color:var(--success)}.text-warning{color:#f59e0b;color:var(--warning)}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.p-1{padding:.5rem}.p-2{padding:1rem}.p-3{padding:1.5rem}.p-4{padding:2rem}@media (max-width:768px){.hide-mobile{display:none!important}.btn,button,input,select,textarea{min-height:40px}}@media (min-width:769px){.show-mobile{display:none!important}}.logout-overlay{align-items:center;animation:fadeIn .2s ease-in-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.logout-modal{animation:slideUpFade .3s ease-out;background:var(--dark-card);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 10px 25px #00000080;max-width:400px;padding:24px;position:relative;width:90%}.btn-close{background:none;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;padding:4px;position:absolute;right:16px;top:16px;transition:all .2s ease}.btn-close:hover{background:#ffffff0d;color:var(--text-primary)}.modal-header{flex-direction:column;text-align:center}.modal-header,.warning-icon{align-items:center;display:flex;margin-bottom:16px}.warning-icon{background:#fef08a;border-radius:50%;height:64px;justify-content:center;width:64px}.text-warning{color:#b45309}.modal-header h2{color:var(--text-primary);font-size:1.25rem;margin:0}.modal-body{color:var(--text-secondary);margin-bottom:24px;text-align:center}.modal-actions{gap:12px;justify-content:center}.modal-actions .btn{border-radius:6px;cursor:pointer;font-weight:500;padding:10px 16px;transition:all .2s ease}.modal-actions .btn-secondary{background:#0000;border:1px solid var(--border-color);color:var(--text-primary)}.modal-actions .btn-secondary:hover{background:#ffffff0d}.modal-actions .btn-primary{background:#3b82f6;border:none;color:#fff}.modal-actions .btn-primary:hover{background:#2563eb}@keyframes slideUpFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--dark-card);border-bottom:1px solid var(--border-color);position:-webkit-sticky;position:sticky;top:0;z-index:100}.navbar-container{align-items:center;display:flex;gap:2rem;justify-content:space-between;margin:0 auto;max-width:1400px;padding:1rem 2rem}.navbar-brand{align-items:center;color:var(--text-primary);display:flex;flex-shrink:0;font-size:1.25rem;font-weight:700;gap:.75rem;text-decoration:none;transition:all .3s ease}.navbar-brand:hover{transform:scale(1.02)}.brand-icon{align-items:center;border-radius:10px;box-shadow:0 4px 12px #4169ff4d;color:#fff;display:flex;height:40px;justify-content:center;width:40px}.brand-icon,.brand-text{background:linear-gradient(135deg,var(--primary),var(--primary-light))}.brand-text{-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text}.desktop-menu{display:flex;flex:1 1;gap:.5rem}.nav-link{align-items:center;border:1px solid #0000;border-radius:8px;color:var(--text-secondary);display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.75rem 1rem;text-decoration:none;transition:all .3s ease;white-space:nowrap}.nav-link:hover{background:var(--dark-hover);color:var(--text-primary);transform:translateY(-2px)}.nav-link.active{background:#4169ff1a;border-color:#4169ff4d;color:var(--primary)}.navbar-actions{flex-shrink:0;gap:1rem}.navbar-actions,.user-info{align-items:center;display:flex}.user-info{background:var(--dark-bg);border:1px solid var(--border-color);border-radius:8px;gap:.75rem;padding:.5rem 1rem}.user-info svg{color:var(--primary);flex-shrink:0}.user-details{display:flex;flex-direction:column;gap:.1rem}.user-name{color:var(--text-primary);font-size:.9rem;font-weight:600;line-height:1.2}.user-role{font-size:.75rem;line-height:1.2}.btn-logout,.user-role{color:var(--text-secondary)}.btn-logout{align-items:center;background:var(--dark-card);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.75rem 1rem;transition:all .3s ease}.btn-logout:hover{background:#ef44441a;border-color:var(--danger);color:var(--danger);transform:translateY(-2px)}.hamburger-btn{align-items:center;background:var(--dark-bg);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);cursor:pointer;display:none;height:44px;justify-content:center;transition:all .3s ease;width:44px}.hamburger-btn:hover{border-color:var(--primary);color:var(--primary)}.drawer-overlay{animation:drawerFadeIn .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;inset:0;position:fixed;z-index:9990}.mobile-drawer{background:var(--dark-card);border-left:1px solid var(--border-color);box-shadow:-8px 0 30px #00000080;display:flex;flex-direction:column;height:100vh;height:100dvh;position:fixed;right:-300px;top:0;transition:right .3s cubic-bezier(.4,0,.2,1);visibility:hidden;width:280px;z-index:9991}.mobile-drawer.open{right:0;visibility:visible}.drawer-header{border-bottom:1px solid var(--border-color);justify-content:space-between;padding:1rem 1.25rem}.drawer-close,.drawer-header{align-items:center;display:flex}.drawer-close{background:#0000;border:1px solid var(--border-color);border-radius:10px;color:var(--text-secondary);cursor:pointer;height:40px;justify-content:center;transition:all .2s ease;width:40px}.drawer-close:hover{background:#ef44441a;border-color:var(--danger);color:var(--danger)}.drawer-user{align-items:center;background:var(--dark-bg);border-bottom:1px solid var(--border-color);display:flex;gap:.75rem;padding:1rem 1.25rem}.drawer-user svg{color:var(--primary);flex-shrink:0}.drawer-user .user-details{display:flex}.drawer-menu{display:flex;flex:1 1;flex-direction:column;gap:.25rem;overflow-y:auto;padding:.75rem}.drawer-link{align-items:center;border:1px solid #0000;border-radius:10px;color:var(--text-secondary);display:flex;font-size:.95rem;font-weight:600;gap:.75rem;padding:.85rem 1rem;text-decoration:none;transition:all .2s ease}.drawer-link:hover{background:var(--dark-hover);color:var(--text-primary)}.drawer-link.active{background:#4169ff1a;border-color:#4169ff4d;color:var(--primary)}.drawer-footer{border-top:1px solid var(--border-color);padding:1rem 1.25rem}.drawer-footer .btn-logout{justify-content:center;padding:.85rem;width:100%}@media (max-width:1200px){.navbar-container{gap:1rem}.desktop-menu{gap:.25rem}.nav-link{padding:.75rem}.nav-link span,.user-details{display:none}}@media (max-width:768px){.navbar-container{padding:.75rem 1rem}.desktop-logout,.desktop-menu,.user-info{display:none}.hamburger-btn{display:flex}}@keyframes drawerFadeIn{0%{opacity:0}to{opacity:1}}.login-page{align-items:center;background:linear-gradient(135deg,#0a0e1a,#1a1f2e);box-sizing:border-box;display:flex;justify-content:center;min-height:100vh;min-height:100dvh;overflow:hidden;padding:2rem;position:relative}.login-page:before{animation:pulse 10s ease-in-out infinite;background:radial-gradient(circle,#4169ff1a 0,#0000 70%);content:"";height:100%;position:absolute;right:-50%;top:-50%;width:100%}@keyframes pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.2)}}.login-container-centered{max-width:450px;position:relative;width:100%;z-index:1}.login-card{background:var(--dark-card);border:1px solid var(--border-color);border-radius:20px;box-shadow:0 20px 60px #00000080;padding:3rem}.login-header{margin-bottom:2.5rem;text-align:center}.brand-logo{align-items:center;animation:fadeIn .6s ease;border-radius:20px;color:#fff;display:flex;height:80px;justify-content:center;margin:0 auto 1.5rem;width:80px}.brand-logo,.login-header h1{background:linear-gradient(135deg,var(--primary),var(--primary-light))}.login-header h1{-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700;margin-bottom:.5rem}.login-header p{color:var(--text-secondary);font-size:.95rem}.error-message{align-items:center;animation:shake .5s ease;background:#ef44441a;border:1px solid var(--danger);border-radius:10px;color:var(--danger);display:flex;gap:.75rem;margin-bottom:1.5rem;padding:1rem}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-10px)}75%{transform:translateX(10px)}}.error-message svg{flex-shrink:0}.login-form{gap:1.5rem}.login-form,.login-form .form-group{display:flex;flex-direction:column}.login-form label{align-items:center;color:var(--text-secondary);display:flex;font-weight:600;gap:.5rem;margin-bottom:.75rem}.login-form label svg{color:var(--primary)}.login-form input{background:var(--dark-bg);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);font-size:1rem;padding:1rem;transition:all .3s ease}.login-form input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #4169ff1a;outline:none}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-input-wrapper input{padding-right:3rem;width:100%}.password-toggle{align-items:center;background:#0000;border:none;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:0;position:absolute;right:1rem}.password-toggle:hover{color:var(--text-primary)}.btn-login{font-size:1rem;font-weight:700;justify-content:center;margin-top:1rem;padding:1rem}.btn-login:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-login:disabled:hover{box-shadow:none;transform:none}.login-footer{border-top:1px solid var(--border-color);color:var(--text-secondary);font-size:.85rem;margin-top:2rem;padding-top:1.5rem;text-align:center}@media (max-width:480px){.login-page{padding:1rem}.login-card{padding:2rem 1.5rem}.brand-logo{height:60px;width:60px}.login-header h1{font-size:1.5rem}}.customer-form{background:var(--dark-card);border-radius:12px;padding:1.5rem}.form-header{margin-bottom:1.5rem}.form-header h2{font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.form-subtitle{color:var(--text-secondary);font-size:.9rem}.form-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);margin-bottom:1rem}.form-group{display:flex;flex-direction:column}.form-group.full-width{grid-column:1/-1;margin-top:.5rem}.form-group label{align-items:center;color:var(--text-secondary);display:flex;font-size:.9rem;font-weight:600;gap:.5rem;margin-bottom:.5rem}.form-group label svg{color:var(--primary)}.form-group input,.form-group textarea{font-size:.95rem}.form-group input:focus,.form-group textarea:focus{border-color:var(--primary)}@media (max-width:768px){.form-grid{grid-template-columns:1fr}.customer-form{padding:1rem}.form-header h2{font-size:1.2rem}}.optional-fields-toggle{align-items:center;background:#0000;border:1px dashed var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;margin-bottom:.5rem;padding:.75rem 1rem;transition:all .3s ease;width:100%}.optional-fields-toggle:hover{background:#4169ff0d;border-color:var(--primary);color:var(--primary)}.quick-sale-form .form-grid{animation:fadeIn .3s ease;margin-top:1rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.service-selector{background:var(--dark-card);border-radius:12px;display:flex;flex-direction:column;height:100%;padding:1.5rem}.service-header{margin-bottom:1.5rem}.service-header h2{font-size:1.5rem;font-weight:700;margin-bottom:1rem}.search-box{align-items:center;display:flex;position:relative}.search-box svg{color:var(--text-secondary);left:1rem;position:absolute}.search-box input{padding-left:3rem}.category-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;overflow-x:auto;padding-bottom:.5rem}.category-tab{background:var(--dark-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:.9rem;font-weight:600;padding:.5rem 1rem;transition:all .3s ease;white-space:nowrap}.category-tab:hover{border-color:var(--primary);color:var(--text-primary)}.category-tab.active{background:var(--primary);border-color:var(--primary);color:#fff}.services-grid{grid-gap:1rem;align-content:start;align-items:start;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));min-height:350px;padding-right:.5rem}.service-card{background:var(--dark-bg);border-radius:10px;cursor:pointer;padding:1rem}.service-card:hover{transform:translateY(-2px)}.service-card.selected{background:#4169ff0d;border-color:var(--primary)}.service-info h3{color:var(--text-primary);font-size:1rem;font-weight:700;margin-bottom:.5rem}.service-description{font-size:.85rem;line-height:1.4}.service-meta{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.service-price{font-size:1.25rem}.service-duration{color:var(--text-secondary);font-size:.8rem}.btn-add-service,.service-actions{display:flex;justify-content:center}.btn-add-service{align-items:center;background:var(--primary);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease;width:100%}.btn-add-service:hover{background:var(--primary-dark)}.quantity-controls{align-items:center;background:var(--dark-card);border:1px solid var(--primary);border-radius:8px;display:flex;gap:.75rem;padding:.25rem}.btn-quantity{align-items:center;background:var(--primary);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.btn-quantity:hover{background:var(--primary-dark);transform:scale(1.1)}.quantity-display{color:var(--primary);font-family:var(--font-mono);font-size:1rem;font-weight:700;min-width:24px;text-align:center}.service-selector-loading{align-items:center;display:flex;flex-direction:column;gap:1rem;height:400px;justify-content:center}.pagination-controls{align-items:center;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;margin-top:1.5rem;padding-top:1rem}.pagination-btn{background:var(--dark-bg);color:var(--text-primary);font-weight:500;padding:.5rem 1rem}.pagination-btn:hover:not(:disabled){background:var(--primary);color:#fff}.pagination-btn:disabled{color:var(--text-secondary);opacity:.5}.pagination-info{font-size:.9rem;font-weight:500}@media (max-width:768px){.services-grid{grid-template-columns:1fr}.service-selector{padding:1rem}.service-header h2{font-size:1.2rem;margin-bottom:.75rem}.category-tabs{gap:.35rem;margin-bottom:1rem}.category-tab{font-size:.8rem;padding:.4rem .75rem}.service-card{padding:.75rem}.service-info h3{font-size:.9rem}.service-price{font-size:1.1rem}.services-grid{min-height:200px}}.order-summary{background:var(--dark-card);border-radius:12px;display:flex;flex-direction:column;height:100%;padding:1.5rem;position:-webkit-sticky;position:sticky;top:100px}.summary-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.summary-header h2{align-items:center;display:flex;font-size:1.5rem;font-weight:700;gap:.75rem}.items-count{background:var(--primary);border-radius:20px;color:#fff;font-size:.85rem;font-weight:600;padding:.25rem .75rem}.summary-items{flex:1 1;margin-bottom:1.5rem;max-height:400px;overflow-y:auto}.empty-cart{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;padding:3rem 1rem;text-align:center}.empty-cart svg{margin-bottom:1rem;opacity:.3}.empty-cart p{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.empty-cart span{font-size:.9rem}.summary-item{align-items:flex-start;background:var(--dark-bg);border:1px solid var(--border-color);border-radius:8px;display:flex;justify-content:space-between;margin-bottom:.75rem;padding:1rem;transition:all .3s ease}.summary-item:hover{border-color:var(--primary)}.item-info{flex:1 1}.item-info h4{color:var(--text-primary);font-size:.95rem;font-weight:600;margin-bottom:.5rem}.item-details{color:var(--text-secondary);display:flex;font-size:.85rem;gap:1rem}.item-quantity{font-weight:600}.item-actions{align-items:center;display:flex;gap:1rem}.item-total{color:var(--primary);font-family:var(--font-mono);font-size:1rem;font-weight:700}.btn-remove{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--danger);cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .3s ease}.btn-remove:hover{background:#ef44441a}.summary-footer{border-top:1px solid var(--border-color);padding-top:1.5rem}.summary-totals{margin-bottom:1.5rem}.total-row{display:flex;font-size:.95rem;justify-content:space-between;margin-bottom:.75rem}.total-row.subtotal,.total-row.tax{color:var(--text-secondary)}.total-row.final{border-top:1px solid var(--border-color);color:var(--text-primary);font-size:1.25rem;font-weight:700;padding-top:.75rem}.total-row.final span:last-child{color:var(--primary);font-family:var(--font-mono)}.btn-checkout{font-size:1rem;font-weight:700;justify-content:center;padding:1rem;width:100%}.btn-checkout:disabled{cursor:not-allowed;opacity:.5;transform:none}.btn-checkout:disabled:hover{box-shadow:none;transform:none}@media (max-width:1024px){.order-summary{position:static}}@media (max-width:640px){.order-summary{padding:1rem}.summary-header h2{font-size:1.2rem}.summary-items{max-height:250px}.summary-item{padding:.75rem}.item-info h4{font-size:.85rem}.total-row.final{font-size:1.1rem}}.modal-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:slideInRight .3s ease;background:var(--dark-card);border:1px solid var(--border-color);border-radius:16px;max-width:500px;padding:2rem;position:relative;width:90%}.modal-close{background:#0000;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;padding:.5rem;position:absolute;right:1rem;top:1rem;transition:all .3s ease}.modal-close:hover{background:var(--dark-hover);color:var(--text-primary)}.modal-header{margin-bottom:2rem}.modal-header h2{font-size:1.75rem;font-weight:700;margin-bottom:.5rem}.modal-header p{color:var(--text-secondary);font-size:.95rem}.payment-total{align-items:center;background:var(--dark-bg);border:1px solid var(--border-color);border-radius:12px;display:flex;justify-content:space-between;margin-bottom:2rem;padding:1.5rem}.payment-total span:first-child{color:var(--text-secondary);font-size:.95rem}.total-amount{color:var(--primary);font-family:var(--font-mono);font-size:2rem;font-weight:700}.payment-methods{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);margin-bottom:2rem}.payment-method{align-items:center;background:var(--dark-bg);border:2px solid var(--border-color);border-radius:12px;color:var(--text-secondary);cursor:pointer;display:flex;flex-direction:column;gap:.75rem;padding:1.5rem 1rem;transition:all .3s ease}.payment-method:hover{border-color:var(--primary);transform:translateY(-2px)}.payment-method.selected{background:#4169ff1a;border-color:var(--primary);color:var(--primary)}.payment-method svg{transition:all .3s ease}.payment-method.selected svg{color:var(--primary)}.payment-method span{font-size:.9rem;font-weight:600}.payment-method:disabled{cursor:not-allowed;opacity:.5}.modal-actions{display:flex;gap:1rem}.modal-actions .btn{flex:1 1;justify-content:center;padding:1rem}.spinner-small{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.payment-success{padding:2rem 0;text-align:center}.success-icon{animation:scaleIn .5s ease;color:var(--success);margin-bottom:1.5rem}.payment-success h2{color:var(--success);font-size:1.75rem;font-weight:700;margin-bottom:.5rem}.payment-success p{color:var(--text-secondary)}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}@media (max-width:640px){.payment-methods{grid-template-columns:1fr}.modal-content{padding:1.5rem;width:95%}.total-amount{font-size:1.5rem}}.pos-page{background:var(--dark-bg);min-height:calc(100vh - 80px);padding:2rem 0}.pos-container{margin:0 auto;max-width:1400px;padding:0 2rem}.pos-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.pos-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary),var(--primary-light));-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700;margin-bottom:.5rem}.pos-mode-toggle{background:var(--dark-card);border:1px solid var(--border-color);border-radius:10px;display:flex;gap:.5rem;padding:.35rem}.mode-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.mode-btn:hover{background:#ffffff0d;color:var(--text-primary)}.mode-btn.active{background:var(--primary);box-shadow:0 2px 8px #4169ff4d;color:#fff}.pos-layout{grid-gap:2rem;align-items:start;display:grid;gap:2rem;grid-template-columns:1fr 400px}.pos-left{display:flex;flex-direction:column;gap:2rem}.pos-right{position:-webkit-sticky;position:sticky;top:100px}@media (max-width:1200px){.pos-layout{grid-template-columns:1fr 350px}}@media (max-width:1024px){.pos-layout{grid-template-columns:1fr}.pos-right{position:static}}@media (max-width:640px){.pos-page{padding:1rem 0}.pos-container{padding:0 .75rem}.pos-header{align-items:flex-start;flex-direction:column;gap:1rem}.pos-header h1{font-size:1.4rem}.page-subtitle{font-size:.85rem}.pos-mode-toggle{width:100%}.mode-btn{flex:1 1;font-size:.8rem;gap:.35rem;justify-content:center;padding:.6rem .75rem}.pos-layout{gap:1rem}}.kpi-card{background:var(--dark-card);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.kpi-card:before{background:var(--primary);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.kpi-card:hover{border-color:var(--primary);transform:translateY(-4px)}.kpi-card:hover:before{opacity:1}.kpi-card.kpi-success:before{background:var(--success)}.kpi-card.kpi-warning:before{background:var(--warning)}.kpi-card.kpi-danger:before{background:var(--danger)}.kpi-header{justify-content:space-between;margin-bottom:1rem}.kpi-header,.kpi-icon{align-items:center;display:flex}.kpi-icon{background:#4169ff1a;border-radius:10px;color:var(--primary);height:48px;justify-content:center;width:48px}.kpi-card.kpi-success .kpi-icon{background:#10b9811a;color:var(--success)}.kpi-card.kpi-warning .kpi-icon{background:#f59e0b1a;color:var(--warning)}.kpi-card.kpi-danger .kpi-icon{background:#ef44441a;color:var(--danger)}.kpi-change{align-items:center;border-radius:20px;display:flex;font-size:.85rem;font-weight:600;gap:.25rem;padding:.25rem .75rem}.kpi-change.positive{background:#10b9811a;color:var(--success)}.kpi-change.negative{background:#ef44441a;color:var(--danger)}.kpi-content{display:flex;flex-direction:column;gap:.5rem}.kpi-title{color:var(--text-secondary);font-size:.9rem;font-weight:500}.kpi-value{color:var(--text-primary);font-family:var(--font-mono);font-size:2rem;font-weight:700;line-height:1}@media (max-width:768px){.kpi-value{font-size:1.5rem}}.sales-chart{background:var(--dark-card);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem}.chart-header{margin-bottom:1.5rem}.chart-header h3{font-size:1.25rem;font-weight:700;margin-bottom:.25rem}.chart-header p{color:var(--text-secondary);font-size:.9rem}.custom-tooltip{background:var(--dark-card);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 10px 30px #00000080;padding:1rem}.tooltip-label{color:var(--text-primary);font-size:.9rem;font-weight:600;margin-bottom:.5rem}.tooltip-revenue,.tooltip-value{color:var(--text-secondary);font-size:.85rem;margin-bottom:.25rem}.tooltip-value span{color:var(--primary);font-weight:700}.tooltip-revenue span{color:var(--success);font-weight:700}.recharts-legend-wrapper{margin-top:1rem}.recharts-legend-item-text{color:var(--text-secondary)!important;font-size:.9rem!important}.top-services{background:var(--dark-card);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem}.services-header{margin-bottom:1.5rem}.header-title{align-items:center;display:flex;gap:.75rem;margin-bottom:.5rem}.header-title svg{color:var(--warning)}.header-title h3{font-size:1.25rem;font-weight:700}.services-header p{color:var(--text-secondary);font-size:.9rem}.services-list{display:flex;flex-direction:column;gap:1rem;max-height:400px;overflow-y:auto;padding-right:.5rem}.services-list::-webkit-scrollbar{width:6px}.services-list::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.services-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.services-list::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.service-item{align-items:center;background:var(--dark-bg);border:1px solid var(--border-color);border-radius:10px;display:flex;gap:1rem;padding:1rem;transition:all .3s ease}.service-item:hover{border-color:var(--primary);transform:translateX(4px)}.service-rank{flex-shrink:0}.rank-badge{align-items:center;background:var(--dark-card);border:2px solid var(--border-color);border-radius:8px;display:flex;font-size:.9rem;font-weight:700;height:40px;justify-content:center;width:40px}.rank-badge.rank-1{background:linear-gradient(135deg,gold,#ffed4e);border-color:gold;color:#1a1f2e}.rank-badge.rank-2{background:linear-gradient(135deg,silver,#e8e8e8);border-color:silver;color:#1a1f2e}.rank-badge.rank-3{background:linear-gradient(135deg,#cd7f32,#e89a5c);border-color:#cd7f32;color:#1a1f2e}.service-details{flex:1 1}.service-details h4{color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:.5rem}.service-stats{flex-wrap:wrap;gap:1rem}.service-stats,.stat{align-items:center;display:flex}.stat{color:var(--text-secondary);font-size:.85rem;gap:.25rem}.stat svg{color:var(--success)}.stat-category{background:#4169ff1a;border-radius:4px;color:var(--primary);font-size:.8rem;padding:.25rem .5rem}.service-revenue{flex-shrink:0;text-align:right}.revenue-label{color:var(--text-secondary);display:block;font-size:.8rem;margin-bottom:.25rem}.revenue-value{color:var(--success);display:block;font-family:var(--font-mono);font-size:1.1rem;font-weight:700}.no-data{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;padding:3rem 1rem}.no-data p{margin-top:1rem}@media (max-width:640px){.service-item{align-items:flex-start;flex-direction:column}.service-revenue{border-top:1px solid var(--border-color);padding-top:.5rem;text-align:left;width:100%}}.dashboard-page{background:var(--dark-bg);min-height:calc(100vh - 80px);padding:2rem 0}.dashboard-container{margin:0 auto;max-width:1400px;padding:0 2rem}.dashboard-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.dashboard-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary),var(--primary-light));-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700;margin-bottom:.5rem}.period-selector{background:var(--dark-card);border:1px solid var(--border-color);border-radius:10px;display:flex;gap:.5rem;padding:.5rem}.period-btn{background:#0000;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;font-size:.9rem;font-weight:600;padding:.5rem 1rem;transition:all .3s ease}.period-btn:hover{color:var(--text-primary)}.period-btn.active{background:var(--primary);color:#fff}.kpi-grid{grid-gap:1.5rem;grid-template-columns:repeat(4,1fr)}.dashboard-main-content,.kpi-grid{display:grid;gap:1.5rem;margin-bottom:2rem}.dashboard-main-content{grid-gap:1.5rem;grid-template-columns:2fr 1fr}.chart-and-stats{display:flex;flex-direction:column;gap:1.5rem}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr)}.stat-card{background:var(--dark-card);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem}.stat-card h3{font-size:1.25rem;font-weight:700;margin-bottom:1.5rem}.stat-list{display:flex;flex-direction:column;gap:1rem}.stat-item{align-items:center;background:var(--dark-bg);border:1px solid var(--border-color);border-radius:8px;display:flex;justify-content:space-between;padding:1rem}.stat-label{color:var(--text-secondary);font-weight:600;text-transform:capitalize}.stat-value{color:var(--primary);font-family:var(--font-mono);font-weight:700}.stat-details{align-items:flex-end;display:flex;flex-direction:column;gap:.25rem}.stat-count{color:var(--text-secondary);font-size:.85rem}.dashboard-loading{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:60vh}@media (max-width:1200px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.dashboard-main-content{grid-template-columns:1fr}}@media (max-width:768px){.dashboard-page{padding:1rem 0}.dashboard-container{padding:0 .75rem}.dashboard-header{align-items:flex-start;flex-direction:column}.dashboard-header h1{font-size:1.4rem}.kpi-grid{gap:.75rem;grid-template-columns:repeat(2,1fr)}.stats-grid{grid-template-columns:1fr}.stat-card{padding:1rem}.stat-card h3{font-size:1.1rem;margin-bottom:1rem}.stat-item{padding:.75rem}.period-selector{justify-content:space-between;width:100%}.period-btn{flex:1 1;font-size:.8rem;padding:.4rem .5rem}.page-subtitle{font-size:.85rem}}@media (max-width:480px){.kpi-grid{grid-template-columns:1fr}}.edit-modal{animation:scaleIn .3s ease;background:var(--dark-card);border:1px solid var(--border-color);border-radius:16px;max-height:90vh;max-width:600px;overflow-y:auto;padding:2rem;position:relative;width:90%}.edit-form{margin-top:2rem}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);margin-bottom:1rem}.form-info{background:var(--dark-bg);border:1px solid var(--border-color);border-radius:8px;font-size:1.1rem;margin-bottom:1.5rem;padding:1rem}.form-info strong{color:var(--primary)}@media (max-width:640px){.edit-modal{max-height:85vh;padding:1.25rem;width:95%}.form-row{grid-template-columns:1fr}.form-info{font-size:.95rem;padding:.75rem}}.sales-management-page{background:var(--dark-bg);min-height:calc(100vh - 80px);padding:2rem 0}.page-container{margin:0 auto;max-width:1400px;padding:0 2rem}.page-header{margin-bottom:2rem}.page-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary),var(--primary-light));-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700;margin-bottom:.5rem}.page-subtitle{color:var(--text-secondary);font-size:1rem}.search-section{align-items:center;display:flex;gap:1rem;margin-bottom:2rem}.search-box-large{align-items:center;display:flex;flex:1 1;position:relative}.search-box-large svg{color:var(--text-secondary);left:1rem;position:absolute}.search-box-large input{font-size:1rem;padding:1rem 1rem 1rem 3rem;width:100%}.sales-count{background:var(--dark-card);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);font-weight:600;padding:1rem 1.5rem;white-space:nowrap}.sales-table-container{background:var(--dark-card);border:1px solid var(--border-color);border-radius:12px;overflow-x:auto;overflow-y:hidden}.sales-table{border-collapse:collapse;width:100%}.sales-table thead{background:var(--dark-bg)}.sales-table th{color:var(--text-secondary);font-size:.85rem;font-weight:600;letter-spacing:.5px;padding:1rem;text-align:left;text-transform:uppercase}.sales-table tbody tr,.sales-table th{border-bottom:1px solid var(--border-color)}.sales-table tbody tr{transition:all .3s ease}.sales-table tbody tr:hover{background:var(--dark-hover)}.sales-table td{color:var(--text-primary);font-size:.9rem;padding:1rem}.sale-id{color:var(--primary);font-weight:600}.sale-id,.sale-total{font-family:var(--font-mono)}.sale-total{color:var(--success);font-weight:700}.sale-type-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:.75rem;font-weight:600;gap:.35rem;padding:.25rem .65rem;white-space:nowrap}.type-repair{background:#4169ff1a;color:var(--primary)}.type-quick{background:#10b9811a;color:var(--success)}.payment-method{background:#4169ff1a;color:var(--primary);display:inline-block}.payment-method,.status-badge{border-radius:20px;font-size:.8rem;font-weight:600;padding:.25rem .75rem}.status-badge{align-items:center;display:inline-flex;gap:.5rem}.status-pending{background:#f59e0b1a;color:var(--warning)}.status-completed{background:#10b9811a;color:var(--success)}.status-cancelled{background:#ef44441a;color:var(--danger)}.action-buttons{display:flex;gap:.5rem}.btn-action{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .3s ease}.btn-edit{background:#4169ff1a;color:var(--primary)}.btn-edit:hover{background:var(--primary);color:#fff;transform:translateY(-2px)}.btn-delete{background:#ef44441a;color:var(--danger)}.btn-delete:hover{background:var(--danger);color:#fff;transform:translateY(-2px)}.btn-complete{background:#10b9811a;color:var(--success)}.btn-complete:hover{background:var(--success);color:#fff;transform:translateY(-2px)}.btn-cancel{background:#ef44441a;color:var(--danger)}.btn-cancel:hover{background:var(--danger);color:#fff;transform:translateY(-2px)}.btn-pdf{background:#64748b1a;color:#94a3b8}.btn-pdf:hover{background:#64748b;color:#fff;transform:translateY(-2px)}.no-results{color:var(--text-secondary);padding:3rem;text-align:center}.delete-modal{animation:scaleIn .3s ease;background:var(--dark-card);border:1px solid var(--border-color);border-radius:16px;max-width:450px;padding:2rem;text-align:center;width:90%}.delete-modal-icon{color:var(--danger);margin-bottom:1rem}.delete-modal h2{font-size:1.5rem;font-weight:700;margin-bottom:1rem}.delete-modal p{color:var(--text-secondary);line-height:1.6;margin-bottom:2rem}.delete-modal p strong{color:var(--text-primary)}.delete-modal-actions{display:flex;gap:1rem}.delete-modal-actions .btn{flex:1 1;justify-content:center;padding:1rem}@media (max-width:1200px){.sales-table{font-size:.85rem}.sales-table td,.sales-table th{padding:.75rem .5rem}}@media (max-width:768px){.sales-management-page{padding:1rem 0}.page-container{padding:0 .75rem}.page-header h1{font-size:1.4rem}.search-section{flex-direction:column}.search-box-large input{font-size:.9rem;padding:.75rem .75rem .75rem 2.75rem}.sales-count{padding:.75rem 1rem;text-align:center;width:100%}.sales-table-container{border-radius:12px;overflow-x:auto}.sales-table{min-width:900px}.sales-table td,.sales-table th{font-size:.8rem;padding:.6rem .4rem}.action-buttons{gap:.25rem}.btn-action{padding:.35rem}.delete-modal{margin:0 1rem;padding:1.5rem}.pagination{flex-wrap:wrap;gap:.35rem;padding:1rem}.pagination-btn{font-size:.8rem;height:32px;min-width:32px}.pagination-info{margin-left:0;margin-top:.5rem;text-align:center;width:100%}}.pagination{background:var(--dark-card);border-radius:0 0 12px 12px;border-top:1px solid var(--border-color);gap:.5rem;padding:1.25rem 1.5rem}.pagination,.pagination-btn{align-items:center;display:flex;justify-content:center}.pagination-btn{background:#0000;border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:.9rem;font-weight:600;height:36px;min-width:36px;padding:0 .5rem;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:var(--dark-hover);border-color:var(--primary);color:var(--text-primary)}.pagination-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.pagination-btn:disabled{cursor:not-allowed;opacity:.3}.pagination-dots{color:var(--text-secondary);padding:0 .25rem;-webkit-user-select:none;user-select:none}.pagination-info{color:var(--text-secondary);font-size:.85rem;margin-left:1rem;white-space:nowrap}.create-service-modal{animation:scaleIn .3s ease;background:var(--dark-card);border:1px solid var(--border-color);border-radius:16px;max-height:90vh;max-width:600px;overflow-y:auto;padding:2rem;position:relative;width:90%}.create-service-form{margin-top:2rem}.create-service-form .form-group{margin-bottom:1.5rem}.create-service-form label{align-items:center;color:var(--text-secondary);display:flex;font-weight:600;gap:.5rem;margin-bottom:.5rem}.create-service-form label svg{color:var(--primary)}.create-service-form input[type=number]{font-family:var(--font-mono)}@media (max-width:640px){.create-service-modal{padding:1.5rem}.category-preview{grid-template-columns:1fr}}.edit-service-modal{animation:scaleIn .3s ease;background:var(--dark-card);border:1px solid var(--border-color);border-radius:16px;max-height:90vh;max-width:600px;overflow-y:auto;padding:2rem;position:relative;width:90%}.edit-service-form{margin-top:2rem}.edit-service-form .form-group{margin-bottom:1.5rem}.edit-service-form label{align-items:center;color:var(--text-secondary);display:flex;font-weight:600;gap:.5rem;margin-bottom:.5rem}.edit-service-form label svg{color:var(--primary)}.edit-service-form input[type=number]{font-family:var(--font-mono)}.category-preview{grid-gap:1rem;background:var(--dark-bg);border:1px solid var(--border-color);border-radius:8px;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);margin-bottom:1.5rem;padding:1rem}.category-option{align-items:center;background:var(--dark-card);border:2px solid var(--border-color);border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:.5rem;padding:1rem;transition:all .3s ease}.category-option:hover{border-color:var(--primary);transform:translateY(-2px)}.category-option.selected{background:#4169ff1a;border-color:var(--primary);color:var(--primary)}.category-option svg{color:var(--text-secondary)}.category-option.selected svg{color:var(--primary)}.category-option span{font-size:.85rem;font-weight:600}@media (max-width:640px){.edit-service-modal{padding:1.5rem}.category-preview{grid-template-columns:1fr}}.services-management-page{background:var(--dark-bg);min-height:calc(100vh - 80px);padding:2rem 0}.filters-section{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.category-filters{display:flex;flex-wrap:wrap;gap:.5rem}.filter-btn{align-items:center;background:var(--dark-card);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.75rem 1.25rem;transition:all .3s ease}.filter-btn:hover{border-color:var(--primary);color:var(--text-primary);transform:translateY(-2px)}.filter-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.services-grid{grid-gap:1.5rem;align-items:stretch;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.service-card{animation:fadeIn .5s ease;background:var(--dark-card);border:1px solid var(--border-color);border-radius:12px;display:flex;flex-direction:column;height:100%;overflow:hidden;transition:all .3s ease}.service-card:hover{border-color:var(--primary);box-shadow:0 8px 20px #4169ff33;transform:translateY(-4px)}.service-card.inactive{opacity:.6}.service-card.inactive:hover{opacity:.8}.service-card-header{align-items:center;background:var(--dark-bg);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1rem 1.5rem}.category-badge{align-items:center;border-radius:20px;display:flex;font-size:.85rem;font-weight:600;gap:.5rem;padding:.5rem 1rem}.category-reparacion{background:#4169ff1a;color:var(--primary)}.category-accesorio{background:#10b9811a;color:var(--success)}.category-mantenimiento{background:#f59e0b1a;color:var(--warning)}.status-badge.inactive{background:#ef44441a;border-radius:20px;color:var(--danger);font-size:.75rem;font-weight:600;padding:.25rem .75rem}.service-card-body{flex:1 1;padding:1.5rem}.service-card-body h3{color:var(--text-primary);font-size:1.2rem;font-weight:700;margin-bottom:.75rem}.service-description{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:.9rem;line-height:1.5;margin-bottom:1rem;overflow:hidden}.service-price{color:var(--primary);font-family:var(--font-mono);font-size:1.5rem;font-weight:700}.service-card-actions{background:var(--dark-bg);border-top:1px solid var(--border-color);display:flex;gap:.75rem;margin-top:auto;padding:1rem 1.5rem}.service-card-actions .btn-action{align-items:center;display:flex;flex:1 1;font-size:.9rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem}@media (max-width:768px){.services-management-page{padding:1rem 0}.filters-section{align-items:stretch;flex-direction:column}.category-filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:.5rem}.filter-btn{font-size:.8rem;padding:.5rem 1rem;white-space:nowrap}.services-grid{gap:1rem;grid-template-columns:1fr}.service-card-header{padding:.75rem 1rem}.service-card-body{padding:1rem}.service-card-body h3{font-size:1.05rem}.service-price{font-size:1.25rem}.service-card-actions{padding:.75rem 1rem}.service-card-actions .btn-action{font-size:.8rem;padding:.6rem}}.create-user-modal{animation:scaleIn .3s ease;background:var(--dark-card);border:1px solid var(--border-color);border-radius:16px;max-height:90vh;max-width:500px;overflow-y:auto;padding:2rem;position:relative;width:90%}.create-user-form{margin-top:2rem}.create-user-form .form-group{margin-bottom:1.5rem}.create-user-form label{align-items:center;color:var(--text-secondary);display:flex;font-weight:600;gap:.5rem;margin-bottom:.5rem}.create-user-form label svg{color:var(--primary)}.create-user-form input,.create-user-form select{width:100%}.create-user-form input.error,.create-user-form select.error{border-color:var(--danger)}@media (max-width:640px){.create-user-modal{padding:1.5rem}}.edit-user-modal{animation:scaleIn .3s ease;background:var(--dark-card);border:1px solid var(--border-color);border-radius:16px;max-height:90vh;max-width:550px;overflow-y:auto;padding:2rem;position:relative;width:90%}.edit-user-form{margin-top:2rem}.edit-user-form .form-group{margin-bottom:1.5rem}.edit-user-form label{align-items:center;color:var(--text-secondary);display:flex;font-weight:600;gap:.5rem;margin-bottom:.5rem}.edit-user-form label svg{color:var(--primary)}.edit-user-form .form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.checkbox-label{align-items:center;background:var(--dark-bg);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;display:flex;gap:.75rem;padding:.75rem;transition:all .3s ease}.checkbox-label:hover{border-color:var(--primary)}.checkbox-label input[type=checkbox]{cursor:pointer;width:auto}.checkbox-label span{color:var(--text-primary);font-weight:600}.input-disabled{background:var(--dark-hover);cursor:not-allowed;opacity:.6}.helper-text{color:var(--text-secondary);margin-top:.5rem}.error-text,.helper-text{display:block;font-size:.85rem}.error-text{color:var(--danger);margin-top:.25rem}.password-reset-section{border-top:1px solid var(--border-color);margin:2rem 0;padding-top:1.5rem}.btn-reset-password{align-items:center;background:#4169ff1a;border:1px solid var(--primary);border-radius:8px;color:var(--primary);cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.25rem;transition:all .3s ease}.btn-reset-password:hover{background:var(--primary);color:#fff;transform:translateY(-2px)}.password-reset-form{background:var(--dark-bg);border:1px solid var(--border-color);border-radius:8px;padding:1rem}.password-reset-form label{margin-bottom:.75rem}.password-input-group{display:flex;gap:.5rem}.password-input-group input{flex:1 1}.btn-sm{font-size:.85rem;padding:.5rem 1rem}@media (max-width:640px){.edit-user-modal{padding:1.5rem}.edit-user-form .form-row{grid-template-columns:1fr}.password-input-group{flex-direction:column}.password-input-group input{width:100%}}.users-management-page{background:var(--dark-bg);min-height:calc(100vh - 80px);padding:2rem 0}.users-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-top:2rem}.user-card{animation:fadeIn .5s ease;background:var(--dark-card);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;transition:all .3s ease}.user-card:hover{border-color:var(--primary);box-shadow:0 8px 20px #4169ff33;transform:translateY(-4px)}.user-card-header{background:var(--dark-bg);border-bottom:1px solid var(--border-color);gap:1rem;padding:1.5rem}.user-avatar,.user-card-header{align-items:center;display:flex}.user-avatar{background:linear-gradient(135deg,var(--primary),var(--primary-light));border-radius:50%;color:#fff;font-size:1.5rem;font-weight:700;height:60px;justify-content:center;width:60px}.user-info h3{color:var(--text-primary);font-size:1.1rem;font-weight:700;margin-bottom:.25rem}.username{color:var(--text-secondary);font-family:var(--font-mono);font-size:.85rem}.user-card-body{display:flex;flex-direction:column;gap:1rem;padding:1.5rem}.user-detail{align-items:center;display:flex;font-size:.9rem;justify-content:space-between}.user-detail .label{color:var(--text-secondary);font-weight:600}.user-detail span:not(.label){color:var(--text-primary)}.status-active{color:var(--success)!important;font-weight:600}.status-inactive{color:var(--danger)!important;font-weight:600}.user-card-actions{background:var(--dark-bg);border-top:1px solid var(--border-color);display:flex;gap:.75rem;padding:1rem 1.5rem}.user-card-actions .btn-action{flex:1 1;font-size:.9rem;font-weight:600;gap:.5rem;padding:.75rem}.no-results-card,.user-card-actions .btn-action{align-items:center;display:flex;justify-content:center}.no-results-card{background:var(--dark-card);border:1px solid var(--border-color);border-radius:12px;color:var(--text-secondary);flex-direction:column;grid-column:1/-1;padding:4rem 2rem}.no-results-card svg{margin-bottom:1rem;opacity:.3}.no-results-card p{font-size:1.1rem;font-weight:600}@media (max-width:768px){.users-grid{grid-template-columns:1fr}.page-header{align-items:flex-start;flex-direction:column;gap:1rem}.page-header .btn{justify-content:center;width:100%}}.app{background:var(--dark-bg);min-height:100vh}.main-content{min-height:calc(100vh - 80px)}.fade-enter{opacity:0}.fade-enter-active{opacity:1;transition:opacity .3s}.fade-exit{opacity:1}.fade-exit-active{opacity:0;transition:opacity .3s}
/*# sourceMappingURL=main.61a88a00.css.map*/