body{font-family:'Inter',sans-serif}#header{z-index:50}#sidebar{z-index:30}#sidebar{padding-top:3.5rem}#sidebar nav a{display:flex;align-items:center;gap:0.75rem;padding:0.75rem;font-size:0.875rem;font-weight:500;border-radius:0.5rem;transition:all 0.2s}#sidebar nav a.active{color:rgb(79 70 229);background-color:rgb(238 242 255)}.sidebar-collapsed{width:64px !important}.sidebar-collapsed .sidebar-text{display:none !important}.loading-spinner{width:40px;height:40px;border:4px solid #f3f4f6;border-top:4px solid #6366f1;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.loader-container .loading-dots{display:inline-flex;gap:4px}.loading-dots span{width:8px;height:8px;border-radius:50%;background-color:#6366f1;animation:loading-dots 1.4s ease-in-out infinite both}.loading-dots span:nth-child(1){animation-delay:-0.32s}.loading-dots span:nth-child(2){animation-delay:-0.16s}@keyframes loading-dots{0%,80%,100%{transform:scale(0);opacity:0.5}40%{transform:scale(1);opacity:1}}.sidebar-collapsed nav a{justify-content:center}.content-expanded{margin-left:64px !important}#mainContent{margin-left:16rem;padding-top:3.5rem;min-height:100vh;background-color:rgb(249 250 251);transition:margin-left 0.3s}@media (max-width:1024px){#sidebar{transform:translateX(-100%)}#sidebar.mobile-open{transform:translateX(0);box-shadow:0 0 0 9999px rgba(0,0,0,0.5)}#mainContent{margin-left:0 !important}}.gradient-bg{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.app-logo-icon{width:48px;height:48px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:12px;margin-bottom:16px}.error{animation:shake 0.3s}@keyframes shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-10px)}75%{transform:translateX(10px)}}input.error,select.error,textarea.error{border-color:#dc2626 !important;box-shadow:0 0 0 3px rgba(220,38,38,0.1) !important;background-color:#fef2f2 !important}error{display:block;color:#dc2626;font-size:0.75rem;margin-top:0.25rem;animation:flashError 5s ease-in;opacity:0;position:absolute;bottom:-1rem}@keyframes flashError{0%{opacity:0;transform:translateY(-4px)}10%{opacity:1;transform:translateY(0)}70%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-4px)}}.code-input:focus{transform:scale(1.05);transition:transform 0.2s}#userMenu{z-index:60}*{transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform;transition-timing-function:cubic-bezier(0.4,0,0.2,1)}a,button{transition-duration:150ms}select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding:0 2rem 0 1rem}@keyframes popup-scale{0%{transform:scale(0.85);opacity:0}100%{transform:scale(1);opacity:1}}.draggable-appointment{cursor:grab !important;user-select:none}.draggable-appointment:active{cursor:grabbing !important}.draggable-appointment.opacity-50{opacity:0.5 !important}.droppable-slot{transition:all 0.2s ease}.droppable-slot.bg-blue-100{background-color:rgb(219 234 254) !important;border-color:rgb(147 197 253) !important;transform:scale(1.02)}.drag-over{box-shadow:0 0 0 2px rgb(59 130 246)}.iti--fullscreen-popup.iti--container{z-index:10000 !important}.appointment-status-scheduled{background-color:rgb(59 130 246)}.appointment-status-confirmed{background-color:rgb(34 197 94)}.appointment-status-completed{background-color:rgb(107 114 128)}.appointment-status-cancelled{background-color:rgb(239 68 68)}.appointment-status-no_show{background-color:rgb(185 28 28)}div.iti{width:100%}.iti__search-input{padding-top:0.625rem;padding-bottom:0.625rem}.pagination-select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right 0.5rem center;background-repeat:no-repeat;background-size:1.25em 1.25em}.status-toggle-wrapper{display:inline-flex;align-items:center;gap:0.75rem}.status-toggle{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0}.status-toggle input{opacity:0;width:0;height:0}.status-toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#d1d5db;transition:0.2s;border-radius:24px}.status-toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:white;transition:0.2s;border-radius:50%;box-shadow:0 1px 3px rgba(0,0,0,0.3)}.status-toggle input:checked + .status-toggle-slider{background-color:#22c55e}.status-toggle input:checked + .status-toggle-slider:before{transform:translateX(20px)}.status-toggle input:disabled + .status-toggle-slider{opacity:0.5;cursor:not-allowed}.status-toggle input:focus + .status-toggle-slider{box-shadow:0 0 0 3px rgba(34,197,94,0.2)}.entity-avatar{width:2.5rem;height:2.5rem;max-width:2.5rem;max-height:2.5rem;min-width:2.5rem;min-height:2.5rem;border-radius:9999px;display:flex;align-items:center;justify-content:center;font-weight:500;font-size:0.875rem;overflow:hidden;position:relative;flex-shrink:0}.entity-avatar img{width:100%;height:100%;object-fit:cover;max-width:100%;max-height:100%}.entity-avatar__initials{text-transform:uppercase}.entity-avatar--client[data-status="vip"]{background-color:#fef9c3;color:#854d0e}.entity-avatar--client:not([data-status="vip"]){background-color:#fed7aa;color:#9a3412}.entity-avatar--specialist{background-color:#e0e7ff;color:#4338ca}.entity-avatar--service{background-color:#dbeafe;color:#1e40af;border-radius:0.5rem}.status-badge{display:inline-flex;align-items:center;gap:0.25rem;padding:0.25rem 0.625rem;border-radius:9999px;font-size:0.75rem;font-weight:500}.status-badge--active{background-color:#dcfce7;color:#166534}.status-badge--inactive{background-color:#f3f4f6;color:#374151}.status-badge--pending{background-color:#fef9c3;color:#854d0e}.status-badge--paid{background-color:#dcfce7;color:#166534}.status-badge--failed{background-color:#fee2e2;color:#991b1b}.status-badge--refunded{background-color:#f3f4f6;color:#374151}.status-badge--scheduled{background-color:#dbeafe;color:#1e40af}.status-badge--confirmed{background-color:#dcfce7;color:#166534}.status-badge--completed{background-color:#f3e8ff;color:#6b21a8}.status-badge--cancelled{background-color:#fee2e2;color:#991b1b}.status-badge--no_show{background-color:#fed7aa;color:#9a3412}.status-badge--client_cancelled{background-color:#fee2e2;color:#991b1b}.status-badge--business_cancelled{background-color:#fef3c7;color:#92400e}.status-badge--vip{background-color:#fef9c3;color:#854d0e}.status-badge__icon{width:0.875rem;height:0.875rem;flex-shrink:0}.status-select{appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right 0.5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem}.table-loader-row{background-color:transparent}.table-loader{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;min-height:200px}.table-loader__spinner{width:48px;height:48px;position:relative}.table-loader__spinner::before,.table-loader__spinner::after{content:'';position:absolute;border-radius:50%;animation:table-loader-pulse 1.5s ease-in-out infinite}.table-loader__spinner::before{width:100%;height:100%;background-color:#6366f1;opacity:0.6;animation-delay:0s}.table-loader__spinner::after{width:100%;height:100%;background-color:#6366f1;opacity:0.6;animation-delay:0.75s}@keyframes table-loader-pulse{0%,100%{transform:scale(0.8);opacity:0.5}50%{transform:scale(1);opacity:1}}.table-loader__text{margin-top:1.5rem;font-size:0.875rem;color:#9ca3af;font-weight:500;letter-spacing:0.025em;text-transform:uppercase;animation:table-loader-text-pulse 1.5s ease-in-out infinite}@keyframes table-loader-text-pulse{0%,100%{opacity:0.5}50%{opacity:1}}.page-loader{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:rgba(249,250,251,0.9);z-index:9999;backdrop-filter:blur(4px)}.page-loader__spinner{width:56px;height:56px;position:relative}.page-loader__spinner::before,.page-loader__spinner::after{content:'';position:absolute;border-radius:50%;animation:page-loader-pulse 1.5s ease-in-out infinite}.page-loader__spinner::before{width:100%;height:100%;background-color:#6366f1;opacity:0.6;animation-delay:0s}.page-loader__spinner::after{width:100%;height:100%;background-color:#6366f1;opacity:0.6;animation-delay:0.75s}@keyframes page-loader-pulse{0%,100%{transform:scale(0.8);opacity:0.5}50%{transform:scale(1);opacity:1}}.page-loader__text{margin-top:1.5rem;font-size:0.875rem;color:#6b7280;font-weight:500;letter-spacing:0.025em;text-transform:uppercase}.popup-wrapper{}.popup{}.popup-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.5);backdrop-filter:blur(4px)}.popup-content{position:relative;z-index:1;max-height:90vh;overflow-y:auto;background-color:white;border-radius:0.75rem;box-shadow:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04)}body.popup-open{overflow:hidden}