@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Playfair+Display:wght@700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto+Flex:wght@400;500;600;700&display=swap);body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.login-screen{align-items:center;background:linear-gradient(135deg,#102542,#0a1628);background:linear-gradient(135deg,var(--primary-800) 0,var(--primary-900) 100%);bottom:0;display:flex;justify-content:center;left:0;min-height:100vh;overflow:hidden;position:fixed;right:0;top:0;z-index:10000}.login-container{animation:slideInUp .6s ease-out;background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000001a;max-width:440px;padding:48px;position:relative;width:100%;z-index:2}@media (min-width:1024px){.login-container{border-radius:16px;display:flex;max-height:520px;max-width:1000px;overflow:hidden;padding:0}.brand-section{margin-bottom:0}.form-panel{padding:48px}}.brand-section{margin-bottom:40px;text-align:center}@media (min-width:1024px){.brand-section{align-items:center;background:linear-gradient(135deg,#102542,#0a1628);background:linear-gradient(135deg,var(--primary-800) 0,var(--primary-900) 100%);color:#fff;display:flex;flex:1 1;flex-direction:column;justify-content:center;margin-bottom:0;overflow:hidden;padding:60px 40px;position:relative}.brand-section:before{animation:float 8s ease-in-out infinite;background:radial-gradient(circle,#ffffff1a 0,#0000 70%);content:"";height:200%;position:absolute;right:-50%;top:-50%;width:200%}.brand-section .logo-text{font-size:48px;margin-bottom:16px}.brand-section .logo-dev,.brand-section .logo-medi{color:#fff;text-shadow:0 2px 4px #0000001a}.brand-section .brand-tagline{color:#ffffffe6;font-size:18px;font-weight:400}}.medidev-logo{margin-bottom:24px}.logo-container,.medidev-logo{align-items:center;display:flex;justify-content:center}.logo-container{position:relative}.medidev-logo-img{filter:brightness(0) invert(1);height:auto;max-height:60px;max-width:280px;object-fit:contain;width:auto}@media (max-width:1023px){.medidev-logo-img{filter:none;max-height:50px;max-width:240px}}@media (min-width:1024px){.medidev-logo{margin-bottom:32px}.medidev-logo-img{filter:brightness(0) invert(1);max-height:80px;max-width:320px}}.logo-text-fallback{align-items:baseline;display:flex;font-size:32px;font-weight:700}.logo-medi{color:#102542;color:var(--primary-800)}.logo-dev{color:#2c4f7c;color:var(--primary-600)}@media (min-width:1024px){.brand-section .logo-dev,.brand-section .logo-medi{color:#fff}.logo-text-fallback{font-size:48px}}.brand-tagline{color:#6b7280;font-size:14px;font-weight:500;margin:0}@media (min-width:1024px){.form-panel{display:flex;flex:1 1;flex-direction:column;justify-content:center;min-height:600px;overflow-y:auto;padding:60px 48px}}.loading-section{padding:40px 0;text-align:center}@media (min-width:1024px){.loading-section{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:0}}.loading-spinner{display:inline-block;height:60px;margin-bottom:24px;position:relative;width:60px}.spinner-ring{animation:spin 1.2s linear infinite;border:3px solid #0000;border-radius:50%;border-top:3px solid var(--primary-800);height:100%;left:0;position:absolute;top:0;width:100%}.spinner-ring:nth-child(2){animation-delay:-.4s;border-top-color:#2c4f7c;border-top-color:var(--primary-600)}.spinner-ring:nth-child(3){animation-delay:-.8s;border-top-color:#102542;border-top-color:var(--primary-800);opacity:.5}.loading-text{color:#6b7280;font-size:16px;font-weight:500;margin:0}.login-section{opacity:0;transform:translateY(20px)}.login-section.animate-in{opacity:1;transform:translateY(0);transition:all .5s ease-out}@media (min-width:1024px){.login-section{display:flex;flex-direction:column;height:100%;justify-content:center}.login-section.animate-in{transform:translateX(0)}}.login-header{margin-bottom:24px;text-align:center}.login-header h2{color:#1f2937;font-size:32px;font-weight:800;margin:0}.login-header p{color:#6b7280;font-size:14px;margin:0}.login-form{margin-bottom:24px}.form-group{margin-bottom:16px}.form-group label{display:block;font-weight:600;margin-bottom:6px}.form-group input{border:2px solid #e5e7eb;border-radius:8px;box-sizing:border-box;font-size:14px;padding:12px 16px;transition:all .2s ease;width:100%}.form-group input:focus{border-color:#102542;border-color:var(--primary-800);box-shadow:0 0 0 3px #1025421a;outline:none}.form-group input:disabled{background:#f9fafb;color:#9ca3af;cursor:not-allowed}.form-options{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.checkbox-label{-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{display:none}.checkbox-custom{border:2px solid #d1d5db;border-radius:3px;height:16px;margin-right:8px;position:relative;transition:all .2s ease;width:16px}.checkbox-label input[type=checkbox]:checked+.checkbox-custom{background:#102542;background:var(--primary-800);border-color:#102542;border-color:var(--primary-800)}.checkbox-label input[type=checkbox]:checked+.checkbox-custom:after{color:#fff;content:"✓";font-size:10px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.forgot-link{color:#102542;color:var(--primary-800);font-size:14px;font-weight:500;text-decoration:none}.forgot-link:hover{text-decoration:underline}.login-btn{align-items:center;background:linear-gradient(135deg,#102542,#2c4f7c);background:linear-gradient(135deg,var(--primary-800),var(--primary-600));border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;overflow:hidden;padding:14px 24px;position:relative;transition:all .2s ease;width:100%}.login-btn:hover:not(:disabled){background:linear-gradient(135deg,#0a1628,#1e3a5f);background:linear-gradient(135deg,var(--primary-900),var(--primary-700));box-shadow:0 8px 20px #1025424d;transform:translateY(-1px)}.login-btn:active{transform:translateY(0)}.login-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.btn-spinner{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.login-divider{margin:24px 0;position:relative;text-align:center}.login-divider:before{background:#e5e7eb;content:"";height:1px;left:0;position:absolute;right:0;top:50%}.login-divider span{background:#fff;color:#6b7280;font-size:12px;font-weight:500;letter-spacing:.5px;padding:0 16px;text-transform:uppercase}.third-party-logins{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}@media (min-width:1024px){.third-party-logins{flex-direction:row;gap:8px}.third-party-btn{flex:1 1;font-size:13px;padding:10px 12px}}.third-party-btn{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;justify-content:center;padding:12px 20px;position:relative;transition:all .2s ease}.third-party-btn:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db;transform:translateY(-1px)}.third-party-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.btn-icon{align-items:center;display:flex;justify-content:center}.login-footer{margin-top:16px;text-align:center}.login-footer p{color:#6b7280;font-size:14px;margin:0}.signup-link{color:#102542;color:var(--primary-800);font-weight:600;text-decoration:none}.signup-link:hover{text-decoration:underline}.login-background{bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:1}.bg-circle{animation:float 6s ease-in-out infinite;background:#ffffff1a;border-radius:50%;position:absolute}.bg-circle-1{animation-delay:0s;height:200px;left:-100px;top:-100px;width:200px}.bg-circle-2{animation-delay:-2s;bottom:-150px;height:300px;right:-150px;width:300px}.bg-circle-3{animation-delay:-4s;height:150px;right:-75px;top:50%;width:150px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@media (max-width:480px){.login-container{border-radius:16px;margin:16px;padding:32px 24px}.logo-text{font-size:28px}.login-header h2{font-size:20px}.third-party-logins{gap:10px}.third-party-btn{font-size:13px;padding:10px 16px}}.step-reorder-container{background:#f9fafb;background:var(--gray-50);display:flex;flex-direction:column;height:80vh;max-height:800px}.step-reorder-header{align-items:flex-start;background:#fff;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);display:flex;justify-content:space-between;padding:24px;padding:var(--spacing-lg)}.header-content h3{color:#111827;color:var(--gray-900);font-size:20px;font-weight:700;margin:0 0 4px;margin:0 0 var(--spacing-xs) 0}.header-content p{color:#4b5563;color:var(--gray-600);font-size:14px;line-height:1.5;margin:0}.header-stats{display:flex;gap:24px;gap:var(--spacing-lg)}.stat-item{min-width:80px}.stat-number{color:#0e73e4;color:var(--medidev-blue);font-size:24px;margin-bottom:2px}.stat-label{color:#6b7280;color:var(--gray-500);font-size:12px;letter-spacing:.05em;text-transform:uppercase}.step-reorder-content{display:flex;flex:1 1;gap:24px;gap:var(--spacing-lg);overflow:hidden;padding:24px;padding:var(--spacing-lg)}.step-configuration-panel{background:#fff;border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);display:flex;flex:1 1;flex-direction:column;max-height:600px;min-height:400px;overflow:hidden}.panel-header{align-items:center;background:#f9fafb;background:var(--gray-50);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;padding:24px;padding:var(--spacing-lg)}.panel-header h4{color:#1f2937;color:var(--gray-800);font-size:16px;font-weight:600;margin:0}.step-list{background:#f9fafb;background:var(--gray-50);flex:1 1;min-height:300px;overflow-y:auto;padding:16px;padding:var(--spacing-md)}.draggable-step-item{background:#fff;border:2px solid #e5e7eb;border:2px solid var(--gray-200);border-radius:8px;border-radius:var(--radius-md);cursor:move;display:flex;margin-bottom:16px;margin-bottom:var(--spacing-md);overflow:hidden;position:relative;transition:all .2s ease;transition:all var(--transition-normal);-webkit-user-select:none;user-select:none}.draggable-step-item:hover{border-color:#0e73e4;border-color:var(--medidev-blue);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-1px)}.draggable-step-item:active,.draggable-step-item[draggable=true]:active{cursor:grabbing}.step-item-dragging{box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);opacity:.6;transform:rotate(2deg);z-index:1000}.step-item-drag-over{background:#e3f2fd;background:var(--medidev-blue-light);border-color:#0e73e4;border-color:var(--medidev-blue);transform:scale(1.02)}.step-item-disabled{background:#f3f4f6;background:var(--gray-100);opacity:.6}.step-item-disabled .step-name{color:#6b7280;color:var(--gray-500);text-decoration:line-through}.step-drag-handle{align-items:center;background:#f3f4f6;background:var(--gray-100);border-right:1px solid #e5e7eb;border-right:1px solid var(--gray-200);cursor:grab;display:flex;justify-content:center;-webkit-user-select:none;user-select:none;width:40px}.step-drag-handle:active{cursor:grabbing}.drag-icon{color:#9ca3af;color:var(--gray-400);font-size:16px;line-height:1;pointer-events:none}.step-drag-handle:hover .drag-icon{color:#0e73e4;color:var(--medidev-blue)}.step-content{padding:16px;padding:var(--spacing-md)}.step-header{justify-content:space-between;margin-bottom:8px;margin-bottom:var(--spacing-sm)}.step-header,.step-info{align-items:flex-start;display:flex}.step-info{flex:1 1;gap:8px;gap:var(--spacing-sm)}.step-icon{font-size:20px;margin-top:2px}.step-details{flex:1 1}.step-name{color:#1f2937;color:var(--gray-800);font-size:14px;font-weight:600;margin:0 0 4px}.step-description{color:#4b5563;color:var(--gray-600);font-size:12px;line-height:1.4;margin:0}.step-order{background:#0e73e4;background:var(--medidev-blue);border-radius:50%;color:#fff;flex-shrink:0;font-size:12px;font-weight:600;height:24px;justify-content:center;width:24px}.step-controls,.step-order{align-items:center;display:flex}.step-controls{justify-content:space-between}.step-badges{display:flex;gap:4px;gap:var(--spacing-xs)}.badge{border-radius:var(--radius-sm);font-size:10px;font-weight:600;padding:2px 8px}.badge-required{background:#fee2e2;background:var(--error-light);color:#ef4444;color:var(--error)}.badge-status{background:#e5e7eb;background:var(--gray-200);color:#374151;color:var(--gray-700)}.badge-enabled{background:#d1fae5;background:var(--success-light);color:#10b981;color:var(--success)}.badge-disabled{background:#fef3c7;background:var(--warning-light);color:#b45309}.toggle-switch{cursor:pointer;display:inline-block;height:24px;position:relative;width:44px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:#d1d5db;background-color:var(--gray-300);border-radius:24px;bottom:0;cursor:pointer;left:0;right:0;top:0}.toggle-slider,.toggle-slider:before{position:absolute;transition:.2s ease;transition:var(--transition-normal)}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:3px;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);content:"";height:18px;left:3px;width:18px}input:checked+.toggle-slider{background-color:#0e73e4;background-color:var(--medidev-blue)}input:checked+.toggle-slider:before{transform:translateX(20px)}.step-preview-panel{background:#fff;border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);display:flex;flex-direction:column;overflow:hidden;width:400px}.preview-label{color:#6b7280;color:var(--gray-500);font-size:12px;letter-spacing:.05em;text-transform:uppercase}.step-preview-widget{display:flex;flex:1 1;flex-direction:column;padding:24px;padding:var(--spacing-lg)}.preview-header{border-bottom:1px solid #e5e7eb;margin-bottom:24px;margin-bottom:var(--spacing-lg);padding-bottom:16px;padding-bottom:var(--spacing-md);text-align:center}.preview-header h5{color:#1f2937;color:var(--gray-800);font-size:16px;font-weight:600;margin:0 0 4px;margin:0 0 var(--spacing-xs) 0}.preview-type{color:#6b7280;color:var(--gray-500);font-size:12px;letter-spacing:.05em;text-transform:uppercase}.step-progress-container{margin-bottom:24px;margin-bottom:var(--spacing-lg)}.step-progress-bar{background:#e5e7eb;background:var(--gray-200);border-radius:4px;height:8px;margin-bottom:4px;margin-bottom:var(--spacing-xs);overflow:hidden;width:100%}.step-progress-fill{background:linear-gradient(90deg,#0e73e4,#4ae7cd);background:linear-gradient(90deg,var(--medidev-blue),var(--medidev-turquoise));border-radius:4px;height:100%;transition:width .3s ease;transition:width var(--transition-slow)}.progress-text{color:#4b5563;color:var(--gray-600);display:block;font-size:12px;text-align:center}.preview-steps{flex:1 1;overflow-y:auto}.preview-step{background:#f9fafb;background:var(--gray-50);border-radius:8px;border-radius:var(--radius-md);gap:8px;gap:var(--spacing-sm);margin-bottom:4px;margin-bottom:var(--spacing-xs);padding:8px;padding:var(--spacing-sm);transition:all .15s ease;transition:all var(--transition-fast)}.preview-step:hover{background:#e3f2fd;background:var(--medidev-blue-light)}.preview-step-number{align-items:center;background:#0e73e4;background:var(--medidev-blue);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:600;height:24px;justify-content:center;width:24px}.preview-step-content{align-items:center;display:flex;flex:1 1;gap:4px;gap:var(--spacing-xs)}.preview-step-icon{font-size:16px}.preview-step-info h6{color:#1f2937;color:var(--gray-800);font-size:13px;font-weight:600;margin:0 0 2px}.preview-step-info p{color:#4b5563;color:var(--gray-600);font-size:11px;line-height:1.3;margin:0}.preview-footer{border-top:1px solid #e5e7eb;border-top:1px solid var(--gray-200);margin-top:24px;margin-top:var(--spacing-lg);padding-top:16px;padding-top:var(--spacing-md)}.preview-branding{border-radius:4px;border-radius:var(--radius-sm);color:#fff;font-size:12px;font-weight:500;padding:8px;padding:var(--spacing-sm);text-align:center}.step-reorder-actions{align-items:center;background:#fff;border-top:1px solid #e5e7eb;border-top:1px solid var(--gray-200);box-shadow:0 -2px 8px #0000001a;display:flex;justify-content:space-between;padding:24px;padding:var(--spacing-lg)}.action-info{flex:1 1}.changes-indicator{color:#f59e0b;color:var(--warning);font-size:14px;font-weight:500}.action-buttons{gap:16px;gap:var(--spacing-md)}@media (max-width:768px){.step-reorder-content{flex-direction:column;gap:16px;gap:var(--spacing-md)}.step-preview-panel{max-height:400px;width:100%}.header-stats{flex-direction:column;gap:8px;gap:var(--spacing-sm)}.step-reorder-actions{align-items:stretch;flex-direction:column;gap:16px;gap:var(--spacing-md)}.action-buttons{justify-content:stretch}.action-buttons .btn{flex:1 1}}@media (max-width:480px){.step-reorder-header{flex-direction:column;gap:16px;gap:var(--spacing-md)}.header-stats{flex-direction:row;justify-content:center}.panel-header{align-items:stretch;flex-direction:column;gap:8px;gap:var(--spacing-sm)}.step-info{flex-direction:column;gap:4px;gap:var(--spacing-xs)}.step-controls{align-items:flex-start;flex-direction:column;gap:8px;gap:var(--spacing-sm)}}@keyframes dragEnter{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1.02)}}@keyframes stepReorder{0%{opacity:1;transform:translateY(0)}50%{opacity:.8;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.step-item-drag-over{animation:dragEnter .3s ease-out}.draggable-step-item{animation:stepReorder .4s ease-out}.draggable-step-item:focus{outline:2px solid #0e73e4;outline:2px solid var(--medidev-blue);outline-offset:2px}.toggle-switch input:focus+.toggle-slider{box-shadow:0 0 0 3px #0e73e433}@media (prefers-color-scheme:dark){.step-reorder-container{background:#111827;background:var(--gray-900);color:#f3f4f6;color:var(--gray-100)}.step-configuration-panel,.step-preview-panel,.step-reorder-header{background:#1f2937;background:var(--gray-800);border-color:#4b5563;border-color:var(--gray-600)}.draggable-step-item{background:#374151;background:var(--gray-700);border-color:#4b5563;border-color:var(--gray-600)}.step-drag-handle{background:#4b5563;background:var(--gray-600);border-color:#6b7280;border-color:var(--gray-500)}}.settings-view{margin:0 auto;max-width:1200px}.settings-header{align-items:center;border-bottom:var(--border-width) solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:var(--space-8);padding-bottom:var(--space-4)}.settings-title{color:var(--neutral-900);font-size:var(--text-xl);font-weight:600;margin:0}.settings-actions{align-items:center;display:flex;gap:var(--space-3)}.settings-tabs{border-bottom:var(--border-width) solid var(--border-color);display:flex;flex-wrap:wrap;gap:var(--space-1);margin-bottom:var(--space-8);overflow:visible}.settings-tab{background:none;border:none;border-bottom:var(--border-width-2) solid #0000;border-radius:var(--radius-md) var(--radius-md) 0 0;color:var(--neutral-500);cursor:pointer;flex:0 0 auto;font-size:var(--text-sm);font-weight:500;padding:var(--space-3) var(--space-4);transition:all var(--transition-normal);white-space:nowrap}.settings-tab:hover{background:var(--neutral-50);color:var(--neutral-700)}.settings-tab.active{background:var(--primary-50);border-bottom-color:var(--primary-800);color:var(--primary-800)}.settings-content{max-width:100%;min-height:500px;overflow-x:hidden}.settings-category{animation:fadeIn .3s ease-in-out;max-width:100%}.settings-section{margin-bottom:40px;max-width:100%}.settings-section h3{border-bottom:1px solid #e5e7eb;color:#1f2937;font-size:20px;font-weight:600;margin-bottom:16px;padding-bottom:8px}.settings-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));max-width:100%}.setting-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a;max-width:100%;overflow:hidden;padding:20px;transition:all .2s ease}.setting-card:hover{border-color:#d1d5db;box-shadow:0 4px 6px -1px #0000001a}.setting-card h4{word-wrap:break-word;color:#1f2937;font-size:16px;font-weight:600;margin-bottom:16px}.setting-row{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:16px;min-height:32px}.setting-row:last-child{margin-bottom:0}.setting-row label{word-wrap:break-word;color:#374151;flex:1 1;font-size:14px;font-weight:500;min-width:0;padding-top:6px}.setting-row input,.setting-row select,.setting-row textarea{background:#fff;border:1px solid #d1d5db;border-radius:6px;flex-shrink:0;font-size:14px;max-width:200px;min-width:100px;padding:8px 12px;transition:all .2s ease}.setting-row input:focus,.setting-row select:focus,.setting-row textarea:focus{ring:2px solid #eff6ff;border-color:#3b82f6;outline:none}.setting-row input[type=checkbox]{cursor:pointer;height:16px;margin:0;min-width:16px;width:16px}.setting-row input[type=number]{max-width:100px;text-align:right}.setting-row textarea{font-family:inherit;min-height:80px;resize:vertical}.settings-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a;margin-bottom:24px;transition:all .2s ease}.settings-card:hover{border-color:#d1d5db;box-shadow:0 4px 6px -1px #0000001a}.card-header{border-bottom:1px solid #f3f4f6;gap:12px;padding:20px 24px 16px}.card-icon{align-items:center;background:#eff6ff;border-radius:8px;display:flex;flex-shrink:0;font-size:20px;height:32px;justify-content:center;width:32px}.card-header h3{border:none;color:#1f2937;font-size:18px;font-weight:600;margin:0;padding:0}.card-header p{color:#6b7280;font-size:14px;margin:4px 0 0}.card-content{padding:20px 24px}.settings-form{display:flex;flex-direction:column;gap:20px}.form-row{align-items:flex-start;display:flex}.form-group{flex:1 1}.form-group label{color:#374151;font-size:14px;font-weight:500}.form-group input,.form-group select,.form-group textarea{border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:10px 12px;transition:all .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{ring:2px solid #eff6ff;border-color:#3b82f6;outline:none}.checkbox-label input[type=checkbox]{cursor:pointer}.checkmark{border:1px solid #d1d5db;border-radius:3px;height:16px;justify-content:center;transition:all .2s ease;width:16px}.checkmark,.time-picker{align-items:center;display:flex}.time-picker{gap:8px}.time-picker input{text-align:center;width:80px}.time-slot{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;justify-content:space-between;margin-bottom:8px;padding:12px}.time-slot,.time-slot-controls{align-items:center;display:flex}.time-slot-controls{gap:8px}.btn-sm{border-radius:4px;padding:4px 8px}.btn-danger{border:1px solid #ef4444}.btn-danger:hover{background:#dc2626;border-color:#dc2626}.char-count{color:#6b7280;font-size:12px;margin-top:4px}.reminder-times{display:flex;flex-direction:column;gap:8px}.reminder-time-item{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;display:flex;gap:8px;padding:8px}.reminder-time-item input[type=number]{background:#0000;border:none;text-align:center;width:80px}.reminder-time-item span{color:#6b7280;font-size:14px}.escalation-rules{display:flex;flex-direction:column;gap:12px}.escalation-rule{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;padding:12px}.rule-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.rule-row input,.rule-row select{border:1px solid #d1d5db;border-radius:4px;flex:1 1;font-size:13px;min-width:120px;padding:6px 8px}.unsaved-indicator{align-items:center;background:#fef3c7;border:1px solid #f59e0b;border-radius:6px;color:#92400e;display:flex;font-size:14px;gap:8px;padding:8px 16px}.unsaved-indicator:before{color:#f59e0b;content:"●"}.slideout-form{background:#fff;height:100%}.slideout-header{background:#f9fafb;padding:20px 24px}.slideout-header h3{color:#1f2937;font-size:18px;font-weight:600;margin:0}.btn-close{background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;font-size:24px;padding:4px;transition:all .2s ease}.btn-close:hover{background:#f3f4f6;color:#1f2937}.slideout-actions{background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.time-row{align-items:center;display:flex;gap:12px}.time-row input[type=time]{flex:1 1}.time-row span{color:#6b7280;font-weight:500}.template-variables{background:#f3f4f6;border-radius:8px;margin:20px 0;padding:16px}.template-variables p{color:#374151;font-size:14px;margin:0 0 8px}.variable-tags{display:flex;flex-wrap:wrap;gap:8px}.variable-tag{background:#3b82f6;border-radius:4px;color:#fff;cursor:pointer;font-family:monospace;font-size:12px;padding:4px 8px;transition:background .2s ease}.variable-tag:hover{background:#2563eb}.checkbox-group{display:flex;flex-direction:column;gap:12px}.checkbox-group .checkbox-label{align-items:center;border-radius:6px;color:#374151;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:8px;transition:background .2s ease}.checkbox-group .checkbox-label:hover{background:#f9fafb}@media (max-width:1024px){.settings-cards{gap:16px;grid-template-columns:1fr}.settings-tabs{flex-wrap:wrap;gap:2px}.settings-tab{font-size:12px;padding:8px 12px}}@media (max-width:768px){.settings-view{padding:12px}.settings-cards{gap:12px;grid-template-columns:1fr}.settings-header{align-items:stretch;flex-direction:column;gap:16px;margin-bottom:20px}.settings-title{font-size:24px}.settings-actions{flex-wrap:wrap;justify-content:stretch}.settings-actions .btn{flex:1 1;min-width:120px;text-align:center}.settings-tabs{gap:1px;margin-bottom:20px}.settings-tab{flex:1 1;font-size:12px;padding:10px 8px;text-align:center}.form-row{flex-direction:column;gap:12px}.setting-row{align-items:stretch;flex-direction:column;gap:8px;min-height:auto}.setting-row label{margin-bottom:0;padding-top:0}.setting-row input,.setting-row select,.setting-row textarea{max-width:100%;min-width:100%}.rule-row{flex-direction:column;gap:8px}.rule-row input,.rule-row select{max-width:100%;min-width:100%}.setting-card{padding:16px}}@media (max-width:480px){.settings-view{padding:12px}.settings-tabs{margin:0 -12px 24px;padding:0 12px}.card-content,.card-header,.setting-card{padding:16px}}:root{--medidev-blue:#0e73e4;--medidev-blue-dark:#0c5bb8;--medidev-blue-light:#e3f2fd;--medidev-rose:#ff4559;--medidev-seaglass:#819595;--medidev-turquoise:#4ae7cd;--gray-800:#1f2937;--warning:#f59e0b;--warning-light:#fef3c7;--error:#ef4444;--error-light:#fee2e2;--info:#3b82f6;--info-light:#eff6ff;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--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}body{background:#f9fafb;background:var(--gray-50);color:#1f2937;color:var(--gray-800)}.sidebar{border-right:1px solid #e5e7eb;box-shadow:0 4px 6px -1px #0000001a;transition:transform .3s ease;transition:transform var(--transition-slow)}.sidebar.collapsed{transform:translateX(-100%)}.brand{background:linear-gradient(135deg,#0e73e4,#0c5bb8);background:linear-gradient(135deg,var(--medidev-blue),var(--medidev-blue-dark));border-bottom:1px solid #e5e7eb;justify-content:center;padding:24px}.brand-name{color:#fff;font-family:Playfair Display,serif;font-size:28px;font-weight:700;text-align:center}.nav{overflow-y:auto;padding:16px 0}.nav-section{margin-bottom:32px}.nav-section:last-child{margin-bottom:16px}.nav-section-title{color:#9ca3af;color:var(--gray-400);font-size:11px;padding:0 24px 8px}.nav-item{border-radius:8px;color:#4b5563;color:var(--gray-600);font-size:14px;gap:8px;margin:0 8px;padding:8px 24px;transition:all .2s ease;transition:all var(--transition-normal);width:calc(100% - 16px)}.nav-item:hover{background:#f3f4f6;color:#374151}.nav-item.active{background:linear-gradient(135deg,#e3f2fd,#dbeafe);box-shadow:0 1px 2px 0 #0000000d;color:#0e73e4}.nav-item.active:before{background:#0e73e4}.nav-icon{font-size:18px}.nav-badge{background:#0e73e4}.user-profile{background:#f9fafb;border-top:1px solid #e5e7eb;gap:8px;padding:24px}.user-avatar{background:linear-gradient(135deg,#0e73e4,#0c5bb8)}.user-role{color:#6b7280}.main-content{transition:margin-left .3s ease;transition:margin-left var(--transition-slow)}.main-content.sidebar-collapsed{margin-left:0}.header{border-bottom:1px solid #e5e7eb;box-shadow:0 1px 2px 0 #0000000d;padding:16px 24px}.header-left{gap:16px}.mobile-menu-toggle{align-items:center;background:#0e73e4;background:var(--medidev-blue);border:none;border-radius:8px;border-radius:var(--radius-md);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);cursor:pointer;display:none;flex-direction:column;gap:4px;height:44px;justify-content:center;left:20px;position:fixed;top:20px;transition:all .2s ease;transition:all var(--transition-normal);width:44px;z-index:1001}.mobile-menu-toggle:hover{background:#0c5bb8;background:var(--medidev-blue-dark);transform:scale(1.05)}.hamburger-line{background:#fff;border-radius:1px;height:2px;transform-origin:center;transition:all .2s ease;transition:all var(--transition-normal);width:20px}.hamburger-line.open:first-child{transform:translateY(6px) rotate(45deg)}.hamburger-line.open:nth-child(2){opacity:0}.hamburger-line.open:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.mobile-menu-backdrop{animation:fadeIn ease-out .2s ease forwards;animation:fadeIn var(--transition-normal) ease-out forwards;background:#00000080;bottom:0;display:none;left:0;opacity:0;position:fixed;right:0;top:0;z-index:999}.account-menu-item{align-items:center;background:none;border:none;color:#374151;color:var(--gray-700);cursor:pointer;display:flex;font-size:14px;padding:12px 16px;text-align:left;transition:background-color .15s ease;transition:background-color var(--transition-fast);width:100%}.account-menu-item:hover{background-color:#f9fafb;background-color:var(--gray-50)}.account-menu-item:active{background-color:#f3f4f6;background-color:var(--gray-100)}.account-menu-icon{align-items:center;color:#4b5563;color:var(--gray-600);display:flex;flex-shrink:0;font-size:14px;font-weight:500;height:16px;justify-content:center;margin-right:12px;width:16px}.account-menu-logout{color:#ef4444!important}.account-menu-logout .account-menu-icon{color:#ef4444!important;font-weight:700}.page-title{color:#111827}.header-actions{gap:16px}.notification-icon{border-radius:4px;color:#4b5563;padding:8px}.notification-icon:hover{background:#f3f4f6;color:#1f2937}.user-avatar-small{background:linear-gradient(135deg,#0e73e4,#0c5bb8)}.content-area{padding:24px}.stats-grid{grid-gap:24px;gap:24px;margin-bottom:32px}.stat-card{align-items:center;background:#fff;border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);cursor:pointer;display:flex;justify-content:space-between;overflow:hidden;padding:24px;padding:var(--spacing-lg);position:relative;transition:all .2s ease;transition:all var(--transition-normal)}.stat-card:before{background:linear-gradient(135deg,#0e73e4,#0c5bb8);background:linear-gradient(135deg,var(--medidev-blue),var(--medidev-blue-dark));content:"";height:4px;left:0;position:absolute;right:0;top:0}.stat-card:hover{box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.stat-content{flex:1 1}.stat-number{color:#111827;color:var(--gray-900);display:block;font-size:32px;font-weight:800;margin-bottom:4px}.stat-label{color:#4b5563;color:var(--gray-600);font-size:14px;font-weight:600;line-height:1.3;margin-bottom:8px;margin-bottom:var(--spacing-sm)}.stat-trend.positive{background:#d1fae5;color:#10b981}.stat-trend.negative{color:#ef4444}.stat-trend.neutral{background:#f3f4f6;color:#4b5563}.stat-icon{margin-left:16px}.card{border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;margin-bottom:24px}.card-header{background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:24px}.card-title{color:#111827}.activity-list{padding:16px 0}.activity-item{border-bottom:1px solid #f3f4f6;padding:16px 24px}.activity-item:hover{background:#f9fafb}.activity-patient{color:#111827}.activity-details{gap:8px}.activity-service{color:#0e73e4}.activity-practitioner{color:#4b5563}.activity-separator{color:#9ca3af}.activity-time{color:#6b7280}.activity-status{margin-left:16px}.btn{color:#374151}.btn:hover{box-shadow:0 4px 6px -1px #0000001a}.btn-primary{background:#0e73e4;border-color:#0e73e4}.btn-primary:hover{background:#0c5bb8;border-color:#0c5bb8}.btn-secondary{background:#f3f4f6;border-color:#d1d5db}.btn-secondary:hover{background:#e5e7eb;border-color:#9ca3af}.btn-success{background:#10b981;border-color:#10b981}.btn-danger{background:#ef4444;border-color:#ef4444}.status-confirmed{background:#d1fae5;color:#10b981}.status-cancelled{color:#ef4444}.status-active{background:#d1fae5;color:#10b981}.placeholder-content{border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;padding:48px}.placeholder-content h2{color:#374151;margin-bottom:16px}.placeholder-content p{color:#6b7280}@media (min-width:769px){.sidebar{transform:translateX(0)!important}.mobile-menu-backdrop,.mobile-menu-toggle{display:none!important}}@media (max-width:768px){.sidebar{transform:translateX(-100%);z-index:1000}.sidebar.mobile-open{box-shadow:0 20px 25px -5px #0000001a;box-shadow:var(--shadow-xl);transform:translateX(0)}.main-content,.main-content.sidebar-collapsed{margin-left:0}.mobile-menu-toggle{display:flex}.mobile-menu-backdrop{display:block}.sidebar .sidebar-grip{display:none!important}.clinic-dropdown{max-width:320px!important}.account-dropdown,.clinic-dropdown{left:20px!important;width:calc(100vw - 40px)!important}.account-dropdown{bottom:80px!important;max-width:280px!important}.content-area{padding:16px;padding:var(--spacing-md)}.stats-grid{grid-template-columns:repeat(4,1fr)}.card-header,.stats-grid{gap:16px;gap:var(--spacing-md)}.activity-item,.card-header{align-items:stretch;flex-direction:column}.activity-item{gap:8px;gap:var(--spacing-sm)}.activity-status{align-self:flex-start;margin-left:0}.page-title{font-size:20px}.stat-card{flex-direction:column;gap:16px;gap:var(--spacing-md);text-align:center}.stat-icon{margin-left:0;order:-1}}@media (max-width:480px){.content-area{padding:8px;padding:var(--spacing-sm)}.card-content,.card-header{padding:16px;padding:var(--spacing-md)}.stats-grid{gap:8px;gap:var(--spacing-sm);grid-template-columns:repeat(4,1fr)}.stat-card{padding:16px;padding:var(--spacing-md)}.stat-number{font-size:24px}}::-webkit-scrollbar-track{background:#f3f4f6}::-webkit-scrollbar-thumb{background:#d1d5db}::-webkit-scrollbar-thumb:hover{background:#9ca3af}.modal-overlay,.slideout-overlay{align-items:center;animation:fadeIn var(--transition-fast) ease-out;-webkit-backdrop-filter:blur(var(--space-1));backdrop-filter:blur(var(--space-1));background:#0006;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.modal{animation:modalIn var(--transition-normal) ease-out;background:var(--neutral-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-elevation);display:flex;flex-direction:column;max-height:90vh;overflow:hidden;position:relative}@keyframes modalIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-small{max-width:90vw;width:var(--modal-width-sm)}.modal-medium{max-width:90vw;width:var(--modal-width-md)}.modal-large{max-width:95vw;width:var(--modal-width-lg)}.modal-full{height:95vh;width:95vw}.modal-header{border-bottom:var(--border-width) solid var(--border-color);padding:var(--space-6) var(--space-6) var(--space-4) var(--space-6)}.modal-title{color:var(--neutral-900);font-size:var(--text-lg);font-weight:var(--weight-semibold);margin:0}.modal-close{align-items:center;border-radius:var(--radius-md);color:var(--neutral-500);display:flex;font-size:var(--text-xl);height:var(--space-8);justify-content:center;padding:var(--space-1);transition:all var(--transition-fast) ease;width:var(--space-8)}.modal-close:hover{background:var(--neutral-100);color:var(--neutral-700)}.modal-content{flex:1 1;padding:var(--space-6)}.slideout-panel{background:var(--neutral-white);bottom:0;box-shadow:var(--shadow-slideout-left);transition:transform var(--transition-normal) ease-out;z-index:10001}.slideout-panel.slideout-open{transform:translateX(0)}.slideout-right{right:0}.slideout-left{box-shadow:var(--shadow-slideout-right);left:0;transform:translateX(-100%)}.slideout-left.slideout-open{transform:translateX(0)}.slideout-small{max-width:90vw;width:var(--modal-width-sm)}.slideout-medium{max-width:90vw;width:var(--modal-width-md)}.slideout-large{max-width:95vw;width:var(--modal-width-lg)}.slideout-header{background:var(--neutral-50);border-bottom:var(--border-width) solid var(--border-color);padding:var(--space-6)}.slideout-title{color:var(--neutral-900);font-size:var(--text-lg);font-weight:var(--weight-semibold)}.slideout-content{padding:var(--space-6)}.slideout-footer{background:var(--neutral-50);border-top:var(--border-width) solid var(--border-color);padding:var(--space-4) var(--space-6) var(--space-6) var(--space-6)}.multi-step-container{display:flex;flex-direction:column;height:100%;max-height:70vh}.step-progress{background:var(--neutral-50);border-bottom:var(--border-width) solid var(--border-color);gap:var(--space-4);justify-content:center;padding:var(--space-6)}.step-item,.step-progress{align-items:center;display:flex}.step-item{flex:1 1;flex-direction:column;gap:var(--space-2);max-width:120px;position:relative;transition:all var(--transition-fast) ease}.step-item:not(:last-child):after{background:var(--border-color);content:"";height:var(--border-width-2);position:absolute;right:calc(var(--space-5)*-1);top:var(--space-4);width:var(--space-6);z-index:1}.step-item.completed:not(:last-child):after{background:var(--success-600)}.step-number{background:var(--neutral-100);color:var(--neutral-500);font-size:var(--text-sm);font-weight:var(--weight-semibold);height:var(--space-8);position:relative;transition:all var(--transition-fast) ease;width:var(--space-8);z-index:2}.step-item.active .step-number{background:var(--primary-600);color:var(--neutral-white)}.step-item.completed .step-number{background:var(--success-600);color:var(--neutral-white)}.step-label{color:var(--neutral-500);font-size:var(--text-xs);font-weight:var(--weight-medium);text-align:center}.step-item.active .step-label{color:var(--primary-600);font-weight:var(--weight-semibold)}.step-item.completed .step-label{color:var(--success-600)}.step-content{flex:1 1;overflow-y:auto;padding:var(--space-6)}.step-title{color:var(--neutral-900);font-size:var(--text-lg);font-weight:var(--weight-semibold);margin:0 0 var(--space-2) 0}.step-description{color:var(--neutral-500);font-size:var(--text-sm);line-height:var(--leading-relaxed);margin:0 0 var(--space-6) 0}.step-footer{background:var(--neutral-white);border-top:var(--border-width) solid var(--border-color);padding:var(--space-4) var(--space-6) 0 var(--space-6)}.multi-step-actions{align-items:center;display:flex;gap:var(--space-3)}.flex-spacer{flex:1 1}.confirm-dialog{padding:var(--space-4) 0;text-align:center}.confirm-icon{display:block;font-size:var(--text-3xl);margin-bottom:var(--space-4)}.confirm-message{color:var(--neutral-700);font-size:var(--text-base);line-height:var(--leading-relaxed);margin:0 0 var(--space-6) 0}.confirm-actions{display:flex;gap:var(--space-3);justify-content:center}.btn-loading{align-items:center;display:flex;gap:var(--space-2)}.loading-spinner{animation:spin 1s linear infinite;border:var(--border-width-2) solid #0000;border-radius:50%;border-top:var(--border-width-2) solid;height:var(--space-4);width:var(--space-4)}.notification-container{display:flex;flex-direction:column;gap:var(--space-3);max-width:var(--modal-width-sm);position:fixed;right:var(--space-6);top:var(--space-6);z-index:10002}.notification{align-items:flex-start;animation:slideInRight var(--transition-normal) ease-out;background:var(--neutral-white);border-left:var(--space-1) solid var(--primary-600);border-radius:var(--radius-md);box-shadow:var(--shadow-elevation);display:flex;padding:var(--space-4)}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.notification-success{border-left-color:var(--success-600)}.notification-error{border-left-color:var(--danger-600)}.notification-warning{border-left-color:var(--warning-600)}.notification-info{border-left-color:var(--primary-600)}.notification-content{align-items:flex-start;display:flex;flex:1 1;gap:var(--space-3)}.notification-message{color:var(--neutral-700);font-size:var(--text-sm);line-height:var(--leading-relaxed)}.notification-close{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--neutral-500);cursor:pointer;display:flex;flex-shrink:0;font-size:var(--text-lg);height:var(--space-5);justify-content:center;margin-left:var(--space-3);padding:0;transition:all var(--transition-fast) ease;width:var(--space-5)}.notification-close:hover{background:var(--neutral-100);color:var(--neutral-700)}.form-grid{grid-gap:var(--space-4);gap:var(--space-4);grid-template-columns:1fr 1fr}.form-grid.single-column{grid-template-columns:1fr}.form-group{gap:var(--space-1-5)}.form-label{color:var(--neutral-700);font-size:var(--text-sm);font-weight:var(--weight-semibold)}.form-input,.form-select,.form-textarea{border:var(--border-width) solid var(--border-color);border-radius:var(--radius-md);font-size:var(--text-sm);padding:var(--space-2-5) var(--space-3);transition:border-color var(--transition-fast) ease}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--primary-600);box-shadow:var(--ring-primary);outline:none}.form-textarea{min-height:var(--space-20);resize:vertical}.form-error{color:var(--danger-600)}.form-error,.form-help{font-size:var(--text-xs);margin-top:var(--space-1)}.form-help{color:var(--neutral-500)}@media (max-width:768px){.modal-large,.modal-medium{margin:var(--space-5);max-height:calc(100vh - var(--space-10));width:95vw}.slideout-large,.slideout-medium{width:100vw}.step-progress{justify-content:flex-start;overflow-x:auto;padding:var(--space-4) var(--space-6)}.step-item{flex-shrink:0;min-width:80px}.step-item:not(:last-child):after{right:calc(var(--space-4)*-1);width:var(--space-4)}.form-grid{grid-template-columns:1fr}.notification-container{left:var(--space-4);max-width:none;right:var(--space-4);top:var(--space-4)}.confirm-actions{flex-direction:column}.multi-step-actions{justify-content:space-between}}:root{--primary-900:#0a1628;--primary-800:#102542;--primary-700:#1e3a5f;--primary-600:#2c4f7c;--primary-500:#3b6699;--primary-400:#5a7db3;--primary-300:#7994cc;--primary-200:#a8b8d9;--primary-100:#d7e0f0;--primary-50:#f8fafc;--accent-rose:#ff4559;--accent-turquoise:#4ae7cd;--accent-gold:#f59e0b;--accent-seaglass:#819595;--neutral-white:#fff;--neutral-smoke:#f8f9fa;--neutral-platinum:#f8f9fa;--neutral-pearl:#e9ecef;--neutral-silver:#dee2e6;--neutral-steel:#adb5bd;--neutral-charcoal:#6c757d;--neutral-graphite:#495057;--neutral-slate:#343a40;--neutral-obsidian:#212529;--space-0:0rem;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--text-xs:0.8rem;--text-sm:1rem;--text-base:1.25rem;--text-lg:1.563rem;--text-xl:1.953rem;--text-2xl:2.441rem;--text-3xl:3.052rem;--shadow-subtle:0 1px 3px #1025421a;--shadow-soft:0 4px 16px #10254226;--shadow-medium:0 8px 32px #10254233;--shadow-elevated:0 12px 28px #10254240;--shadow-dramatic:0 20px 40px #10254240;--shadow-glow:0 0 0 1px #1025420d,0 4px 16px #1025421a;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--status-active:var(--accent-turquoise);--status-active-bg:#d1faf5;--status-inactive:var(--neutral-steel);--status-inactive-bg:var(--neutral-pearl);--status-warning:var(--accent-gold);--status-warning-bg:#fef3c7;--status-error:var(--accent-rose);--status-error-bg:#fee2e2;--success-100:#d1faf5;--success-700:#047857;--warning-100:#fef3c7;--warning-700:#92400e;--error-100:#fee2e2;--error-700:#b91c1c;--transition-fast:0.15s ease;--transition-normal:0.2s ease;--transition-slow:0.3s ease;--transition-bounce:0.4s cubic-bezier(0.68,-0.55,0.265,1.55);--medidev-blue:var(--primary-800);--medidev-blue-dark:var(--primary-900);--medidev-blue-light:var(--primary-100);--medidev-rose:var(--accent-rose);--medidev-seaglass:var(--accent-seaglass);--medidev-turquoise:var(--accent-turquoise);--gray-50:var(--neutral-platinum);--gray-100:var(--neutral-pearl);--gray-200:var(--neutral-silver);--gray-300:var(--neutral-steel);--gray-400:var(--neutral-charcoal);--gray-500:var(--neutral-graphite);--gray-600:var(--neutral-slate);--gray-700:var(--neutral-obsidian);--gray-800:var(--neutral-obsidian);--gray-900:var(--neutral-obsidian);--spacing-xs:var(--space-1);--spacing-sm:var(--space-2);--spacing-md:var(--space-4);--spacing-lg:var(--space-6);--spacing-xl:var(--space-8);--spacing-2xl:var(--space-12);--success:var(--accent-turquoise);--success-light:var(--status-active-bg);--warning:var(--accent-gold);--warning-light:var(--status-warning-bg);--error:var(--accent-rose);--error-light:var(--status-error-bg);--oxford-blue:var(--primary-800);--turquoise:var(--accent-turquoise)}.material-page-title{color:#102542;color:var(--oxford-blue);font-family:Roboto Flex,Inter,sans-serif;font-size:2.25rem;font-weight:600;letter-spacing:-.025em;line-height:1.2;margin-bottom:8px}.material-page-subtitle{color:#343a40;color:var(--gray-600);font-size:1rem;font-weight:400;line-height:1.5;margin-bottom:24px}.material-section-title{color:#102542;color:var(--oxford-blue);font-size:1.125rem;font-weight:600;margin-bottom:16px}.material-button{align-items:center;border:none;border-radius:20px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.875rem;font-weight:500;gap:8px;padding:10px 24px;text-decoration:none;transition:all .2s cubic-bezier(.2,0,0,1)}.material-button-filled{background:var(--oxford-blue);box-shadow:0 1px 2px 0 #0000004d,0 1px 3px 1px #00000026}.material-button-filled:hover{background:color-mix(in srgb,#102542 92%,#fff);background:color-mix(in srgb,var(--oxford-blue) 92%,#fff);box-shadow:0 1px 2px 0 #0000004d,0 2px 6px 2px #00000026;transform:translateY(-1px)}.material-button-outlined{border:1px solid #adb5bd;border:1px solid var(--gray-300);color:var(--oxford-blue)}.material-button-outlined:hover{background:#e9ecef;background:var(--gray-100);border-color:#102542;border-color:var(--oxford-blue)}.material-table-container{border:1px solid var(--gray-200)}.material-table-header{background:#e9ecef;background:var(--gray-100);border-bottom:1px solid var(--gray-200);padding:20px 24px}.material-table-title{color:var(--oxford-blue)}.material-table-meta{color:#495057;color:var(--gray-500)}.material-table{border-collapse:collapse;width:100%}.material-table th{background:#e9ecef;background:var(--gray-100);color:#343a40;color:var(--gray-600);font-weight:500;text-align:left}.material-table td,.material-table th{border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--gray-200);font-size:.875rem;padding:16px 24px}.material-table tbody tr{cursor:pointer;transition:background-color .2s cubic-bezier(.2,0,0,1)}.material-table tbody tr:hover{background:#f8f9fa;background:var(--gray-50)}.material-cell{align-items:center;display:flex;gap:16px}.material-avatar{align-items:center;background:#102542;background:var(--oxford-blue);border-radius:12px;color:#fff;display:flex;flex-shrink:0;font-size:1rem;font-weight:600;height:40px;justify-content:center;width:40px}.material-cell-info h4{color:#212529;color:var(--gray-900);font-size:.875rem;font-weight:500;margin-bottom:2px}.material-cell-meta{color:#495057;color:var(--gray-500);font-size:.75rem}.material-status-chip{align-items:center;background:#4ae7cd;background:var(--turquoise);border-radius:16px;color:#102542;color:var(--oxford-blue);display:inline-flex;font-size:.75rem;font-weight:500;gap:6px;padding:6px 12px}.material-status-chip.active{background:#4ae7cd33;color:#102542;color:var(--oxford-blue)}.material-status-chip.inactive{background:#dee2e6;background:var(--gray-200);color:#212529;color:var(--gray-700)}.material-page-header{border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--gray-200);margin-bottom:24px;padding:24px 0;position:relative}.material-page-actions{display:flex;gap:12px;position:absolute;right:0;top:24px}@media (max-width:768px){.material-page-title{font-size:1.875rem}.material-page-actions{margin-top:16px;position:static}.material-table-header{align-items:flex-start;flex-direction:column;gap:8px}}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;line-height:1.5}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--neutral-50);color:var(--neutral-800);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1rem;font-size:var(--text-sm);line-height:1.6}.dashboard-container{display:flex;min-height:100vh;overflow:visible}.sidebar{background:#fff;border-right:1px solid #dee2e6;border-right:1px solid var(--gray-200);box-shadow:var(--shadow-md);display:flex;flex-direction:column;height:100vh;left:0;overflow:visible;position:fixed;top:0;transition:width .25s cubic-bezier(.4,0,.2,1);width:280px;z-index:1000}.sidebar.collapsed{box-sizing:border-box;max-width:80px;min-width:80px;overflow:visible;width:80px}.sidebar-grip{align-items:center;background:#fff;border:1px solid #dee2e6;border:1px solid var(--gray-200);border-radius:10px;box-shadow:0 2px 8px #0000001a;cursor:pointer;display:flex;height:40px;justify-content:center;left:270px;position:fixed;top:50%;transform:translateY(-50%);transition:all .2s cubic-bezier(.4,0,.2,1);width:20px;z-index:1050}.sidebar.collapsed .sidebar-grip{left:71px;width:18px}.sidebar-grip:hover{background:#f8f9fa;background:var(--gray-50);box-shadow:0 4px 12px #00000026;transform:translateY(-50%) scale(1.05)}.sidebar-grip:active{transform:translateY(-50%) scale(.95)}.sidebar-grip:before{margin-right:2px}.sidebar-grip:after,.sidebar-grip:before{background:#6c757d;background:var(--gray-400);border-radius:1px;content:"";height:16px;width:2px}.sidebar-grip:after{margin-left:2px}.brand{align-items:center;background:#fff;border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--gray-200);display:flex;height:80px;justify-content:flex-start;overflow:visible;padding:1.5rem;padding:var(--spacing-lg);position:relative;transition:all .3s ease;z-index:1001}.brand.collapsed{height:70px;justify-content:center;padding:1rem;padding:var(--spacing-md);z-index:1001}.company-branding{align-items:center;cursor:pointer;display:flex;gap:1rem;gap:var(--spacing-md);position:relative;transition:all .2s ease;width:100%}.company-branding:hover{opacity:.8}.company-logo{flex-shrink:0;position:relative}.company-initial{align-items:center;background:#102542;background:var(--primary-800);border-radius:50%;color:#fff;display:flex;font-size:1rem;font-size:var(--text-sm);font-weight:700;height:42px;justify-content:center;letter-spacing:.5px;text-transform:uppercase;width:42px}.company-info{flex:1 1;min-width:0;opacity:1;transition:opacity .3s ease}.brand.collapsed .company-info{opacity:0;overflow:hidden;width:0}.company-name{color:#102542;color:var(--primary-800);display:block;font-size:1.25rem;font-size:var(--text-base);font-weight:600;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clinic-dropdown{background:#fff!important;border:1px solid #adb5bd;border:1px solid var(--gray-300);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 10px 25px #00000026;max-height:300px;opacity:1!important;overflow-x:hidden;overflow-y:auto;position:fixed;scrollbar-color:#6c757d #0000;scrollbar-color:var(--gray-400) #0000;scrollbar-width:thin;width:280px;z-index:9999}.brand .clinic-dropdown,.clinic-dropdown,div.clinic-dropdown,html body .clinic-dropdown,html body .sidebar .brand .clinic-dropdown,html body .sidebar .brand .company-branding .clinic-dropdown,html body div.sidebar div.brand div.company-branding div.clinic-dropdown{animation:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background-color:#fff!important;background:#fff!important;background-image:none!important;box-shadow:0 10px 25px #00000040!important;filter:none!important;opacity:1!important;transform:none!important;transition:none!important;visibility:visible!important;will-change:auto!important}.clinic-dropdown .clinic-option,.clinic-option,button.clinic-option,html body .clinic-dropdown .clinic-option,html body div.sidebar div.brand div.company-branding div.clinic-dropdown button.clinic-option{animation:none!important;background-color:#fff!important;background:#fff!important;background-image:none!important;filter:none!important;opacity:1!important;transform:none!important;transition:none!important;will-change:auto!important}.clinic-dropdown .clinic-option:hover,.clinic-option:hover,button.clinic-option:hover,html body .clinic-dropdown .clinic-option:hover,html body div.sidebar div.brand div.company-branding div.clinic-dropdown button.clinic-option:hover{animation:none!important;background-color:#f8fafc!important;background-color:var(--primary-50)!important;background:#f8fafc!important;background:var(--primary-50)!important;filter:none!important;opacity:1!important;transform:none!important;transition:none!important}[class*=clinic-dropdown],[class*=clinic-option]{animation:none!important;background-color:#fff!important;filter:none!important;opacity:1!important;transform:none!important;transition:none!important}body:has(.modal-overlay) .clinic-dropdown,body:has(.slideout-overlay) .clinic-dropdown{display:none!important}.clinic-dropdown::-webkit-scrollbar{width:6px}.clinic-dropdown::-webkit-scrollbar-track{background:#0000}.clinic-dropdown::-webkit-scrollbar-thumb{background-color:#6c757d;background-color:var(--gray-400);border-radius:3px}.clinic-dropdown::-webkit-scrollbar-thumb:hover{background-color:#495057;background-color:var(--gray-500)}.clinic-option{align-items:center;background:none;border:none;border-bottom:1px solid #e9ecef;border-bottom:1px solid var(--gray-100);cursor:pointer;display:flex;gap:1rem;gap:var(--spacing-md);padding:1rem;padding:var(--spacing-md);text-align:left;transition:all .2s ease;width:100%}.clinic-option:last-child{border-bottom:none}.clinic-option:hover{background:#f8fafc;background:var(--primary-50);transform:translateX(2px)}.clinic-option:hover .clinic-initial{background:#d7e0f0;background:var(--primary-100);transform:scale(1.05)}.clinic-option:hover .clinic-initial,.clinic-option:hover .clinic-name{color:#102542;color:var(--primary-800)}.clinic-option.active{background:#f8fafc;background:var(--primary-50)}.clinic-initial{align-items:center;background:#adb5bd;background:var(--gray-300);border-radius:50%;color:#212529;color:var(--gray-700);display:flex;flex-shrink:0;font-size:.8rem;font-size:var(--text-xs);font-weight:700;height:32px;justify-content:center;letter-spacing:.5px;text-transform:uppercase;width:32px}.clinic-option.active .clinic-initial{background:#102542;background:var(--primary-800);color:#fff}.clinic-name{color:#212529;color:var(--gray-700);flex:1 1;font-size:1rem;font-size:var(--text-sm)}.clinic-option.active .clinic-name{color:#102542;color:var(--primary-800);font-weight:600}.nav{flex:1 1;overflow:visible;padding:1rem 0;padding:var(--spacing-md) 0}.nav-section{margin-bottom:2rem;margin-bottom:var(--spacing-xl)}.nav-section:last-child{margin-bottom:1rem;margin-bottom:var(--spacing-md)}.nav-section-title{color:var(--neutral-400);font-size:.8rem;font-size:var(--text-xs);font-weight:700;letter-spacing:.1em;padding:0 1.5rem .5rem;padding:0 var(--spacing-lg) var(--spacing-sm) var(--spacing-lg);text-transform:uppercase;transition:opacity .3s ease}.nav-section-title.collapsed{display:none}.nav-item{align-items:center;background:none;border:none;border-radius:10px;border-radius:var(--radius-md);color:var(--neutral-600);cursor:pointer;display:flex;font-size:1rem;font-size:var(--text-sm);font-weight:500;gap:.5rem;gap:var(--spacing-sm);margin:0 .5rem;margin:0 var(--spacing-sm);padding:.5rem 1.5rem;padding:var(--spacing-sm) var(--spacing-lg);position:relative;text-align:left;transition:background-color .2s ease;transition:background-color var(--transition-normal);width:calc(100% - 1rem);width:calc(100% - var(--spacing-md))}.nav-icon{transition:none}.nav-label{opacity:1;overflow:hidden;transition:opacity .3s ease;white-space:nowrap}.nav-item:hover{background:#e9ecef;background:var(--gray-100);color:#212529;color:var(--gray-700);transform:translateX(2px)}.nav-item.collapsed .nav-badge,.nav-item.collapsed .nav-label{display:none}.sidebar.collapsed .nav-item{box-sizing:border-box;gap:0;justify-content:center;margin:0 .5rem;margin:0 var(--spacing-sm);max-width:64px;padding:.5rem;padding:var(--spacing-sm);width:calc(80px - 2rem);width:calc(80px - var(--spacing-md)*2)}.sidebar.collapsed .nav-badge,.sidebar.collapsed .nav-label{display:none}.nav-item.collapsed:after{background:#0a1628;background:var(--primary-900);border-radius:6px;border-radius:var(--radius-sm);box-shadow:0 8px 32px #10254233;box-shadow:var(--shadow-medium);color:#fff;content:attr(data-tooltip);font-size:1rem;font-size:var(--text-sm);font-weight:500;left:100%;margin-left:.5rem;margin-left:var(--space-2);opacity:0;padding:.5rem .75rem;padding:var(--space-2) var(--space-3);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s ease;white-space:nowrap;z-index:1000}.nav-item.collapsed:hover:after{opacity:1}.nav-item.active{background:linear-gradient(135deg,#d7e0f0,#dbeafe);background:linear-gradient(135deg,var(--medidev-blue-light),#dbeafe);box-shadow:var(--shadow-sm);color:#102542;color:var(--medidev-blue);font-weight:600}.nav-item.active:before{background:#102542;background:var(--medidev-blue);border-radius:0 2px 2px 0;bottom:0;content:"";left:-8px;position:absolute;top:0;width:3px}.nav-icon{align-items:center;display:flex;flex-shrink:0;font-size:0;height:20px;justify-content:center;position:relative;transition:all .2s ease;width:20px}.nav-icon:after,.nav-icon:before{color:#495057;transition:all .2s ease}.nav-item:hover .nav-icon:after,.nav-item:hover .nav-icon:before{color:#343a40;transform:scale(1.05)}.nav-item.active .nav-icon:after,.nav-item.active .nav-icon:before{color:#fff}.nav-item:hover .nav-icon{transform:scale(1.05)}.sidebar.collapsed .nav-item:hover .nav-icon{transform:scale(1.1)}.nav-item.active .nav-icon{filter:drop-shadow(0 0 4px rgba(255,255,255,.3))}.nav-label{flex:1 1}.nav-badge{align-items:center;background:#102542;background:var(--medidev-blue);border-radius:10px;color:#fff;display:flex;font-size:10px;font-weight:700;height:18px;justify-content:center;min-width:18px;padding:2px 6px}.icon-dashboard:before{box-shadow:0 8px 0 #495057,10px 0 0 #495057,10px 4px 0 #495057;height:6px;left:1px;top:1px;width:8px}.icon-dashboard:after,.icon-dashboard:before{background:#495057;border-radius:1px;content:"";position:absolute}.icon-dashboard:after{height:10px;right:1px;top:5px;width:4px}.icon-calendar:before{background:linear-gradient(90deg,#0000 2px,#495057 2px 3px,#0000 3px 5px,#495057 5px 6px,#0000 6px 8px,#495057 8px 9px,#0000 9px),linear-gradient(#0000 3px,#495057 3px 4px,#0000 4px 6px,#495057 6px 7px,#0000 7px);background-size:14px 12px;border:2px solid #495057;border-radius:2px;content:"";height:12px;width:14px}.icon-calendar:after{background:#495057;box-shadow:8px 0 0 #495057;content:"";height:4px;left:2px;position:absolute;top:-2px;width:2px}.icon-bookings:before{background:#0000;border:2px solid #495057;border-radius:1px;content:"";height:14px;left:1px;position:absolute;top:1px;width:12px}.icon-bookings:after{box-shadow:0 3px 0 #495057,0 6px 0 #495057,0 9px 0 #495057;height:1px;right:2px;top:4px}.icon-bookings:after,.icon-customers:before{background:#495057;content:"";position:absolute;width:8px}.icon-customers:before{border-radius:50%;height:8px;top:2px}.icon-customers:after{background:#495057;border-radius:8px 8px 0 0;bottom:2px}.icon-customers:after,.icon-practitioners:before{content:"";height:8px;position:absolute;width:12px}.icon-practitioners:before{background:#0000;border:2px solid #495057;border-radius:2px;left:1px;top:4px}.icon-practitioners:after{background:#495057;box-shadow:-1px 0 0 #495057,1px 0 0 #495057,0 -1px 0 #495057,0 1px 0 #495057;content:"";height:1px;left:5px;position:absolute;top:7px;width:4px}.icon-locations:before{background:#0000;border:2px solid #495057;height:14px;left:1px;top:1px;width:14px}.icon-locations:after,.icon-locations:before{border-radius:50%;content:"";position:absolute}.icon-locations:after{background:#495057;height:6px;left:5px;top:5px;width:6px}.icon-services:before{height:3px;width:12px}.icon-services:after,.icon-services:before{background:#495057;content:"";position:absolute}.icon-services:after{height:12px;width:3px}.icon-widgets:before{box-shadow:8px 0 0 #495057,0 8px 0 #495057;left:2px;top:2px}.icon-widgets:after,.icon-widgets:before{background:#495057;border-radius:1px;content:"";height:6px;position:absolute;width:6px}.icon-widgets:after{bottom:2px;right:2px}.icon-integrations:before{left:2px}.icon-integrations:after,.icon-integrations:before{background:#0000;border:2px solid #495057;border-radius:50%;content:"";height:4px;position:absolute;top:6px;width:4px}.icon-integrations:after{box-shadow:-6px 0 0 -1px #495057;right:2px}.icon-user-management:before{background:#495057;border-radius:8px 8px 2px 2px;bottom:2px;content:"";height:8px;position:absolute;width:14px}.icon-user-management:after{background:#fff;border:2px solid #495057;border-radius:50%;content:"";height:6px;left:4px;position:absolute;top:1px;width:6px}.icon-roles-permissions:before{background:#0000;border:2px solid #495057;border-bottom:none;border-radius:4px 4px 0 0;content:"";height:5px;left:3px;position:absolute;top:1px;width:6px}.icon-roles-permissions:after{background:#495057;border-radius:2px;bottom:1px;box-shadow:inset 0 -2px 0 #ffffff4d;content:"";height:9px;left:1px;position:absolute;width:10px}.icon-settings:before{background:#495057;box-shadow:0 -6px 0 -3px #495057,4px -4px 0 -3px #495057,6px 0 0 -3px #495057,4px 4px 0 -3px #495057,0 6px 0 -3px #495057,-4px 4px 0 -3px #495057,-6px 0 0 -3px #495057,-4px -4px 0 -3px #495057;height:12px;left:2px;top:2px;width:12px}.icon-settings:after,.icon-settings:before{border-radius:50%;content:"";position:absolute}.icon-settings:after{background:#fff;height:4px;left:6px;top:6px;width:4px}@keyframes iconPulse{0%,to{opacity:1}50%{opacity:.7}}.nav-item[data-tooltip*=Calendar] .nav-badge{animation:iconPulse 3s infinite}@media (max-width:768px){.nav-icon{height:22px;width:22px}.nav-icon:after,.nav-icon:before{transform:scale(1.1)}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.nav-icon:after,.nav-icon:before{transform:scale(.95)}}.user-profile{align-items:center;background:#f8f9fa;background:var(--gray-50);border-top:1px solid #dee2e6;border-top:1px solid var(--gray-200);display:flex;gap:.5rem;gap:var(--spacing-sm);padding:1.5rem;padding:var(--spacing-lg)}.user-profile.collapsed .user-info{display:none}.sidebar.collapsed .user-profile{justify-content:center;padding:1rem;padding:var(--spacing-md)}.sidebar.collapsed .user-avatar{margin:0}.user-avatar{align-items:center;background:linear-gradient(135deg,#102542,#0a1628);background:linear-gradient(135deg,var(--medidev-blue),var(--medidev-blue-dark));border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:600;height:40px;justify-content:center;width:40px}.user-name{color:#212529;color:var(--gray-800);font-size:14px;line-height:1.2}.user-name,.user-role{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-role{color:#495057;color:var(--gray-500);font-size:12px}.main-content{display:flex;flex:1 1;flex-direction:column;margin-left:280px;min-height:100vh;overflow-x:hidden;transition:margin-left .25s cubic-bezier(.4,0,.2,1)}.main-content.sidebar-collapsed{margin-left:80px}body{overflow-x:hidden}body,html{position:relative}html{overflow-x:hidden}.sidebar.collapsed *{box-sizing:border-box;max-width:100%}.header{background:#fff;border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--gray-200);box-shadow:var(--shadow-sm);justify-content:space-between;padding:1rem 1.5rem;padding:var(--spacing-md) var(--spacing-lg);position:-webkit-sticky;position:sticky;top:0;z-index:100}.header,.header-left{align-items:center;display:flex}.header-left{gap:1rem;gap:var(--spacing-md)}.page-title{color:#212529;color:var(--gray-900);font-size:24px;margin:0}.header-actions{align-items:center;gap:1rem;gap:var(--spacing-md)}.notification-icon{background:none;border:none;border-radius:6px;border-radius:var(--radius-sm);color:#343a40;color:var(--gray-600);cursor:pointer;font-size:20px;padding:.5rem;padding:var(--spacing-sm);position:relative;transition:all .2s ease;transition:all var(--transition-normal)}.notification-icon:hover{background:#e9ecef;background:var(--gray-100);color:#212529;color:var(--gray-800)}.notification-badge{background:#ff4559;background:var(--medidev-rose);font-size:10px;font-weight:700;height:16px;line-height:1;position:absolute;right:4px;top:4px;width:16px}.notification-badge,.user-avatar-small{align-items:center;border-radius:50%;color:#fff;display:flex;justify-content:center}.user-avatar-small{background:linear-gradient(135deg,#102542,#0a1628);background:linear-gradient(135deg,var(--medidev-blue),var(--medidev-blue-dark));cursor:pointer;font-size:12px;font-weight:600;height:32px;transition:all .2s ease;transition:all var(--transition-normal);width:32px}.user-avatar-small:hover{transform:scale(1.05)}.content-area{flex:1 1;padding:1.5rem;padding:var(--spacing-lg)}.dashboard{margin:0 auto;max-width:1400px}.stats-grid{grid-gap:1.5rem;grid-gap:var(--spacing-lg);gap:1.5rem;gap:var(--spacing-lg);margin-bottom:2rem;margin-bottom:var(--spacing-xl)}.stat-card,.stat-card-modern{background:#fff;background:var(--neutral-white);border:1px solid #10254214;border-radius:24px;border-radius:var(--radius-xl);box-shadow:0 4px 16px #10254226;box-shadow:var(--shadow-soft);cursor:pointer;overflow:hidden;padding:1.5rem;padding:var(--space-6);position:relative;transition:all .2s ease ease;transition:all var(--transition-normal) ease}.stat-card-modern:before,.stat-card:before{background:linear-gradient(90deg,#102542,#4ae7cd 50%,#ff4559);background:linear-gradient(90deg,var(--primary-800) 0,var(--accent-turquoise) 50%,var(--accent-rose) 100%);content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .15s ease ease;transition:opacity var(--transition-fast) ease}.stat-card-modern:hover,.stat-card:hover{border-color:#1025421f;box-shadow:0 12px 28px #10254240;box-shadow:var(--shadow-elevated);transform:translateY(-4px)}.stat-card-modern:hover:before,.stat-card:hover:before{opacity:1}.stat-content{position:relative;z-index:2}.stat-number{color:#102542;color:var(--primary-800);font-size:2.5rem;font-weight:700;letter-spacing:-.02em;line-height:1;margin:0 0 .25rem;margin:0 0 var(--space-1) 0}.stat-label,.stat-number{font-family:Inter,sans-serif}.stat-label{color:#6c757d;color:var(--neutral-charcoal);font-size:1rem;font-size:var(--text-sm);font-weight:500;letter-spacing:-.01em;margin:0}.stat-indicator{animation:pulse 2s infinite;border-radius:50%;height:12px;position:absolute;right:1rem;right:var(--space-4);top:1rem;top:var(--space-4);width:12px}.stat-indicator-primary{background:#102542;background:var(--primary-800)}.stat-indicator-success{background:#4ae7cd;background:var(--accent-turquoise)}.stat-indicator-warning{background:#f59e0b;background:var(--accent-gold)}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.stat-trend{border-radius:12px;display:inline-block;font-size:12px;font-weight:600;padding:4px 8px}.stat-trend.positive{background:#d1faf5;background:var(--success-light);color:#4ae7cd;color:var(--success)}.stat-trend.negative{background:#fee2e2;background:var(--error-light);color:#ff4559;color:var(--error)}.stat-trend.neutral{background:#e9ecef;background:var(--gray-100);color:#343a40;color:var(--gray-600)}.stat-icon{font-size:40px;margin-left:1rem;margin-left:var(--spacing-md);opacity:.3}.card{box-shadow:var(--shadow-md);margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.card-header{align-items:center;background:var(--gray-50);border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;padding:var(--spacing-lg)}.card-title{color:#212529;color:var(--gray-900);font-size:18px;font-weight:700}.card-content{padding:0}.activity-list{padding:1rem 0;padding:var(--spacing-md) 0}.activity-item{align-items:center;border-bottom:1px solid #e9ecef;border-bottom:1px solid var(--gray-100);display:flex;justify-content:space-between;padding:1rem 1.5rem;padding:var(--spacing-md) var(--spacing-lg);transition:background-color .15s ease;transition:background-color var(--transition-fast)}.activity-item:hover{background:#f8f9fa;background:var(--gray-50)}.activity-item:last-child{border-bottom:none}.activity-main{display:flex;flex:1 1;flex-direction:column;gap:4px}.activity-patient{color:#212529;color:var(--gray-900);font-size:15px;font-weight:600}.activity-details{align-items:center;display:flex;font-size:13px;gap:.5rem;gap:var(--spacing-sm)}.activity-service{color:#102542;color:var(--medidev-blue);font-weight:500}.activity-practitioner{color:#343a40;color:var(--gray-600)}.activity-separator{color:#6c757d;color:var(--gray-400)}.activity-time{color:#495057;color:var(--gray-500);font-size:12px;font-weight:500;margin-top:2px}.activity-status{margin-left:1rem;margin-left:var(--spacing-md)}.btn{background:#fff;color:#212529;color:var(--gray-700);gap:var(--spacing-sm);padding:10px 16px;transition:all var(--transition-normal)}.btn:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-primary{background:#102542;background:var(--medidev-blue);border-color:#102542;border-color:var(--medidev-blue)}.btn-primary:hover{background:#0a1628;background:var(--medidev-blue-dark);border-color:#0a1628;border-color:var(--medidev-blue-dark)}.btn-secondary{background:#e9ecef;background:var(--gray-100);border-color:#adb5bd;border-color:var(--gray-300);color:#212529}.btn-secondary:hover{background:#dee2e6;background:var(--gray-200);border-color:#6c757d;border-color:var(--gray-400)}.btn-success{background:#4ae7cd;background:var(--success);border-color:#4ae7cd;border-color:var(--success);color:#fff}.btn-danger{background:#ff4559;background:var(--error);border-color:#ff4559;border-color:var(--error);color:#fff}.btn-sm{padding:6px 12px}.status-badge{padding:4px 8px}.status-confirmed{background:#d1faf5;background:var(--success-light);color:#4ae7cd;color:var(--success)}.status-pending{background:#fef3c7;background:var(--warning-light);color:#b45309}.status-cancelled{background:#fee2e2;background:var(--error-light);color:#ff4559;color:var(--error)}.status-active{background:#d1faf5;background:var(--success-light);color:#4ae7cd;color:var(--success)}.placeholder-content{background:#fff;border-radius:16px;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:3rem;padding:var(--spacing-2xl);text-align:center}.placeholder-content h2{color:#212529;color:var(--gray-700);margin-bottom:1rem;margin-bottom:var(--spacing-md)}.placeholder-content p{color:#495057;color:var(--gray-500);font-size:16px}@media (max-width:768px){.sidebar{transform:translateX(-100%)}.sidebar.mobile-open{transform:translateX(0)}.main-content,.main-content.sidebar-collapsed{margin-left:0}.content-area{padding:1rem;padding:var(--spacing-md)}.stats-grid{grid-template-columns:repeat(4,1fr)}.card-header,.stats-grid{gap:1rem;gap:var(--spacing-md)}.activity-item,.card-header{align-items:stretch;flex-direction:column}.activity-item{gap:.5rem;gap:var(--spacing-sm)}.activity-status{align-self:flex-start;margin-left:0}.page-title{font-size:20px}.stat-card,.stat-card-modern{text-align:center}.stat-icon{margin-left:0;order:-1}}@media (max-width:480px){.content-area{padding:.5rem;padding:var(--spacing-sm)}.card-content,.card-header{padding:1rem;padding:var(--spacing-md)}.stats-grid{gap:.5rem;gap:var(--spacing-sm);grid-template-columns:repeat(4,1fr)}.stat-card,.stat-card-modern{padding:1rem;padding:var(--space-4)}.stat-number{font-size:2rem}}@media (max-width:380px){.stats-grid{gap:var(--spacing-1);grid-template-columns:repeat(2,1fr)}.stat-card,.stat-card-modern{padding:.75rem;padding:var(--space-3)}.stat-number{font-size:1.5rem}.stat-label{font-size:.8rem;font-size:var(--text-xs)}}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:#e9ecef;background:var(--gray-100)}::-webkit-scrollbar-thumb{background:#adb5bd;background:var(--gray-300);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#6c757d;background:var(--gray-400)}.bookings-view{margin:0 auto;max-width:1400px}.bookings-summary{margin-bottom:2rem;margin-bottom:var(--spacing-xl)}.summary-stats{grid-gap:1.5rem;grid-gap:var(--spacing-lg);display:grid;gap:1.5rem;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.summary-stat{background:#fff;border-radius:16px;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);cursor:pointer;padding:1.5rem;padding:var(--spacing-lg);text-align:center;transition:all .2s ease;transition:all var(--transition-normal)}.summary-stat:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.summary-number{color:#102542;color:var(--medidev-blue);font-size:32px;font-weight:800;line-height:1;margin-bottom:4px}.summary-label{color:#343a40;color:var(--gray-600);font-size:14px;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.filters-bar{background:#f8f9fa;border-bottom:1px solid #dee2e6;gap:1rem;gap:var(--spacing-md);padding:1.5rem}.filter-group{gap:4px}.search-input{border:1px solid #adb5bd;border-radius:10px;min-width:250px;transition:all .2s ease}.search-input:focus{border-color:#102542}.filter-select{border:1px solid #adb5bd;border-radius:10px;cursor:pointer;padding:10px 12px;transition:all .2s ease}.filter-select:focus{border-color:#102542}.card-actions{flex-wrap:wrap;gap:.5rem;gap:var(--spacing-sm)}.bookings-table{border-collapse:collapse;font-size:14px;width:100%}.bookings-table td,.bookings-table th{border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--gray-200);padding:12px;text-align:left;vertical-align:middle}.bookings-table th{color:#212529;color:var(--gray-700);font-size:13px;font-weight:600;letter-spacing:.05em;position:-webkit-sticky;position:sticky;text-transform:uppercase;top:0;z-index:10}.bookings-table tbody tr:hover,.bookings-table th{background:#f8f9fa;background:var(--gray-50)}.bookings-table tbody tr:last-child td{border-bottom:none}.booking-id{color:#102542;color:var(--medidev-blue);font-family:Monaco,Menlo,monospace;font-size:13px;font-weight:600}.patient-name{color:#212529;color:var(--gray-900);font-weight:600}.practitioner-name,.service-name{color:#212529;color:var(--gray-700)}.service-name{font-size:13px}.booking-datetime{color:#212529;color:var(--gray-700);font-size:13px;white-space:nowrap}.booking-duration{text-align:center}.booking-duration,.booking-location{color:#343a40;color:var(--gray-600);font-size:13px}.booking-actions{align-items:center;display:flex;gap:.25rem;gap:var(--spacing-xs)}.no-bookings{color:#495057;color:var(--gray-500);font-style:italic;padding:3rem;padding:var(--spacing-2xl);text-align:center}.btn-sm{border-radius:6px;border-radius:var(--radius-sm);font-size:12px;padding:6px 10px}.btn-sm:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.status-badge{border-radius:12px;font-size:11px;letter-spacing:.025em;padding:4px 10px;text-transform:capitalize}.user-profile{cursor:pointer;position:relative;transition:all .15s ease;transition:all var(--transition-fast)}.user-profile:hover{background:#f8f9fa;background:var(--gray-50);transform:translateY(-1px)}.account-arrow{color:#6c757d;color:var(--gray-400);font-size:1.563rem;font-size:var(--text-lg);position:absolute;right:1rem;right:var(--spacing-md);top:50%;transform:translateY(-50%);transition:all .15s ease;transition:all var(--transition-fast)}.user-profile.collapsed .account-arrow{display:none}.user-profile:hover .account-arrow{color:#102542;color:var(--primary-800);transform:translateY(-50%) translateX(2px)}.account-slideout{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.account-slideout-backdrop{animation:fadeIn .3s ease;background:#00000080;bottom:0;left:0;position:absolute;right:0;top:0}.account-slideout-panel{animation:slideInUp .3s ease;background:#fff;border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 20px 40px #0003;max-height:80vh;max-width:450px;overflow-y:auto;position:relative;width:90%}.account-header{align-items:center;border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;padding:1.5rem;padding:var(--spacing-lg)}.account-header h3{color:#102542;color:var(--primary-800);font-size:1.563rem;font-size:var(--text-lg);font-weight:var(--weight-semibold);margin:0}.close-btn{align-items:center;background:none;border:none;border-radius:10px;border-radius:var(--radius-md);color:#6c757d;color:var(--gray-400);cursor:pointer;display:flex;font-size:2.441rem;font-size:var(--text-2xl);height:32px;justify-content:center;padding:0;transition:all .15s ease;transition:all var(--transition-fast);width:32px}.close-btn:hover{background:#e9ecef;background:var(--gray-100);color:#343a40;color:var(--gray-600)}.account-content,.account-profile{padding:1.5rem;padding:var(--spacing-lg)}.account-profile{align-items:center;background:#f8f9fa;background:var(--gray-50);border-radius:16px;border-radius:var(--radius-lg);display:flex;gap:1rem;gap:var(--spacing-md);margin-bottom:2rem;margin-bottom:var(--spacing-xl)}.profile-avatar{align-items:center;background:#102542;background:var(--primary-800);border-radius:50%;color:#fff;display:flex;font-weight:var(--weight-bold);height:60px;justify-content:center;width:60px}.profile-avatar,.profile-details h4{font-size:1.563rem;font-size:var(--text-lg)}.profile-details h4{color:#102542;color:var(--primary-800);font-weight:var(--weight-semibold);margin:0 0 .25rem;margin:0 0 var(--spacing-xs) 0}.profile-details p{color:#343a40;color:var(--gray-600);font-size:1rem;font-size:var(--text-sm);margin:0}.account-sections{margin-bottom:2rem;margin-bottom:var(--spacing-xl)}.account-section{margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.account-section h5{font-weight:var(--weight-semibold);letter-spacing:.5px;margin:0 0 1rem;margin:0 0 var(--spacing-md) 0;text-transform:uppercase}.account-option,.account-section h5{color:#212529;color:var(--gray-700);font-size:1rem;font-size:var(--text-sm)}.account-option{background:none;border:1px solid #dee2e6;border:1px solid var(--gray-200);border-radius:10px;border-radius:var(--radius-md);cursor:pointer;display:block;margin-bottom:.5rem;margin-bottom:var(--spacing-sm);padding:1rem;padding:var(--spacing-md);text-align:left;transition:all .15s ease;transition:all var(--transition-fast);width:100%}.account-option:hover{background:#f8fafc;background:var(--primary-50);border-color:#a8b8d9;border-color:var(--primary-200);color:#102542;color:var(--primary-800)}.account-actions{border-top:1px solid #dee2e6;border-top:1px solid var(--gray-200);padding-top:1.5rem;padding-top:var(--spacing-lg)}.btn-logout{background:var(--danger-600);border:none;border-radius:10px;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:1rem;font-size:var(--text-sm);font-weight:var(--weight-semibold);padding:1rem 1.5rem;padding:var(--spacing-md) var(--spacing-lg);transition:all .15s ease;transition:all var(--transition-fast);width:100%}.btn-logout:hover{background:var(--danger-700);transform:translateY(-1px)}.notification-container.floating{bottom:1.5rem;bottom:var(--spacing-lg);max-width:400px;position:fixed;right:1.5rem;right:var(--spacing-lg);z-index:9999}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.summary-stats{grid-template-columns:repeat(2,1fr)}.filters-bar{align-items:stretch;flex-direction:column}.filter-group{align-items:center;flex-direction:row;gap:.5rem;gap:var(--spacing-sm)}.filter-select,.search-input{flex:1 1;min-width:0}}@media (max-width:768px){.bookings-view{margin:0}.summary-stats{gap:1rem;gap:var(--spacing-md);grid-template-columns:1fr}.summary-stat{padding:1rem;padding:var(--spacing-md)}.summary-number{font-size:24px}.card-actions{align-items:stretch;flex-direction:column}.booking-actions{flex-direction:column;gap:.25rem;gap:var(--spacing-xs)}.btn-sm{text-align:center;width:100%}.bookings-table,.bookings-table tbody,.bookings-table td,.bookings-table th,.bookings-table thead,.bookings-table tr{display:block}.bookings-table thead tr{left:-9999px;position:absolute;top:-9999px}.bookings-table tr{background:#fff;border:1px solid #dee2e6;border:1px solid var(--gray-200);border-radius:10px;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin-bottom:1rem;margin-bottom:var(--spacing-md);padding:1rem;padding:var(--spacing-md)}.bookings-table td{border:none;border-bottom:1px solid #e9ecef;border-bottom:1px solid var(--gray-100);padding-bottom:.5rem;padding-bottom:var(--spacing-sm);padding-left:35%;padding-top:.5rem;padding-top:var(--spacing-sm);position:relative}.bookings-table td,.bookings-table td:before{padding-right:.5rem;padding-right:var(--spacing-sm)}.bookings-table td:before{color:#343a40;color:var(--gray-600);content:attr(data-label);font-size:12px;font-weight:600;left:.5rem;left:var(--spacing-sm);position:absolute;text-transform:uppercase;white-space:nowrap;width:30%}.bookings-table td:last-child{border-bottom:none}}.master-table{background:#fff;border:1px solid #e9ecef;border:1px solid var(--neutral-pearl);border-collapse:collapse;border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #1025421a;box-shadow:var(--shadow-subtle);overflow:hidden;width:100%}.master-table th{background:#f8f9fa;background:var(--neutral-platinum);color:#495057;color:var(--neutral-graphite);font-size:.8rem;font-size:var(--text-xs);font-weight:600;letter-spacing:.05em;position:relative;text-align:left;text-transform:uppercase}.master-table td,.master-table th{border-bottom:1px solid #e9ecef;border-bottom:1px solid var(--neutral-pearl);padding:1rem;padding:var(--space-4)}.master-table td{color:#212529;color:var(--neutral-obsidian);font-size:1rem;font-size:var(--text-sm);line-height:1.4;vertical-align:middle}.master-table tbody tr:hover{background:#f8f9fa;background:var(--neutral-platinum);transition:background .15s ease;transition:background var(--transition-fast)}.master-table tbody tr:last-child td{border-bottom:none}.cell-primary{display:flex;flex-direction:column;gap:.25rem;gap:var(--space-1)}.cell-primary-name{color:#102542;color:var(--primary-800);font-size:1rem;font-size:var(--text-sm);font-weight:600;line-height:1.3;margin:0}.cell-primary-id{font-size:.8rem;font-size:var(--text-xs);font-weight:500;letter-spacing:.025em;text-transform:uppercase}.cell-primary-id,.cell-secondary{color:#495057;color:var(--neutral-graphite)}.cell-secondary{line-height:1.4}.cell-contact,.cell-secondary{font-size:1rem;font-size:var(--text-sm)}.cell-contact{display:flex;flex-direction:column;gap:.25rem;gap:var(--space-1)}.cell-contact-phone{color:#212529;color:var(--neutral-obsidian);font-weight:500}.cell-contact-email{color:#495057;color:var(--neutral-graphite);font-size:.8rem;font-size:var(--text-xs)}.action-buttons{align-items:center;gap:.5rem;gap:var(--space-2);justify-content:flex-end}.action-btn{align-items:center;background:#fff;border:1px solid #e9ecef;border:1px solid var(--neutral-pearl);border-radius:6px;border-radius:var(--radius-sm);color:#495057;color:var(--neutral-graphite);cursor:pointer;display:inline-flex;font-size:.8rem;font-size:var(--text-xs);font-weight:500;justify-content:center;min-width:60px;padding:.5rem .75rem;padding:var(--space-2) var(--space-3);text-decoration:none;transition:all .2s ease;transition:all var(--transition-normal);white-space:nowrap}.action-btn:hover{box-shadow:0 4px 16px #10254226;box-shadow:var(--shadow-soft);transform:translateY(-1px)}.action-btn--primary,.action-btn:hover{background:#102542;background:var(--primary-800);border-color:#102542;border-color:var(--primary-800);color:#fff}.action-btn--primary:hover{background:#0a1628;background:var(--primary-900);border-color:#0a1628;border-color:var(--primary-900)}.action-btn--danger{background:#ff4559;background:var(--accent-rose);border-color:#ff4559;border-color:var(--accent-rose);color:#fff}.action-btn--danger:hover{background:#e63946;border-color:#e63946}.btn{border:1px solid #0000;border-radius:10px;border-radius:var(--radius-md);font-size:1rem;font-size:var(--text-sm);font-weight:600;gap:.5rem;gap:var(--space-2);padding:.75rem 1.5rem;padding:var(--space-3) var(--space-6);transition:all .3s ease;transition:all var(--transition-slow);white-space:nowrap}.btn:disabled{opacity:.5;pointer-events:none}.btn--primary{background:linear-gradient(135deg,#102542,#1e3a5f);background:linear-gradient(135deg,var(--primary-800),var(--primary-700));box-shadow:0 4px 16px #10254226;box-shadow:var(--shadow-soft);color:#fff}.btn--primary:hover:not(:disabled){background:linear-gradient(135deg,#0a1628,#102542);background:linear-gradient(135deg,var(--primary-900),var(--primary-800));box-shadow:0 8px 32px #10254233;box-shadow:var(--shadow-medium);transform:translateY(-2px)}.btn--secondary{background:#fff;border:1px solid #e9ecef;border:1px solid var(--neutral-pearl);box-shadow:0 1px 3px #1025421a;box-shadow:var(--shadow-subtle);color:#495057;color:var(--neutral-graphite)}.btn--secondary:hover:not(:disabled){background:#f8f9fa;background:var(--neutral-platinum);border-color:#adb5bd;border-color:var(--neutral-steel);transform:translateY(-1px)}.btn--accent-rose,.btn--secondary:hover:not(:disabled){box-shadow:0 4px 16px #10254226;box-shadow:var(--shadow-soft)}.btn--accent-rose{background:linear-gradient(135deg,#ff4559,#e63946);background:linear-gradient(135deg,var(--accent-rose),#e63946);color:#fff}.btn--accent-turquoise{background:linear-gradient(135deg,#4ae7cd,#36d399);background:linear-gradient(135deg,var(--accent-turquoise),#36d399);box-shadow:0 4px 16px #10254226;box-shadow:var(--shadow-soft);color:#0a1628;color:var(--primary-900)}.btn--ghost{background:#0000;border:1px solid #0000;color:#102542;color:var(--primary-800)}.btn--ghost:hover:not(:disabled){background:#f8fafc;background:var(--primary-50);color:#0a1628;color:var(--primary-900)}.btn--sm{font-size:.8rem;font-size:var(--text-xs);padding:.5rem 1rem;padding:var(--space-2) var(--space-4)}.btn--lg{border-radius:16px;border-radius:var(--radius-lg);font-size:1.25rem;font-size:var(--text-base);padding:1rem 2rem;padding:var(--space-4) var(--space-8)}.status-badge{border-radius:24px;border-radius:var(--radius-xl);font-size:.8rem;font-weight:600;gap:.25rem;gap:var(--space-1);letter-spacing:.05em;padding:.25rem .75rem;padding:var(--space-1) var(--space-3);white-space:nowrap}.status-badge--active{background:linear-gradient(135deg,#4ae7cd,#36d399);background:linear-gradient(135deg,var(--accent-turquoise),#36d399);color:#0a1628;color:var(--primary-900)}.status-badge--inactive{background:linear-gradient(135deg,#e9ecef,#adb5bd);background:linear-gradient(135deg,var(--neutral-pearl),var(--neutral-steel));color:#212529;color:var(--neutral-obsidian)}.status-badge--warning{background:linear-gradient(135deg,#f59e0b,#f59e0b);background:linear-gradient(135deg,var(--accent-gold),#f59e0b);color:#fff}.status-badge--error{background:linear-gradient(135deg,#ff4559,#e63946);background:linear-gradient(135deg,var(--accent-rose),#e63946);color:#fff}.status-badge:before{border-radius:9999px;border-radius:var(--radius-full);content:"";flex-shrink:0;height:.5rem;height:var(--space-2);width:.5rem;width:var(--space-2)}.status-badge--active:before{background:#0a1628;background:var(--primary-900)}.status-badge--inactive:before{background:#212529;background:var(--neutral-obsidian)}.card,.status-badge--error:before,.status-badge--warning:before{background:#fff}.card{border:1px solid #e9ecef;border:1px solid var(--neutral-pearl);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #1025421a;box-shadow:var(--shadow-subtle);overflow:hidden;transition:all .3s ease;transition:all var(--transition-slow)}.card:hover{border-color:#adb5bd;border-color:var(--neutral-steel);box-shadow:0 4px 16px #10254226;box-shadow:var(--shadow-soft);transform:translateY(-2px)}.card-header{background:#f8f9fa;background:var(--neutral-platinum);border-bottom:1px solid #e9ecef;border-bottom:1px solid var(--neutral-pearl);padding:1.5rem;padding:var(--space-6)}.card-title{color:#102542;color:var(--primary-800);font-size:1.563rem;font-size:var(--text-lg);font-weight:600;line-height:1.2;margin:0}.card-subtitle{color:#495057;color:var(--neutral-graphite);font-size:1rem;font-size:var(--text-sm);margin:.25rem 0 0;margin:var(--space-1) 0 0 0}.card-content{padding:1.5rem;padding:var(--space-6)}.card-actions{background:#f8f9fa;background:var(--neutral-platinum);border-top:1px solid #e9ecef;border-top:1px solid var(--neutral-pearl);gap:.75rem;gap:var(--space-3);justify-content:flex-end;padding:1rem 1.5rem;padding:var(--space-4) var(--space-6)}.master-table-enhanced{background:#fff;border-collapse:collapse;border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #1025421a;box-shadow:var(--shadow-subtle);margin-bottom:1.5rem;margin-bottom:var(--space-6);overflow:hidden;width:100%}.master-table-enhanced th{background:linear-gradient(135deg,#f8f9fa,#f1f3f4);background:linear-gradient(135deg,var(--neutral-platinum),#f1f3f4);border-bottom:2px solid #e9ecef;border-bottom:2px solid var(--neutral-pearl);color:#495057;color:var(--neutral-graphite);font-size:.8rem;font-size:var(--text-xs);font-weight:600;letter-spacing:.05em;padding:1rem;padding:var(--space-4);text-align:left;text-transform:uppercase}.master-table-enhanced td{border-bottom:1px solid #e9ecef;border-bottom:1px solid var(--neutral-pearl);font-size:1rem;font-size:var(--text-sm);padding:1rem;padding:var(--space-4);vertical-align:middle}.master-table-enhanced tbody tr{cursor:pointer;transition:all .2s ease}.master-table-enhanced tbody tr:hover{background:linear-gradient(135deg,#f8f9fa,#f8f9fa);background:linear-gradient(135deg,var(--neutral-platinum),#f8f9fa);box-shadow:0 2px 8px #1025421a;transform:translateX(2px)}.action-icons{align-items:center;display:flex;flex-wrap:nowrap;gap:.75rem;gap:var(--space-3);justify-content:flex-end;min-width:120px}.action-icon{text-decoration:none}.page-header,div.page-header{background:#fff;background:var(--neutral-white);margin-bottom:0!important;padding:1rem;position:relative}.breadcrumb{align-items:center;color:#6c757d;color:var(--neutral-charcoal);display:flex;font-size:.9rem;gap:.5rem;margin-bottom:1rem}.breadcrumb-link{color:#102542;color:var(--primary-800);font-weight:500;text-decoration:none;transition:color .15s ease ease;transition:color var(--transition-fast) ease}.breadcrumb-link:hover{color:#ff4559;color:var(--accent-rose)}.breadcrumb-separator{color:#adb5bd;color:var(--neutral-steel);font-weight:400}.breadcrumb-current{color:#6c757d;color:var(--neutral-charcoal);font-weight:500}.page-title{color:#102542;color:var(--primary-800);font-size:1.8rem;font-weight:700;line-height:1.2;margin:0 0 .5rem}.page-subtitle,.page-title{font-family:Inter,sans-serif}.page-subtitle{color:#6c757d;color:var(--neutral-charcoal);font-size:1rem;font-weight:400;margin:0}.header-actions,.page-header .header-actions{align-items:center;display:flex;gap:12px;position:absolute;right:1rem;top:1rem;z-index:10}.card-title{color:#102542!important;color:var(--primary-800)!important;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important;font-size:15px!important;font-weight:600!important;line-height:1.3!important;margin:0!important}.icon{align-items:center;background:none;display:inline-flex;flex-shrink:0;height:24px;justify-content:center;margin-right:8px;position:relative;width:24px}.icon--default{color:#495057}.icon--delete{color:#dc3545}.icon--success{color:#28a745}.icon--primary{color:#102542;color:var(--primary-800)}.icon:before{background-color:currentColor;content:"";display:block;height:100%;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:100%}.icon--export:before{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 3h18v2H3zm0 4h12v2H3zm0 4h18v2H3zm0 4h12v2H3zm16-3v6l4-3z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 3h18v2H3zm0 4h12v2H3zm0 4h18v2H3zm0 4h12v2H3zm16-3v6l4-3z'/%3E%3C/svg%3E")}.icon--calendar:before{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 3h-1V1h-2v2H8V1H6v2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V8h14v11zM7 10h5v5H7z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 3h-1V1h-2v2H8V1H6v2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V8h14v11zM7 10h5v5H7z'/%3E%3C/svg%3E")}.icon--users:before{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M16 4c0-1.11.89-2 2-2s2 .89 2 2-.89 2-2 2-2-.89-2-2zm4 18v-6h2.5l-2.54-7.63A3 3 0 0 0 17.1 7h-.2a3 3 0 0 0-2.86 1.37L11.5 16H14v6h6zm-7.5-10.5c.83 0 1.5-.67 1.5-1.5s-.67-1.5-1.5-1.5S11 9.17 11 10s.67 1.5 1.5 1.5zm-2 8.5v-6H8L5.46 6.37A3 3 0 0 1 8.32 5h.36a3 3 0 0 1 2.86 2.37L14.5 16H12v4h-1.5z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M16 4c0-1.11.89-2 2-2s2 .89 2 2-.89 2-2 2-2-.89-2-2zm4 18v-6h2.5l-2.54-7.63A3 3 0 0 0 17.1 7h-.2a3 3 0 0 0-2.86 1.37L11.5 16H14v6h6zm-7.5-10.5c.83 0 1.5-.67 1.5-1.5s-.67-1.5-1.5-1.5S11 9.17 11 10s.67 1.5 1.5 1.5zm-2 8.5v-6H8L5.46 6.37A3 3 0 0 1 8.32 5h.36a3 3 0 0 1 2.86 2.37L14.5 16H12v4h-1.5z'/%3E%3C/svg%3E")}.icon--medical:before{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 8h-2v3h-3v2h3v3h2v-3h3v-2h-3V8zM4 6H2v14c0 1.1.9 2 2 2h14v-2H4V6zm16-4H8c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 14H8V4h12v12z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 8h-2v3h-3v2h3v3h2v-3h3v-2h-3V8zM4 6H2v14c0 1.1.9 2 2 2h14v-2H4V6zm16-4H8c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 14H8V4h12v12z'/%3E%3C/svg%3E")}.icon--money:before{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1.41 16.09V20h-2.67v-1.93c-1.71-.36-3.16-1.46-3.27-3.4h1.96c.1 1.05.82 1.87 2.65 1.87 1.96 0 2.4-.98 2.4-1.59 0-.83-.44-1.61-2.67-2.14-2.48-.6-4.18-1.62-4.18-3.67 0-1.72 1.39-2.84 3.11-3.21V4h2.67v1.95c1.86.45 2.79 1.86 2.85 3.39H14.3c-.05-1.11-.64-1.87-2.22-1.87-1.5 0-2.4.68-2.4 1.64 0 .84.65 1.39 2.67 1.91s4.18 1.39 4.18 3.91c-.01 1.83-1.38 2.83-3.12 3.16z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1.41 16.09V20h-2.67v-1.93c-1.71-.36-3.16-1.46-3.27-3.4h1.96c.1 1.05.82 1.87 2.65 1.87 1.96 0 2.4-.98 2.4-1.59 0-.83-.44-1.61-2.67-2.14-2.48-.6-4.18-1.62-4.18-3.67 0-1.72 1.39-2.84 3.11-3.21V4h2.67v1.95c1.86.45 2.79 1.86 2.85 3.39H14.3c-.05-1.11-.64-1.87-2.22-1.87-1.5 0-2.4.68-2.4 1.64 0 .84.65 1.39 2.67 1.91s4.18 1.39 4.18 3.91c-.01 1.83-1.38 2.83-3.12 3.16z'/%3E%3C/svg%3E")}.icon--add:before{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z'/%3E%3C/svg%3E")}.icon--edit:before{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04a.996.996 0 0 0 0-1.41l-2.34-2.34a.996.996 0 0 0-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04a.996.996 0 0 0 0-1.41l-2.34-2.34a.996.996 0 0 0-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z'/%3E%3C/svg%3E")}.icon--delete:before{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z'/%3E%3C/svg%3E")}.icon--view:before{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z'/%3E%3C/svg%3E")}.icon--search:before{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z'/%3E%3C/svg%3E")}.icon--clipboard:before{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 3h-4.18C14.4 1.84 13.3 1 12 1c-1.3 0-2.4.84-2.82 2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-7 0c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm2 14H7v-2h7v2zm3-4H7v-2h10v2zm0-4H7V7h10v2z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 3h-4.18C14.4 1.84 13.3 1 12 1c-1.3 0-2.4.84-2.82 2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-7 0c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm2 14H7v-2h7v2zm3-4H7v-2h10v2zm0-4H7V7h10v2z'/%3E%3C/svg%3E")}.icon--check:before{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/%3E%3C/svg%3E")}.icon--target:before{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm-5-9c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm10 0c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm-5 0c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm-5-9c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm10 0c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm-5 0c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1z'/%3E%3C/svg%3E")}.icon--clock:before{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm1-13h-2v6l5.25 3.15.75-1.23-4.5-2.67V7z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm1-13h-2v6l5.25 3.15.75-1.23-4.5-2.67V7z'/%3E%3C/svg%3E")}.icon--close:before{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3C/svg%3E")}.icon--wave:before{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 4c0-1.11.89-2 2-2s2 .89 2 2-.89 2-2 2-2-.89-2-2zm5.78 3.58L11.36 9C10.56 8.21 10 7.7 10 7c0-1.65 1.35-3 3-3s3 1.35 3 3c0 .7-.56 1.21-1.36 2l-1.42-1.42zM12 10.5A2.5 2.5 0 0 0 9.5 13c0 .69.28 1.31.73 1.76l3.27 3.27 3.27-3.27c.45-.45.73-1.07.73-1.76a2.5 2.5 0 0 0-2.5-2.5z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 4c0-1.11.89-2 2-2s2 .89 2 2-.89 2-2 2-2-.89-2-2zm5.78 3.58L11.36 9C10.56 8.21 10 7.7 10 7c0-1.65 1.35-3 3-3s3 1.35 3 3c0 .7-.56 1.21-1.36 2l-1.42-1.42zM12 10.5A2.5 2.5 0 0 0 9.5 13c0 .69.28 1.31.73 1.76l3.27 3.27 3.27-3.27c.45-.45.73-1.07.73-1.76a2.5 2.5 0 0 0-2.5-2.5z'/%3E%3C/svg%3E")}.action-icon{align-items:center;background:none;border:none;border-radius:6px;border-radius:var(--radius-sm);cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;position:relative;transition:all .2s ease;width:32px}.action-icon:after{background-color:currentColor;content:"";display:block;height:18px;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:18px}.action-icon--view{color:#495057}.action-icon--view:after{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z'/%3E%3C/svg%3E")}.action-icon--edit{color:#495057}.action-icon--edit:after{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04a.996.996 0 0 0 0-1.41l-2.34-2.34a.996.996 0 0 0-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04a.996.996 0 0 0 0-1.41l-2.34-2.34a.996.996 0 0 0-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z'/%3E%3C/svg%3E")}.action-icon--delete{color:#dc3545}.action-icon--delete:after{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z'/%3E%3C/svg%3E")}.action-icon--add{color:#28a745}.action-icon--add:after{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z'/%3E%3C/svg%3E")}.action-icon--toggle{color:#495057}.action-icon--toggle:after{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm-5-9c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm10 0c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm-5 0c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm-5-9c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm10 0c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm-5 0c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1z'/%3E%3C/svg%3E")}.action-icon--edit:hover,.action-icon--view:hover{background:#4950571a}.action-icon--delete:hover{background:#dc35451a}.action-icon--add:hover{background:#28a7451a}.action-icon--toggle:hover{background:#4950571a}.action-icon[data-tooltip]{overflow:visible}.action-icon[data-tooltip]:hover:before{animation:tooltipShow .2s ease-out forwards;background:#0a1628;background:var(--primary-900);border-radius:6px;border-radius:var(--radius-sm);bottom:calc(100% + 12px);box-shadow:0 2px 8px #00000026;color:#fff;content:attr(data-tooltip);font-size:.8rem;font-size:var(--text-xs);left:50%;padding:.5rem .75rem;padding:var(--space-2) var(--space-3);pointer-events:none;position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:10000}@keyframes tooltipShow{0%{opacity:0;transform:translateX(-50%) translateY(4px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.summary-section{margin-bottom:1.5rem;margin-bottom:var(--space-6)}.filters-section{align-items:center;gap:1rem;gap:var(--space-4);justify-content:space-between;margin-bottom:1rem;margin-bottom:var(--space-4)}.search-bar{flex:1 1;min-width:250px}.filter-controls{align-items:center;display:flex;gap:.75rem;gap:var(--space-3)}.view-toggle{background:#e9ecef;background:var(--neutral-pearl);border-radius:6px;border-radius:var(--radius-sm);gap:2px;padding:2px}.view-btn{border-radius:6px;color:#495057;color:var(--neutral-graphite);font-size:.8rem;padding:.5rem 1rem;transition:all .2s ease}.view-btn.active{background:#fff;box-shadow:0 1px 3px #1025421a;color:#102542;color:var(--primary-800)}.results-info{color:#495057;color:var(--neutral-graphite);font-size:1rem;font-size:var(--text-sm);margin-bottom:1rem;margin-bottom:var(--space-4)}.data-table,.table-container{background:#fff;border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #1025421a;box-shadow:var(--shadow-subtle);margin-bottom:1.5rem;margin-bottom:var(--space-6);overflow:hidden}.data-table{border-collapse:collapse;width:100%}.data-table th{background:linear-gradient(135deg,#f8f9fa,#f1f3f4);background:linear-gradient(135deg,var(--neutral-platinum),#f1f3f4);border-bottom:2px solid #e9ecef;border-bottom:2px solid var(--neutral-pearl);color:#495057;color:var(--neutral-graphite);font-size:.8rem;font-size:var(--text-xs);font-weight:600;letter-spacing:.05em;text-align:left;text-transform:uppercase}.data-table td,.data-table th{padding:1rem;padding:var(--space-4)}.data-table td{border-bottom:1px solid #e9ecef;border-bottom:1px solid var(--neutral-pearl);font-size:1rem;font-size:var(--text-sm);vertical-align:middle}.data-table tbody tr{cursor:pointer;transition:all .2s ease}.data-table tbody tr:hover{background:linear-gradient(135deg,#f8f9fa,#f8f9fa);background:linear-gradient(135deg,var(--neutral-platinum),#f8f9fa);box-shadow:0 2px 8px #1025421a;transform:translateX(2px)}@media (max-width:768px){.sidebar{transform:translateX(-100%);z-index:1050}.sidebar.mobile-open{transform:translateX(0)}.sidebar.collapsed{width:280px}.main-content,.main-content.sidebar-collapsed{margin-left:0}.sidebar-toggle{display:none}.page-header{padding:1rem}.page-header .header-actions{margin-bottom:1rem;position:static}.page-title{font-size:1.5rem}.filters-section{align-items:stretch;flex-direction:column}.action-icons{flex-wrap:nowrap;gap:.25rem;gap:var(--space-1);min-width:110px}.action-icon{flex-shrink:0;font-size:14px;height:28px;width:28px}}.material-display-large{font-family:Roboto Flex,sans-serif;font-size:3.5rem;font-weight:400;letter-spacing:-.25px;line-height:1.12}.material-display-medium{font-size:2.8rem;line-height:1.15}.material-display-medium,.material-display-small{font-family:Roboto Flex,sans-serif;font-weight:400;letter-spacing:0}.material-display-small{font-size:2.25rem;line-height:1.22}.material-headline-large{font-size:2rem;line-height:1.25}.material-headline-large,.material-headline-medium{font-family:Roboto Flex,sans-serif;font-weight:400;letter-spacing:0}.material-headline-medium{font-size:1.75rem;line-height:1.28}.material-headline-small{font-size:1.5rem;line-height:1.33}.material-headline-small,.material-title-large{font-family:Roboto Flex,sans-serif;font-weight:400;letter-spacing:0}.material-title-large{font-size:1.375rem;line-height:1.27}.material-title-medium{font-size:1rem;letter-spacing:.15px;line-height:1.5}.material-title-medium,.material-title-small{font-family:Roboto Flex,sans-serif;font-weight:500}.material-title-small{font-size:.875rem;letter-spacing:.1px;line-height:1.43}.material-body-large{font-size:1rem;letter-spacing:.5px;line-height:1.5}.material-body-large,.material-body-medium{font-family:Roboto Flex,sans-serif;font-weight:400}.material-body-medium{font-size:.875rem;letter-spacing:.25px;line-height:1.43}.material-body-small{font-family:Roboto Flex,sans-serif;font-size:.75rem;font-weight:400;letter-spacing:.4px;line-height:1.33}.material-label-large{font-size:.875rem;letter-spacing:.1px;line-height:1.43}.material-label-large,.material-label-medium{font-family:Roboto Flex,sans-serif;font-weight:500}.material-label-medium{font-size:.75rem;letter-spacing:.5px;line-height:1.33}.material-label-small{font-family:Roboto Flex,sans-serif;font-size:.6875rem;font-weight:500;letter-spacing:.5px;line-height:1.45}.material-text-primary{color:#102542;color:var(--primary-800)}.material-text-secondary{color:#6c757d;color:var(--neutral-charcoal)}.material-text-disabled{color:#adb5bd;color:var(--neutral-steel)}.material-button-filled{align-items:center;background:#102542;background:var(--primary-800);border:none;border-radius:20px;color:#fff;cursor:pointer;display:inline-flex;font-family:Roboto Flex,sans-serif;font-size:.875rem;font-weight:500;gap:8px;letter-spacing:.1px;line-height:1.43;padding:10px 24px;transition:all .2s ease}.material-button-filled:hover{background:#1e3a5f;background:var(--primary-700);box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d}.material-button-filled:active{background:#0a1628;background:var(--primary-900)}.material-button-outlined{align-items:center;background:#0000;border:1px solid #102542;border:1px solid var(--primary-800);border-radius:20px;color:#102542;color:var(--primary-800);cursor:pointer;display:inline-flex;font-family:Roboto Flex,sans-serif;font-size:.875rem;font-weight:500;gap:8px;letter-spacing:.1px;line-height:1.43;padding:10px 24px;transition:all .2s ease}.material-button-outlined:hover{background:#1025420a}.material-button-outlined:active{background:#1025421f}.material-button-text{align-items:center;background:#0000;border:none;border-radius:20px;color:#102542;color:var(--primary-800);cursor:pointer;display:inline-flex;font-family:Roboto Flex,sans-serif;font-size:.875rem;font-weight:500;gap:8px;letter-spacing:.1px;line-height:1.43;padding:10px 12px;transition:all .2s ease}.material-button-text:hover{background:#1025420a}.material-button-text:active{background:#1025421f}.material-button-icon{align-items:center;background:#0000;border:none;border-radius:20px;color:#102542;color:var(--primary-800);cursor:pointer;display:inline-flex;font-size:1rem;height:40px;justify-content:center;padding:8px;transition:all .2s ease;width:40px}.material-button-icon:hover{background:#1025420a}.material-button-icon:active{background:#1025421f}.material-button-icon--danger{color:#ff4559;color:var(--accent-rose)}.material-button-icon--danger:hover{background:#ff45590a}.material-button-icon--danger:active{background:#ff45591f}.material-table-container{background:#fff;border:1px solid #dee2e6;border:1px solid var(--neutral-silver);border-radius:16px;box-shadow:0 1px 2px 0 #0000004d,0 1px 3px 1px #00000026;margin-bottom:24px;overflow:hidden}.material-table-header{align-items:center;background:#f8f9fa;background:var(--neutral-platinum);border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--neutral-silver);display:flex;justify-content:space-between;padding:16px 24px}.material-table-title{color:#102542;color:var(--primary-800);font-family:Roboto Flex,sans-serif;font-size:1.125rem;font-weight:600;margin:0}.material-table-meta{color:#6c757d;color:var(--neutral-charcoal);font-family:Roboto Flex,sans-serif;font-size:.875rem}.material-table-controls{align-items:center;background:#f8f9fa;background:var(--neutral-smoke);border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--neutral-silver);display:flex;gap:16px;justify-content:space-between;padding:16px 24px}.material-search{flex:1 1;max-width:300px}.material-search-input{border:1px solid #adb5bd;border:1px solid var(--neutral-steel);border-radius:20px;padding:8px 16px}.material-view-toggle{display:flex;gap:8px}.material-chip{background:#fff;border:none;border-radius:16px;color:#6c757d;color:var(--neutral-charcoal);cursor:pointer;font-family:Roboto Flex,sans-serif;font-size:.875rem;font-weight:500;padding:6px 16px;transition:all .2s ease}.material-chip.selected{background:#102542;background:var(--primary-800);border-color:#102542;border-color:var(--primary-800);color:#fff}.material-chip:hover:not(.selected){background:#e9ecef;background:var(--neutral-pearl)}.material-table,.material-table *{display:revert!important}.material-table{background:#fff!important;border-collapse:collapse!important;border-spacing:0!important;display:table!important;min-width:700px!important;table-layout:fixed!important;width:100%!important}.material-table thead{display:table-header-group!important}.material-table tbody{background:#fff!important;display:table-row-group!important}.material-table tr{display:table-row!important}.material-table td,.material-table th{background:#fff!important;border-bottom:1px solid #e9ecef!important;border-bottom:1px solid var(--neutral-pearl)!important;display:table-cell!important;font-size:.875rem!important;padding:16px 24px!important;text-align:left!important;vertical-align:middle!important}.material-table th{background:#f8f9fa!important;background:var(--neutral-platinum)!important;border-bottom:1px solid #dee2e6!important;border-bottom:1px solid var(--neutral-silver)!important;color:#102542!important;color:var(--primary-800)!important;font-weight:600!important;position:-webkit-sticky!important;position:sticky!important;top:0!important;z-index:10!important}.material-table tbody tr{cursor:pointer!important;transition:background-color .2s cubic-bezier(.2,0,0,1)!important}.material-table tbody tr:hover{background:#1025420a!important}.material-table td:first-child,.material-table th:first-child{width:25%!important}.material-table td:nth-child(2),.material-table th:nth-child(2){width:18%!important}.material-table td:nth-child(3),.material-table th:nth-child(3){width:22%!important}.material-table td:nth-child(4),.material-table th:nth-child(4){width:10%!important}.material-table td:nth-child(5),.material-table th:nth-child(5){width:12%!important}.material-table td:nth-child(6),.material-table th:nth-child(6){min-width:140px!important;width:15%!important}.customers-view .material-table td:first-child,.customers-view .material-table th:first-child{width:20%!important}.customers-view .material-table td:nth-child(2),.customers-view .material-table th:nth-child(2){width:18%!important}.customers-view .material-table td:nth-child(3),.customers-view .material-table th:nth-child(3){width:12%!important}.customers-view .material-table td:nth-child(4),.customers-view .material-table th:nth-child(4){width:10%!important}.customers-view .material-table td:nth-child(5),.customers-view .material-table th:nth-child(5){width:12%!important}.customers-view .material-table td:nth-child(6),.customers-view .material-table th:nth-child(6){width:10%!important}.customers-view .material-table td:nth-child(7),.customers-view .material-table th:nth-child(7){min-width:140px!important;width:18%!important}.services-view .material-table td:first-child,.services-view .material-table th:first-child{width:22%!important}.services-view .material-table td:nth-child(2),.services-view .material-table th:nth-child(2){width:14%!important}.services-view .material-table td:nth-child(3),.services-view .material-table td:nth-child(4),.services-view .material-table th:nth-child(3),.services-view .material-table th:nth-child(4){width:10%!important}.services-view .material-table td:nth-child(5),.services-view .material-table th:nth-child(5){width:16%!important}.services-view .material-table td:nth-child(6),.services-view .material-table th:nth-child(6){width:10%!important}.services-view .material-table td:nth-child(7),.services-view .material-table th:nth-child(7){min-width:140px!important;width:18%!important}.widget-manager-view .material-table td:first-child,.widget-manager-view .material-table th:first-child{width:20%!important}.widget-manager-view .material-table td:nth-child(2),.widget-manager-view .material-table td:nth-child(3),.widget-manager-view .material-table td:nth-child(4),.widget-manager-view .material-table th:nth-child(2),.widget-manager-view .material-table th:nth-child(3),.widget-manager-view .material-table th:nth-child(4){width:10%!important}.widget-manager-view .material-table td:nth-child(5),.widget-manager-view .material-table th:nth-child(5){width:12%!important}.widget-manager-view .material-table td:nth-child(6),.widget-manager-view .material-table td:nth-child(7),.widget-manager-view .material-table th:nth-child(6),.widget-manager-view .material-table th:nth-child(7){width:10%!important}.widget-manager-view .material-table td:nth-child(8),.widget-manager-view .material-table th:nth-child(8){min-width:140px!important;width:18%!important}.roles-permissions-view .material-table td:first-child,.roles-permissions-view .material-table th:first-child{width:20%!important}.roles-permissions-view .material-table td:nth-child(2),.roles-permissions-view .material-table th:nth-child(2){width:15%!important}.roles-permissions-view .material-table td:nth-child(3),.roles-permissions-view .material-table td:nth-child(4),.roles-permissions-view .material-table td:nth-child(5),.roles-permissions-view .material-table th:nth-child(3),.roles-permissions-view .material-table th:nth-child(4),.roles-permissions-view .material-table th:nth-child(5){width:12%!important}.roles-permissions-view .material-table td:nth-child(6),.roles-permissions-view .material-table th:nth-child(6){width:17%!important}.roles-permissions-view .material-table td:nth-child(7),.roles-permissions-view .material-table th:nth-child(7){width:12%!important}.practitioners-view .material-table td:first-child,.practitioners-view .material-table th:first-child{width:25%!important}.practitioners-view .material-table td:nth-child(2),.practitioners-view .material-table th:nth-child(2){width:18%!important}.practitioners-view .material-table td:nth-child(3),.practitioners-view .material-table th:nth-child(3){width:15%!important}.practitioners-view .material-table td:nth-child(4),.practitioners-view .material-table th:nth-child(4){width:20%!important}.practitioners-view .material-table td:nth-child(5),.practitioners-view .material-table th:nth-child(5){width:10%!important}.practitioners-view .material-table td:nth-child(6),.practitioners-view .material-table th:nth-child(6){min-width:140px!important;width:12%!important}.bookings-view .material-table td:first-child,.bookings-view .material-table th:first-child{width:8%!important}.bookings-view .material-table td:nth-child(2),.bookings-view .material-table td:nth-child(3),.bookings-view .material-table th:nth-child(2),.bookings-view .material-table th:nth-child(3){width:14%!important}.bookings-view .material-table td:nth-child(4),.bookings-view .material-table th:nth-child(4){width:15%!important}.bookings-view .material-table td:nth-child(5),.bookings-view .material-table th:nth-child(5){width:13%!important}.bookings-view .material-table td:nth-child(6),.bookings-view .material-table th:nth-child(6){width:8%!important}.bookings-view .material-table td:nth-child(7),.bookings-view .material-table th:nth-child(7){width:11%!important}.bookings-view .material-table td:nth-child(8),.bookings-view .material-table th:nth-child(8){width:7%!important}.bookings-view .material-table td:nth-child(9),.bookings-view .material-table th:nth-child(9){min-width:100px!important;width:10%!important}.material-location-cell{gap:12px!important}.material-avatar,.material-location-cell{align-items:center!important;display:flex!important}.material-avatar{background:#102542!important;background:var(--primary-800)!important;border-radius:8px!important;color:#fff!important;flex-shrink:0!important;font-weight:600!important;height:40px!important;justify-content:center!important;width:40px!important}.material-avatar,.material-cell-info h4{font-family:Roboto Flex,sans-serif!important;font-size:.875rem!important}.material-cell-info h4{color:#102542!important;color:var(--primary-800)!important;font-weight:500!important;line-height:1.2!important;margin:0!important}.material-cell-meta{color:#6c757d!important;color:var(--neutral-charcoal)!important;font-family:Roboto Flex,sans-serif!important;font-size:.75rem!important;margin-top:2px!important}.material-contact-info{display:flex!important;flex-direction:column!important;gap:2px!important}.material-contact-primary{color:#102542!important;color:var(--primary-800)!important;font-size:.875rem!important;font-weight:500!important}.material-contact-secondary{color:#6c757d!important;color:var(--neutral-charcoal)!important;font-size:.75rem!important}.material-action-buttons{display:flex!important;gap:4px!important}.material-icon-button{align-items:center!important;background:#e9ecef!important;background:var(--neutral-pearl)!important;border:none!important;border-radius:8px!important;color:#6c757d!important;color:var(--neutral-charcoal)!important;cursor:pointer!important;display:flex!important;font-size:1rem!important;height:32px!important;justify-content:center!important;transition:all .2s cubic-bezier(.2,0,0,1)!important;width:32px!important}.material-icon-button:hover{background:#102542!important;background:var(--primary-800)!important;color:#fff!important}.material-icon-button.delete:hover{background:#ff4559!important;background:var(--accent-rose)!important;color:#fff!important}.material-cell-content{display:flex!important;flex-direction:column!important;gap:4px!important;overflow:visible!important;white-space:normal!important}.material-chip--success{background:#d1faf5;background:var(--success-100);color:#047857;color:var(--success-700)}.material-chip--error,.material-chip--success{align-items:center;border-radius:8px;display:inline-flex;font-family:Roboto Flex,sans-serif;font-size:.75rem;font-weight:500;gap:4px;letter-spacing:.5px;line-height:1.33;padding:6px 12px}.material-chip--error{background:#fee2e2;background:var(--error-100);color:#b91c1c;color:var(--error-700)}.material-chip--warning{background:#fef3c7;background:var(--warning-100);color:#92400e;color:var(--warning-700)}.material-chip--info,.material-chip--warning{align-items:center;border-radius:8px;display:inline-flex;font-family:Roboto Flex,sans-serif;font-size:.75rem;font-weight:500;gap:4px;letter-spacing:.5px;line-height:1.33;padding:6px 12px}.material-chip--info{background:#d7e0f0;background:var(--primary-100);color:#102542;color:var(--primary-800)}.material-chip-group{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.material-page{margin:0 auto;max-width:1400px;min-height:100vh;padding:32px 24px}.material-page-header{align-items:flex-start;display:flex;gap:32px;justify-content:space-between;margin-bottom:40px;padding-bottom:24px}.material-header-content{flex:1 1}.material-breadcrumb{align-items:center;display:flex;gap:8px;margin-bottom:12px}.material-breadcrumb-item{color:#6c757d;color:var(--neutral-charcoal);font-family:Roboto Flex,sans-serif;font-size:.875rem;text-decoration:none;transition:color .2s ease}.material-breadcrumb-item:hover:not(.material-breadcrumb-current){color:#102542;color:var(--primary-800);cursor:pointer}.material-breadcrumb-current{color:#102542;color:var(--primary-800);font-weight:500}.material-breadcrumb-separator{color:#adb5bd;color:var(--neutral-steel);font-size:.875rem;-webkit-user-select:none;user-select:none}.material-page-header h1{color:#102542;color:var(--primary-800);margin:0 0 8px}.material-page-header p{margin:0;max-width:600px}.material-filters-section{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.material-search-container{flex:1 1;min-width:240px}.material-search-input{background:#fff;border:1px solid #dee2e6;border:1px solid var(--neutral-silver);border-radius:28px;font-family:Roboto Flex,sans-serif;font-size:.875rem;line-height:1.43;padding:12px 16px;transition:all .2s ease;width:100%}.material-search-input:focus{border-color:#102542;border-color:var(--primary-800);box-shadow:0 0 0 2px #1025421f;outline:none}.material-filter-controls{align-items:center;display:flex;gap:16px}.material-select{background:#fff;border:1px solid #dee2e6;border:1px solid var(--neutral-silver);border-radius:8px;font-family:Roboto Flex,sans-serif;font-size:.875rem;min-width:140px;padding:10px 16px;transition:all .2s ease}.material-select:focus{border-color:#102542;border-color:var(--primary-800);box-shadow:0 0 0 2px #1025421f;outline:none}.material-segmented-button{background:#fff;border:1px solid #dee2e6;border:1px solid var(--neutral-silver);border-radius:20px;display:flex;overflow:hidden}.material-segment{background:#0000;border:none;border-right:1px solid #dee2e6;border-right:1px solid var(--neutral-silver);color:#102542;color:var(--primary-800);cursor:pointer;font-family:Roboto Flex,sans-serif;font-size:.875rem;font-weight:500;padding:10px 24px;transition:all .2s ease}.material-segment:last-child{border-right:none}.material-segment:hover{background:#1025420a}.material-segment--selected{background:#102542;background:var(--primary-800);color:#fff}.material-segment--selected:hover{background:#1e3a5f;background:var(--primary-700)}.material-cards-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin:24px 0}.material-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;overflow:hidden;transition:all .2s ease}.material-card:hover{box-shadow:0 4px 12px #00000026,0 2px 4px #0000001f;transform:translateY(-2px)}.material-card-header{align-items:center;border-bottom:1px solid #e9ecef;border-bottom:1px solid var(--neutral-pearl);display:flex;gap:16px;justify-content:space-between;padding:16px 24px}.material-card-content{padding:24px}.material-card-section{margin-bottom:16px}.material-card-stats{grid-gap:16px;border-top:1px solid #e9ecef;border-top:1px solid var(--neutral-pearl);display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin:16px 0;padding:16px 0}.material-stat-item{display:flex;flex-direction:column;gap:4px;text-align:center}.material-card-actions{border-top:1px solid #e9ecef;border-top:1px solid var(--neutral-pearl);display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.material-action-buttons{align-items:center;display:flex;gap:8px}@media (max-width:768px){.material-page{padding:16px}.material-page-header{align-items:stretch;flex-direction:column;gap:16px}.material-filters-section{align-items:stretch}.material-filter-controls,.material-filters-section{flex-direction:column;gap:12px}.material-cards-grid{gap:16px}.material-card-stats,.material-cards-grid{grid-template-columns:1fr}.material-card-actions{flex-direction:column;gap:8px}.material-table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.material-table{min-width:600px}.material-cell{font-size:.8rem;padding:12px 8px}.material-cell--header{font-size:.75rem;padding:12px 8px}.material-table td:first-child,.material-table th:first-child{min-width:80px;width:80px}.material-table td:nth-child(2),.material-table th:nth-child(2){min-width:160px;width:160px}.material-table td:nth-child(3),.material-table th:nth-child(3){min-width:120px;width:120px}.material-table td:nth-child(4),.material-table th:nth-child(4){min-width:140px;width:140px}}:root{--calendar-primary:var(--primary-800,#102542);--calendar-primary-light:var(--primary-100,#d7e0f0);--calendar-gradient-start:var(--primary-800,#102542);--calendar-gradient-end:var(--primary-600,#2c4f7c);--calendar-accent:var(--accent-rose,#ff4559);--calendar-shadow-premium:0 20px 40px #10254226;--calendar-shadow-card:0 8px 25px #1025421a;--calendar-shadow-floating:0 15px 35px #ff45594d;--calendar-shadow-subtle:0 2px 8px #1025420f;--calendar-transition-fast:0.2s;--calendar-transition-normal:0.3s;--calendar-transition-slow:0.5s}.calendar-view{min-height:100vh;position:relative}.calendar-quick-stats{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:1400px;padding:var(--space-6);position:relative;transform:translateY(-var(--space-8));z-index:10}.calendar-card-premium{background:var(--neutral-white);border:1px solid #10254214;border-radius:var(--radius-xl);box-shadow:0 8px 25px #1025421a;box-shadow:var(--calendar-shadow-card);margin:0 var(--space-6) var(--space-6) var(--space-6);margin-left:auto;margin-right:auto;max-width:1400px;overflow:hidden;position:relative}.calendar-controls{background:linear-gradient(135deg,var(--neutral-white) 0,var(--neutral-50) 100%);border-bottom:1px solid #10254214;gap:var(--space-4);justify-content:space-between;padding:var(--space-6)}.calendar-controls,.calendar-nav-container{align-items:center;display:flex;flex-wrap:wrap}.calendar-nav-container{gap:var(--space-3)}.calendar-nav-btn{align-items:center;background:var(--neutral-white);border:1px solid #10254226;border-radius:var(--radius-lg);box-shadow:0 2px 8px #1025420f;box-shadow:var(--calendar-shadow-subtle);color:#102542;color:var(--calendar-primary);cursor:pointer;display:flex;font-size:var(--text-sm);font-weight:var(--weight-medium);height:44px;justify-content:center;min-width:auto;padding:var(--space-2) var(--space-4);transition:all .2s ease;transition:all var(--calendar-transition-fast) ease;white-space:nowrap}.calendar-nav-btn:hover{background:#102542;background:var(--calendar-primary);border-color:#102542;border-color:var(--calendar-primary);box-shadow:0 8px 25px #1025421a;box-shadow:var(--calendar-shadow-card);color:var(--neutral-white);transform:translateY(-1px)}.calendar-month-year{color:#102542;color:var(--calendar-primary);flex-shrink:0;font-family:Inter,sans-serif;font-size:var(--text-lg);font-weight:600;letter-spacing:-.01em;min-width:180px;text-align:center}.calendar-filters{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-3)}.filter-chip{align-items:center;background:var(--neutral-100);border:1px solid #0000;border-radius:var(--radius-full);color:var(--neutral-700);cursor:pointer;display:inline-flex;font-size:var(--text-sm);font-weight:var(--weight-medium);gap:var(--space-2);padding:var(--space-2) var(--space-4);transition:all .2s ease;transition:all var(--calendar-transition-fast) ease}.filter-chip:hover{box-shadow:0 2px 8px #1025420f;box-shadow:var(--calendar-shadow-subtle);transform:translateY(-1px)}.filter-chip.active,.filter-chip:hover{background:#102542;background:var(--calendar-primary);color:var(--neutral-white)}.filter-chip.active{border-color:#102542;border-color:var(--calendar-primary)}.calendar-view-toggle{background:var(--neutral-100);border-radius:var(--radius-lg);box-shadow:inset 0 1px 3px #1025421a;display:flex;padding:4px}.view-toggle-btn{background:none;border:none;border-radius:var(--radius-md);color:var(--neutral-600);cursor:pointer;font-size:var(--text-sm);font-weight:var(--weight-medium);padding:var(--space-2) var(--space-4);position:relative;transition:all .2s ease;transition:all var(--calendar-transition-fast) ease}.view-toggle-btn.active{background:var(--neutral-white);box-shadow:0 2px 8px #1025420f;box-shadow:var(--calendar-shadow-subtle);color:#102542;color:var(--calendar-primary)}.view-toggle-btn:hover:not(.active){background:#1025420d;color:#102542;color:var(--calendar-primary)}.form-input{background:var(--neutral-white);border:1px solid #10254226;border-radius:var(--radius-lg);box-shadow:0 2px 8px #1025420f;box-shadow:var(--calendar-shadow-subtle);font-size:var(--text-sm);min-width:160px;padding:var(--space-3) var(--space-4);transition:all var(--calendar-transition-fast) ease}.form-input:focus{border-color:var(--calendar-primary);transform:translateY(-1px)}.master-calendar{background:var(--neutral-white)}.calendar-header-row{background:linear-gradient(135deg,var(--neutral-50) 0,#10254205 100%);border-bottom:1px solid #10254214;display:grid;grid-template-columns:repeat(7,1fr)}.calendar-header-cell{border-right:1px solid #1025420d;color:#102542;color:var(--calendar-primary);font-family:Inter,sans-serif;font-size:var(--text-xs);font-weight:600;letter-spacing:.02em;padding:var(--space-4);text-align:center;text-transform:uppercase}.calendar-header-cell:last-child{border-right:none}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr)}.calendar-day-cell{background:var(--neutral-white);border-bottom:1px solid #10254214;border-right:1px solid #10254214;cursor:pointer;min-height:140px;position:relative;transition:all .2s ease;transition:all var(--calendar-transition-fast) ease}.calendar-day-cell:hover{background:#d7e0f0;background:var(--calendar-primary-light);box-shadow:0 8px 25px #1025421a;box-shadow:var(--calendar-shadow-card);transform:scale(1.01);z-index:5}.calendar-day-cell:last-child{border-right:none}.calendar-day-cell.other-month{background:var(--neutral-50);opacity:.6}.calendar-day-cell.today{background:linear-gradient(135deg,#d7e0f0,#1025420d);background:linear-gradient(135deg,var(--calendar-primary-light) 0,#1025420d 100%);border-color:#102542;border-color:var(--calendar-primary);position:relative}.calendar-day-cell.today:before{animation:slideIn .5s ease-out;background:#102542;background:var(--calendar-primary);content:"";height:3px;left:0;position:absolute;right:0;top:0}@keyframes slideIn{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.calendar-day-number{align-items:center;border-radius:50%;color:var(--neutral-700);display:flex;font-family:Inter,sans-serif;font-size:var(--text-xs);font-weight:700;height:28px;justify-content:center;left:var(--space-3);position:absolute;top:var(--space-3);transition:all .2s ease;transition:all var(--calendar-transition-fast) ease;width:28px;z-index:2}.calendar-day-cell.other-month .calendar-day-number{color:var(--neutral-400)}.calendar-day-cell.today .calendar-day-number{animation:pulseToday 2s infinite;background:#102542;background:var(--calendar-primary);color:var(--neutral-white)}@keyframes pulseToday{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.calendar-appointments{bottom:var(--space-2);left:var(--space-2);overflow:hidden;position:absolute;right:var(--space-2);top:var(--space-10)}.calendar-appointment{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#102542,#102542e6);background:linear-gradient(135deg,var(--calendar-primary) 0,#102542e6 100%);border-left:3px solid #ffffff4d;border-radius:var(--radius-md);color:var(--neutral-white);cursor:pointer;font-size:var(--text-xs);font-weight:var(--weight-medium);margin-bottom:var(--space-1);overflow:hidden;padding:var(--space-2) var(--space-3);position:relative;text-overflow:ellipsis;transition:all .2s ease;transition:all var(--calendar-transition-fast) ease;white-space:nowrap}.calendar-appointment:hover{box-shadow:0 8px 25px #1025421a;box-shadow:var(--calendar-shadow-card);position:relative;transform:translateY(-2px) scale(1.02);z-index:10}.calendar-appointment:before{background:linear-gradient(45deg,#ffffff1a,#0000);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .2s ease;transition:opacity var(--calendar-transition-fast) ease}.calendar-appointment:hover:before{opacity:1}.calendar-appointment.confirmed{background:linear-gradient(135deg,var(--success-600) 0,var(--success-500) 100%);border-left-color:var(--success-300)}.calendar-appointment.pending{background:linear-gradient(135deg,var(--warning-600) 0,var(--warning-500) 100%);border-left-color:var(--warning-300)}.calendar-appointment.cancelled{background:linear-gradient(135deg,var(--neutral-500) 0,var(--neutral-400) 100%);border-left-color:var(--neutral-300);opacity:.7;text-decoration:line-through}.calendar-appointment.physiotherapy{background:linear-gradient(135deg,#1976d2,#1565c0)!important;border-left-color:#90caf9!important}.calendar-appointment.massage{background:linear-gradient(135deg,#7b1fa2,#6a1b9a)!important;border-left-color:#ce93d8!important}.calendar-appointment.osteopathy{background:linear-gradient(135deg,#388e3c,#2e7d32)!important;border-left-color:#a5d6a7!important}.calendar-appointment.acupuncture{background:linear-gradient(135deg,#ff9800,#f57c00)!important;border-left-color:#ffcc02!important}.calendar-appointment.chiropractic{background:linear-gradient(135deg,#c2185b,#ad1457)!important;border-left-color:#f8bbd9!important}.calendar-appointment.consultation{background:linear-gradient(135deg,#689f38,#558b2f)!important;border-left-color:#aed581!important}.more-appointments{background:linear-gradient(135deg,var(--neutral-100) 0,var(--neutral-50) 100%);border:1px solid #1025421a;border-radius:var(--radius-md);color:var(--neutral-600);cursor:pointer;font-size:var(--text-xs);font-weight:var(--weight-medium);padding:var(--space-1);text-align:center;transition:all .2s ease;transition:all var(--calendar-transition-fast) ease}.more-appointments:hover{background:#102542;background:var(--calendar-primary);box-shadow:0 2px 8px #1025420f;box-shadow:var(--calendar-shadow-subtle);color:var(--neutral-white);transform:translateY(-1px)}.floating-action-btn{align-items:center;background:linear-gradient(135deg,#ff4559,#e63946);background:linear-gradient(135deg,var(--calendar-accent) 0,#e63946 100%);border:none;border-radius:50%;bottom:var(--space-8);box-shadow:0 15px 35px #ff45594d;box-shadow:var(--calendar-shadow-floating);cursor:pointer;display:flex;height:64px;justify-content:center;position:fixed;right:var(--space-8);transition:all .3s ease;transition:all var(--calendar-transition-normal) ease;width:64px;z-index:1000}.floating-action-btn:hover{box-shadow:0 20px 40px #ff455966;transform:translateY(-3px) rotate(90deg)}.fab-icon{color:var(--neutral-white);font-size:24px;font-weight:300;line-height:1;transition:transform .2s ease;transition:transform var(--calendar-transition-fast) ease}.day-view{background:var(--neutral-white);border-radius:var(--radius-lg);box-shadow:0 8px 25px #1025421a;box-shadow:var(--calendar-shadow-card);min-height:500px;overflow:hidden}.day-view-header{align-items:center;background:linear-gradient(135deg,var(--neutral-50) 0,var(--neutral-100) 100%);border-bottom:1px solid var(--neutral-200);display:flex;justify-content:space-between;padding:var(--space-6)}.day-view-back{align-items:center;border-radius:var(--radius-md);display:flex;font-size:var(--text-sm);font-weight:500;gap:var(--space-2);padding:var(--space-2) var(--space-4);transition:all .2s ease;transition:all var(--calendar-transition-fast) ease}.day-view-back:hover{background:#102542;background:var(--calendar-primary);color:var(--neutral-white);transform:translateX(-2px)}.day-view-title{color:#102542;color:var(--calendar-primary);flex:1 1;font-family:Inter,sans-serif;font-size:var(--text-xl);font-weight:600;margin:0;text-align:center}.day-view-stats{background:#102542;background:var(--calendar-primary);border-radius:var(--radius-full);color:var(--neutral-white);font-size:var(--text-sm);font-weight:500;padding:var(--space-2) var(--space-4)}.day-view-appointments{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-6)}.no-appointments{color:var(--neutral-500);padding:var(--space-12) var(--space-6);text-align:center}.no-appointments-icon{font-size:4rem;margin-bottom:var(--space-4);opacity:.7}.no-appointments h4{color:var(--neutral-700);font-size:var(--text-lg);font-weight:600;margin:0 0 var(--space-2) 0}.no-appointments p{font-size:var(--text-base);margin:0}.day-appointment{align-items:center;background:var(--neutral-white);border:1px solid var(--neutral-200);border-radius:var(--radius-lg);box-shadow:0 2px 4px #10254214;cursor:pointer;display:flex;gap:var(--space-4);padding:var(--space-4);transition:all .2s ease;transition:all var(--calendar-transition-fast) ease}.day-appointment:hover{border-color:#102542;border-color:var(--calendar-primary);box-shadow:0 8px 25px #1025421a;box-shadow:var(--calendar-shadow-card);transform:translateY(-2px)}.appointment-time{align-items:center;background:linear-gradient(135deg,#102542,#102542e6);background:linear-gradient(135deg,var(--calendar-primary) 0,#102542e6 100%);border-radius:var(--radius-md);color:var(--neutral-white);display:flex;flex-direction:column;min-width:80px;padding:var(--space-3);text-align:center}.time-label{font-size:var(--text-base);font-weight:600;line-height:1.2}.appointment-duration{font-size:var(--text-xs);margin-top:var(--space-1);opacity:.9}.appointment-details{display:flex;flex:1 1;flex-direction:column;gap:var(--space-1)}.appointment-patient{color:var(--neutral-900);font-size:var(--text-lg);font-weight:600;line-height:1.2}.appointment-meta{align-items:center;color:var(--neutral-600);display:flex;font-size:var(--text-sm)}.appointment-practitioner{font-weight:500}.appointment-separator{color:var(--neutral-400)}.appointment-type{color:#102542;color:var(--calendar-primary);font-weight:500}.appointment-location{align-items:center;color:var(--neutral-500);display:flex;font-size:var(--text-sm);gap:var(--space-1)}.appointment-status{border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:500;letter-spacing:.5px;padding:var(--space-2) var(--space-3);text-transform:uppercase}.appointment-status.status-confirmed{background:var(--success-100);color:var(--success-700)}.appointment-status.status-pending{background:var(--warning-100);color:var(--warning-700)}.appointment-status.status-cancelled{background:var(--error-100);color:var(--error-700)}@media (max-width:1200px){.calendar-quick-stats{gap:var(--space-4);grid-template-columns:repeat(3,1fr);padding:var(--space-4)}.premium-title{font-size:2.5rem}}@media (max-width:768px){.calendar-premium-header{padding:var(--space-6) var(--space-4) var(--space-8) var(--space-4)}.premium-header-content{flex-direction:column;gap:var(--space-4);text-align:center}.calendar-quick-stats{gap:var(--space-3);grid-template-columns:1fr;margin:0 var(--space-4);padding:var(--space-4)}.calendar-card-premium{border-radius:var(--radius-lg);margin:0 var(--space-4) var(--space-4) var(--space-4)}.calendar-controls{align-items:stretch;flex-direction:column;gap:var(--space-3);padding:var(--space-4)}.calendar-nav-container{gap:var(--space-2);justify-content:center}.calendar-month-year{font-size:var(--text-base);min-width:140px}.calendar-nav-btn{font-size:var(--text-xs);padding:var(--space-2) var(--space-3)}.calendar-filters{flex-wrap:wrap;justify-content:center}.day-view-header{flex-direction:column;gap:var(--space-3);padding:var(--space-4)}.day-view-title{font-size:var(--text-lg)}.day-appointment{align-items:flex-start;flex-direction:column;gap:var(--space-3)}.appointment-time{align-self:flex-start;min-width:70px}.calendar-day-cell{min-height:100px}.calendar-appointment{font-size:10px;padding:var(--space-1) var(--space-2)}.floating-action-btn{bottom:var(--space-6);height:56px;right:var(--space-6);width:56px}.fab-icon{font-size:20px}}@media (max-width:480px){.calendar-quick-stats{transform:translateY(-var(--space-6))}.calendar-day-cell{min-height:80px}.calendar-day-number{font-size:var(--text-xs);font-weight:var(--weight-bold);height:22px;left:var(--space-2);top:var(--space-2);width:22px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.calendar-appointment:focus,.calendar-day-cell:focus,.calendar-nav-btn:focus,.floating-action-btn:focus,.view-toggle-btn:focus{outline:2px solid #ff4559;outline:2px solid var(--calendar-accent);outline-offset:2px}@media (prefers-contrast:high){.calendar-day-cell{border-color:var(--neutral-900)}.calendar-appointment{border:2px solid var(--neutral-900)}}.slideout-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0006;bottom:0;left:0;opacity:0;position:fixed;right:0;top:0;visibility:hidden;z-index:10000}.slideout-overlay.active{opacity:1;visibility:visible}.slideout-backdrop{bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0}.slideout-panel{background:#fff;box-shadow:-4px 0 20px #00000026;height:100vh;max-width:90vw;position:fixed;right:0;top:0;transform:translateX(100%);width:600px}.slideout-overlay.active .slideout-panel{transform:translateX(0)}.slideout-header{background:#fff;border-bottom:1px solid #e5e7eb;padding:24px;z-index:1}.slideout-title{color:#111827;font-weight:600}.slideout-close{border-radius:4px;color:#9ca3af;line-height:1;padding:8px;transition:all .2s ease}.slideout-close:hover{background:#f3f4f6;background:var(--gray-100);color:#4b5563}.slideout-content{overflow-y:auto;padding:24px}.slideout-footer{background:#fff;border-top:1px solid #e5e7eb;gap:12px;padding:24px}.form-grid{margin-bottom:24px}.form-group{margin-bottom:20px}.form-label{display:block;line-height:1.4;margin-bottom:8px}.form-label .required{color:#ff4559;color:var(--rose);margin-left:2px}.form-input{background:#fff;color:#111827;font-family:inherit;line-height:1.5;width:100%}.form-input:focus{border-color:#ff4559;border-color:var(--rose);box-shadow:0 0 0 3px #ff45591a}.form-input::placeholder{color:#9ca3af;color:var(--gray-400)}.form-input.error{border-color:#ff4559;border-color:var(--rose);box-shadow:0 0 0 3px #ff45591a}.form-input:disabled{background:#f9fafb;background:var(--gray-50);color:#6b7280;color:var(--gray-500);cursor:not-allowed}textarea.form-input{min-height:80px;resize:vertical}select.form-input{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%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 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;cursor:pointer;padding-right:40px;position:relative;z-index:1}select.form-input:focus{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23ff4559' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E")}.checkbox-field{align-items:start;cursor:pointer;display:flex;gap:12px;line-height:1.5}.checkbox-field input[type=checkbox]{background:#fff;border:2px solid #d1d5db;border:2px solid var(--gray-300);border-radius:4px;cursor:pointer;flex-shrink:0;height:18px;margin:2px 0 0;position:relative;width:18px}.checkbox-field input[type=checkbox]:checked{background:#ff4559;background:var(--rose);border-color:#ff4559;border-color:var(--rose)}.checkbox-field input[type=checkbox]:checked:after{color:#fff;content:"✓";font-size:12px;font-weight:600;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.checkbox-field input[type=checkbox]:focus{box-shadow:0 0 0 3px #ff45591a;outline:none}.checkbox-label{flex:1 1}.form-error{align-items:center;color:#ff4559;color:var(--rose);display:flex;font-size:12px;gap:4px;margin-top:6px}.form-error:before{content:"⚠";font-size:14px}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:14px;font-weight:500;gap:8px;justify-content:center;line-height:1;min-height:44px;padding:12px 20px;text-decoration:none;transition:all .2s ease}.btn:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.btn-primary{background:#ff4559;background:var(--rose);box-shadow:0 1px 3px #ff45594d;color:#fff}.btn-primary:hover:not(:disabled){background:#e63946;box-shadow:0 4px 12px #ff455966;transform:translateY(-1px)}.btn-secondary{background:#fff;border:1px solid #d1d5db;border:1px solid var(--gray-300);color:#374151;color:var(--gray-700)}.btn-secondary:hover:not(:disabled){background:#f9fafb;background:var(--gray-50);border-color:#9ca3af;border-color:var(--gray-400);transform:translateY(-1px)}.btn.loading{color:#0000;position:relative}.btn.loading:after{animation:spin .8s linear infinite;border:2px solid;border-radius:50%;border-top:2px solid #0000;content:"";height:16px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:16px}@keyframes spin{to{transform:translate(-50%,-50%) rotate(1turn)}}@media (max-width:768px){.slideout-panel{max-width:100vw;width:100vw}.form-grid{gap:16px;grid-template-columns:1fr}.slideout-content,.slideout-footer,.slideout-header{padding:16px}.slideout-footer{flex-direction:column}.slideout-footer .btn{width:100%}}.form-success{align-items:center;background:#d1fae5;background:var(--success-light);border:1px solid #10b981;border:1px solid var(--success);border-radius:8px;color:#047857;color:var(--success-dark);display:flex;gap:8px;margin-bottom:16px;padding:12px 16px}.form-success:before{content:"✓";font-weight:600}.slideout-content::-webkit-scrollbar{width:6px}.slideout-content::-webkit-scrollbar-track{background:#f3f4f6;background:var(--gray-100)}.slideout-content::-webkit-scrollbar-thumb{background:#d1d5db;background:var(--gray-300);border-radius:3px}.slideout-content::-webkit-scrollbar-thumb:hover{background:#9ca3af;background:var(--gray-400)}:root{--rose:#ff4559;--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-900:#111827;--success:#10b981;--success-light:#d1fae5;--success-dark:#047857}.form-group{position:relative}.form-input:focus+.form-label,.form-input:not(:placeholder-shown)+.form-label{color:#ff4559;color:var(--rose);transform:translateY(-8px) scale(.875)}.floating-label{position:relative}.floating-label .form-label{background:#fff;color:#6b7280;color:var(--gray-500);left:16px;padding:0 4px;pointer-events:none;position:absolute;top:12px;transition:all .2s ease}.floating-label .form-input:focus~.form-label,.floating-label .form-input:not(:placeholder-shown)~.form-label{color:#ff4559;color:var(--rose);font-size:12px;top:-6px}.customers-view{min-height:100vh}.stats-grid{grid-gap:var(--space-5);display:grid;gap:var(--space-5);grid-template-columns:repeat(4,1fr);margin-bottom:var(--space-6)}.header-controls{align-items:center;display:flex;gap:var(--space-3)}.view-toggle{overflow:hidden}.view-btn{background:none;color:var(--neutral-500);font-size:var(--text-xs);padding:var(--space-2) var(--space-3)}.view-btn.active{background:var(--primary-800);color:var(--neutral-white)}.filters-bar{border-radius:var(--radius-md);margin-bottom:var(--space-5);padding:var(--space-5)}.search-box{flex:1 1;min-width:250px}.search-input{background:var(--neutral-white);border:var(--border-width) solid var(--border-color);font-size:var(--text-sm);padding:var(--space-2-5) var(--space-4)}.search-input:focus{border-color:var(--primary-800);box-shadow:var(--ring-primary)}.filter-select{background:var(--neutral-white);border:var(--border-width) solid var(--border-color);font-size:var(--text-sm);padding:var(--space-2-5) var(--space-3)}.filter-select:focus{border-color:var(--primary-800);box-shadow:var(--ring-primary)}.results-count{color:var(--neutral-500);font-size:var(--text-sm);white-space:nowrap}.table-container{overflow-x:auto}.customers-view .material-table{table-layout:fixed;width:100%}.customers-view .material-table .material-cell{overflow:hidden;padding-left:16px;padding-right:32px;text-overflow:ellipsis;white-space:nowrap}.customers-view .material-table .material-cell:first-child{padding-left:24px}.customers-view .material-table .material-cell:last-child{padding-right:24px}.customers-view .material-table .material-th{padding-left:16px;padding-right:32px}.customers-view .material-table .material-th:first-child{padding-left:24px}.customers-view .material-table .material-th:last-child{padding-right:24px}.customers-view .material-table td:first-child,.customers-view .material-table th:first-child{min-width:220px;width:20%}.customers-view .material-table td:nth-child(2),.customers-view .material-table th:nth-child(2){min-width:200px;width:20%}.customers-view .material-table td:nth-child(3),.customers-view .material-table th:nth-child(3){min-width:140px;width:12%}.customers-view .material-table td:nth-child(4),.customers-view .material-table th:nth-child(4){min-width:100px;width:10%}.customers-view .material-table td:nth-child(5),.customers-view .material-table th:nth-child(5){min-width:120px;width:12%}.customers-view .material-table td:nth-child(6),.customers-view .material-table th:nth-child(6){min-width:100px;width:10%}.customers-view .material-table td:nth-child(7),.customers-view .material-table th:nth-child(7){min-width:140px;width:16%}.customers-view .material-contact-info{display:flex;flex-direction:column;gap:4px;max-width:180px}.customers-view .material-contact-primary,.customers-view .material-contact-secondary{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customers-table{background:var(--neutral-white);border-collapse:collapse;border-radius:var(--radius-lg);box-shadow:var(--shadow-subtle);overflow:hidden;width:100%}.customers-table th{background:var(--neutral-50);border-bottom:var(--border-width) solid var(--border-color);color:var(--neutral-700);font-size:var(--text-sm);font-weight:var(--weight-semibold);padding:var(--space-3) var(--space-4);text-align:left}.customers-table td{border-bottom:var(--border-width) solid var(--neutral-100);padding:var(--space-4);vertical-align:middle}.customer-row{cursor:pointer;transition:background-color var(--transition-fast)}.customer-row:hover{background:var(--neutral-50)}.customer-info{align-items:center;display:flex;gap:var(--space-3)}.customer-avatar{align-items:center;background:var(--primary-800);border-radius:50%;color:var(--neutral-white);display:flex;font-size:var(--text-base);font-weight:var(--weight-semibold);height:var(--space-10);justify-content:center;width:var(--space-10)}.customer-avatar.large{font-size:var(--text-xl);height:var(--space-15);width:var(--space-15)}.customer-name{color:var(--primary-800);font-weight:var(--weight-semibold);margin-bottom:var(--space-0-5)}.customer-id{color:var(--neutral-500);font-size:var(--text-xs)}.contact-info{font-size:var(--text-sm)}.contact-info .phone{color:var(--neutral-500);font-size:var(--text-xs)}.status-badge{border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-medium);padding:var(--space-1) var(--space-2);text-transform:uppercase}.status-badge.active{background:var(--success-100);color:var(--success-800)}.status-badge.inactive{background:var(--danger-100);color:var(--danger-800)}.btn-sm{font-size:var(--text-xs);padding:var(--space-1-5) var(--space-3)}.customers-cards{grid-gap:var(--space-5);display:grid;gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.customer-card{background:var(--neutral-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-subtle);cursor:pointer;padding:var(--space-5);transition:all var(--transition-fast)}.customer-card:hover{box-shadow:var(--shadow-moderate);transform:translateY(calc(var(--space-0-5)*-1))}.customer-card .card-header{align-items:center;border:none;display:flex;gap:var(--space-3);margin-bottom:var(--space-4);padding:0}.customer-basic h4{color:var(--primary-800);font-size:var(--text-base);font-weight:var(--weight-semibold);margin:0}.customer-basic p{color:var(--neutral-500);font-size:var(--text-xs);margin:var(--space-0-5) 0 0 0}.card-body{space-y:8px}.contact-row{color:var(--neutral-700);font-size:var(--text-sm);margin-bottom:var(--space-2)}.stats-row{display:flex;gap:var(--space-4);margin:var(--space-3) 0}.last-visit,.stats-row{color:var(--neutral-500);font-size:var(--text-xs)}.last-visit{margin-top:var(--space-2)}.empty-state{color:var(--neutral-500);padding:var(--space-15) var(--space-5)}.empty-state p{font-size:var(--text-base);margin-bottom:var(--space-5)}.customer-detail{max-width:var(--modal-width-lg)}.detail-header{align-items:center;border-bottom:var(--border-width) solid var(--border-color);gap:var(--space-5);margin-bottom:var(--space-8);padding-bottom:var(--space-6)}.detail-header .customer-info{flex:1 1}.detail-header h2{color:var(--primary-800);font-size:var(--text-xl);font-weight:var(--weight-semibold);margin:0 0 var(--space-1) 0}.detail-sections{space-y:32px}.detail-section h3{border-bottom:var(--border-width) solid var(--neutral-100);color:var(--primary-800);font-size:var(--text-lg);font-weight:var(--weight-semibold);margin-bottom:var(--space-4);padding-bottom:var(--space-2)}.detail-grid{grid-gap:var(--space-4);gap:var(--space-4)}.detail-item{gap:var(--space-1)}.detail-item label{color:var(--neutral-500);font-size:var(--text-xs);font-weight:var(--weight-medium)}.detail-item span,.notes-text{color:var(--neutral-700);font-size:var(--text-sm)}.notes-text{background:var(--neutral-50);border-radius:var(--radius-md);line-height:var(--leading-relaxed);margin:0;padding:var(--space-4)}.add-customer-form{max-width:var(--modal-width-lg)}.form-section{border-bottom:var(--border-width) solid var(--neutral-100)}.form-section:last-of-type{margin-bottom:0;padding-bottom:0}.form-section h4{color:var(--primary-800);font-size:var(--text-base);font-weight:var(--weight-semibold);margin-bottom:var(--space-4)}@media (max-width:768px){.customers-view{padding:var(--space-4)}.stats-grid{gap:var(--space-3);grid-template-columns:repeat(4,1fr)}}@media (max-width:380px){.stats-grid{gap:var(--space-1);grid-template-columns:repeat(2,1fr)}.filters-bar{align-items:stretch;flex-direction:column;gap:var(--space-3)}.search-box{min-width:auto}.customers-table{font-size:var(--text-sm)}.customers-table td,.customers-table th{padding:var(--space-2) var(--space-3)}.customer-info{gap:var(--space-2)}.customer-avatar{font-size:var(--text-sm);height:var(--space-8);width:var(--space-8)}.customers-cards{grid-template-columns:1fr}.detail-header{flex-direction:column;gap:var(--space-4);text-align:center}.detail-grid,.form-grid{grid-template-columns:1fr}}@media (max-width:480px){.page-header{flex-direction:column;gap:var(--space-4);text-align:center}.header-actions{justify-content:center}.customers-table{display:block;overflow-x:auto;white-space:nowrap}}.location-name strong{color:#102542;font-weight:600}.location-id{color:#819595;font-size:12px;margin-top:2px}.location-address{line-height:1.4}.text-muted{color:#819595;font-size:13px}.contact-info{line-height:1.4}.practitioners-count{color:#102542;font-weight:500}.capacity-info{line-height:1.4}.status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:500;padding:4px 12px}.status-active{background:#dcfce7;color:#166534}.status-inactive{background:#fef3c7;color:#92400e}.empty-state{color:#819595;padding:60px 20px}.empty-icon{font-size:48px;margin-bottom:16px}.empty-state h3{color:#102542;margin-bottom:8px}.empty-state p{margin-bottom:24px}.location-form{max-width:none}.form-content{display:flex;flex-direction:column;gap:32px}.form-section{border-bottom:1px solid #f3f4f6;padding-bottom:24px}.form-section:last-child{padding-bottom:0}.section-title{border-bottom:2px solid #4ae7cd;color:#102542;font-size:18px;margin:0 0 20px;padding-bottom:8px}.form-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.form-group{gap:8px}.form-group.full-width{grid-column:1/-1}.form-label{color:#374151;font-weight:500}.form-input{border:1px solid #d1d5db;border-radius:8px;padding:12px 16px;transition:all .2s ease}.form-input:focus{border-color:#102542;box-shadow:0 0 0 3px #1025421a}.checkbox-grid{grid-gap:16px;gap:16px;margin-top:16px}.checkbox-label{color:#374151;gap:8px}.checkbox-label input[type=checkbox]{accent-color:#102542}.form-actions{background:#f9fafb;border-top:1px solid #e5e7eb;gap:12px;margin:0 -24px -24px;padding:24px}.location-detail{max-width:none}.detail-sections{display:flex;flex-direction:column;gap:32px;margin-bottom:32px}.detail-section{border-bottom:1px solid #f3f4f6;padding-bottom:24px}.detail-section:last-child{border-bottom:none;padding-bottom:0}.detail-section h4{border-bottom:2px solid #4ae7cd;color:#102542;margin:0 0 20px}.detail-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.detail-item{gap:6px}.detail-item label{color:#819595;font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.detail-item span{color:#102542;font-weight:500;line-height:1.4}.facilities-list{grid-column:1/-1;margin-top:16px}.facilities-list label{color:#819595;display:block;font-size:12px;font-weight:500;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.facility-tags{display:flex;flex-wrap:wrap;gap:8px}.facility-tag{background:linear-gradient(135deg,#102542,#4ae7cd);border-radius:20px;color:#fff;font-size:12px;font-weight:500;padding:6px 12px}.practitioners-list{display:flex;flex-wrap:wrap;gap:8px}.practitioner-tag{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:20px;color:#102542;font-size:12px;font-weight:500;padding:6px 12px}.detail-actions{background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;margin:0 -24px -24px;padding:24px}.services-view{min-height:100vh}.services-view .page-description{color:var(--neutral-600);font-size:var(--text-base);line-height:var(--leading-relaxed);margin:0}.services-view .page-actions{align-items:center;display:flex;gap:var(--space-3)}.services-view .stats-grid{margin-bottom:var(--space-8);padding:0 var(--space-8)}.services-view .filters-section{background:var(--neutral-white);border:var(--border-width) solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-subtle);margin:0 var(--space-8) var(--space-8) var(--space-8);padding:var(--space-6) var(--space-8)}.services-view .search-bar{margin-bottom:var(--space-5)}.services-view .filters-bar{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-4)}.services-view .filter-select{background:var(--neutral-white);border:var(--border-width) solid var(--border-color);border-radius:var(--radius-md);color:var(--neutral-700);font-size:var(--text-sm);min-width:140px;padding:var(--space-2) var(--space-3);transition:all var(--transition-normal)}.services-view .filter-select:focus{border-color:var(--primary-600);box-shadow:var(--ring-primary);outline:none}.view-toggle{background:var(--neutral-100);display:flex;margin-left:auto;padding:var(--space-1)}.view-btn,.view-toggle{border-radius:var(--radius-md)}.view-btn{color:var(--neutral-600);font-size:var(--text-sm);font-weight:var(--weight-medium);padding:var(--space-2) var(--space-4);transition:all var(--transition-normal)}.view-btn.active{background:var(--neutral-white);box-shadow:var(--shadow-subtle);color:var(--primary-600)}.view-btn:hover:not(.active){background:var(--neutral-200)}.services-view .content-card{background:var(--neutral-white);border:var(--border-width) solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-subtle);margin:0 var(--space-8);overflow:hidden}.services-view .master-table td .service-name{color:var(--neutral-900);font-weight:var(--weight-semibold);margin-bottom:var(--space-1)}.services-view .master-table td .service-subtitle,.services-view .practitioner-count{color:var(--neutral-600);font-size:var(--text-xs)}.services-view .action-buttons{align-items:center;display:flex;gap:var(--space-1)}.services-grid{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(350px,1fr));padding:var(--space-6)}.service-card{background:var(--neutral-white);border:var(--border-width) solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;padding:var(--space-6);transition:all var(--transition-normal)}.service-card:hover{border-color:var(--primary-600);box-shadow:var(--shadow-moderate);transform:translateY(calc(var(--space-0-5)*-1))}.service-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:var(--space-4)}.service-card .service-info h3.service-name{color:var(--neutral-900);font-size:var(--text-lg);font-weight:var(--weight-semibold);margin:0 0 var(--space-1) 0}.service-card .service-category{color:var(--neutral-600);font-size:var(--text-sm);margin:0}.service-card-content{margin-bottom:var(--space-5)}.service-card .service-description{color:var(--neutral-700);font-size:var(--text-sm);line-height:var(--leading-relaxed);margin-bottom:var(--space-4)}.service-details{display:flex;flex-direction:column;gap:var(--space-2)}.detail-item{align-items:center;justify-content:space-between}.detail-label{color:var(--neutral-600);font-size:var(--text-xs)}.detail-value{color:var(--neutral-900);font-size:var(--text-xs);font-weight:var(--weight-medium)}.service-card-actions{align-items:center;display:flex;gap:var(--space-2)}.service-card-actions .btn{flex:1 1;font-size:var(--text-xs);justify-content:center;padding:var(--space-2) var(--space-3)}.service-card-actions .btn-icon{flex:none}.service-form{max-width:none}.form-section{border-bottom:var(--border-width) solid var(--border-color);margin-bottom:var(--space-8);padding-bottom:var(--space-6)}.form-section:last-of-type{border-bottom:none;margin-bottom:var(--space-6)}.form-section-title{border-bottom:var(--border-width-2) solid var(--primary-200);color:var(--neutral-900);font-size:var(--text-lg);font-weight:var(--weight-semibold);margin:0 0 var(--space-5) 0;padding-bottom:var(--space-2)}.form-grid{grid-gap:var(--space-5);gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.form-checkbox{align-items:center;color:var(--neutral-700);cursor:pointer;display:flex;font-size:var(--text-sm);gap:var(--space-2)}.form-checkbox input[type=checkbox]{cursor:pointer;margin:0;width:auto}.form-actions{border-top:var(--border-width) solid var(--border-color);gap:var(--space-3);margin-top:var(--space-8);padding-top:var(--space-6)}.service-detail{max-width:none}.service-detail-header{border-bottom:var(--border-width) solid var(--border-color);margin-bottom:var(--space-8);padding-bottom:var(--space-6)}.service-title-section{display:flex;flex-direction:column;gap:var(--space-2)}.service-detail .service-title{color:var(--neutral-900);font-size:var(--text-xl);font-weight:var(--weight-bold);margin:0}.service-detail .service-category{color:var(--neutral-600);font-size:var(--text-base);margin:0}.detail-section{margin-bottom:var(--space-8)}.detail-section-title{border-bottom:var(--border-width) solid var(--border-color);color:var(--neutral-900);font-size:var(--text-base);font-weight:var(--weight-semibold);margin:0 0 var(--space-4) 0;padding-bottom:var(--space-2)}.service-detail .service-description{color:var(--neutral-700);line-height:var(--leading-relaxed);margin-bottom:var(--space-4)}.promotional-description{background:var(--neutral-50);border-radius:var(--radius-md);margin-top:var(--space-4);padding:var(--space-4)}.promotional-description strong{color:var(--neutral-900);display:block;margin-bottom:var(--space-2)}.promotional-description p{color:var(--neutral-700);margin:0}.availability-grid,.performance-grid,.pricing-grid,.requirements-grid,.scheduling-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.availability-item,.performance-item,.pricing-item,.requirement-item,.scheduling-item{background:var(--neutral-50);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-4)}.availability-label,.performance-label,.pricing-label,.requirement-label,.scheduling-label{color:var(--neutral-600);font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:.5px;text-transform:uppercase}.availability-value,.performance-value,.pricing-value,.requirement-value,.scheduling-value{color:var(--neutral-900);font-size:var(--text-base);font-weight:var(--weight-semibold)}.booking-rules{flex-direction:column}.booking-rules,.rule-item{display:flex;gap:var(--space-3)}.rule-item{align-items:flex-start}.rule-label{color:var(--neutral-700);font-weight:var(--weight-medium);min-width:150px}.rule-label,.rule-value{font-size:var(--text-sm)}.rule-value{color:var(--neutral-900)}@media (max-width:768px){.services-view .page-header{align-items:stretch;flex-direction:column;gap:var(--space-4);padding:var(--space-4) var(--space-5)}.services-view .page-actions{justify-content:stretch}.services-view .page-actions .btn{flex:1 1;justify-content:center}.services-view .stats-grid{gap:var(--space-4);grid-template-columns:repeat(4,1fr);padding:0 var(--space-5)}.services-view .filters-section{margin:0 var(--space-5) var(--space-6) var(--space-5);padding:var(--space-5)}.services-view .filters-bar{align-items:stretch;flex-direction:column;gap:var(--space-3)}.services-view .filter-select{min-width:auto;width:100%}.view-toggle{margin-left:0;margin-top:var(--space-2)}.services-view .content-card{margin:0 var(--space-5)}.services-grid{gap:var(--space-4);grid-template-columns:1fr}.service-card,.services-grid{padding:var(--space-5)}.service-card-actions{flex-direction:column}.service-card-actions .btn{flex:none}.services-view .action-buttons{flex-direction:column;gap:var(--space-2)}.slideout-panel{width:100%!important}.form-grid{gap:var(--space-4);grid-template-columns:1fr}.form-actions{flex-direction:column}.form-actions .btn{justify-content:center;width:100%}.availability-grid,.performance-grid,.pricing-grid,.requirements-grid,.scheduling-grid{gap:var(--space-3);grid-template-columns:1fr}}@media (max-width:480px){.services-view .page-header{padding:var(--space-3) var(--space-4)}.services-view .stats-grid{grid-template-columns:repeat(4,1fr);padding:0 var(--space-4)}.services-view .filters-section{margin:0 var(--space-4) var(--space-5) var(--space-4);padding:var(--space-4)}}@media (max-width:380px){.services-view .stats-grid{gap:var(--space-1);grid-template-columns:repeat(2,1fr);padding:0 var(--space-3)}.services-view .content-card{margin:0 var(--space-4)}.service-card,.services-grid{padding:var(--space-4)}}.widget-manager-view{margin:0 auto;max-width:1400px}.widgets-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-top:var(--spacing-lg)}.widget-card{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-lg);transition:all var(--transition-normal)}.widget-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.widget-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:var(--spacing-md)}.widget-card-title{display:flex;flex-direction:column;gap:var(--spacing-xs)}.widget-card-title h4{color:var(--gray-800);font-size:16px;font-weight:600;margin:0}.widget-card-type{margin-bottom:var(--spacing-sm)}.widget-type-badge{border-radius:var(--radius-sm);letter-spacing:.05em;padding:4px 8px}.widget-card-description{color:var(--gray-600);font-size:14px;line-height:1.5;margin-bottom:var(--spacing-md)}.widget-card-stats{grid-gap:var(--spacing-sm);background:var(--gray-50);border-radius:var(--radius-md);display:grid;gap:var(--spacing-sm);grid-template-columns:repeat(2,1fr);margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}.widget-stat{text-align:center}.widget-stat-number{color:var(--gray-800);font-size:16px;font-weight:700;margin-bottom:2px}.widget-stat-label{color:var(--gray-500);font-size:11px;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.widget-card-actions{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.widget-card-actions .btn{flex:1 1;font-size:12px;padding:8px 12px}.widget-card-footer{border-top:1px solid var(--gray-200);padding-top:var(--spacing-sm);text-align:center}.widget-card-footer .text-muted{color:var(--gray-500);font-size:12px}.widget-name-cell strong{color:var(--gray-800);display:block;font-weight:600}.widget-description-small{color:var(--gray-500);font-size:12px;margin-top:2px}.material-widget-info{display:flex;flex-direction:column;gap:4px;max-width:250px}.material-widget-info .material-body-large{color:var(--gray-800);font-weight:600;line-height:1.3}.material-widget-info .material-body-small{word-wrap:break-word;color:var(--gray-600);line-height:1.4;overflow-wrap:break-word;white-space:normal}.conversion-rate{border-radius:var(--radius-sm);font-size:12px;font-weight:600;padding:2px 6px}.conversion-rate.high{background:var(--success-light);color:var(--success)}.conversion-rate.medium{background:var(--warning-light);color:#b45309}.conversion-rate.low{background:var(--error-light);color:var(--error)}.action-buttons{display:flex;gap:var(--spacing-xs)}.action-buttons .btn{font-size:11px;min-width:auto;padding:4px 8px}.widget-preview{background:var(--gray-50);border-radius:var(--radius-lg);margin-top:var(--spacing-lg);padding:var(--spacing-lg)}.widget-preview-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-md)}.widget-preview-header h4{color:var(--gray-800);font-size:16px;font-weight:600;margin:0}.widget-preview-controls{display:flex;gap:var(--spacing-sm)}.widget-preview-frame{align-items:center;background:#fff;border:2px dashed var(--gray-300);border-radius:var(--radius-md);display:flex;justify-content:center;min-height:200px;padding:var(--spacing-lg)}.widget-detail-view{background:#fff;border-radius:var(--radius-lg);max-width:100%;overflow:hidden}.widget-detail-header{align-items:center;background:var(--gray-50);border-bottom:1px solid var(--gray-200);display:flex;justify-content:flex-end;margin-bottom:0;padding:var(--spacing-lg) var(--spacing-xl)}.widget-detail-actions{display:flex;gap:var(--spacing-sm)}.widget-detail-actions .btn{font-size:13px;padding:8px 16px;white-space:nowrap}.widget-detail-content{padding:var(--spacing-lg)}.widget-detail-section{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-lg);margin-bottom:var(--spacing-2xl);overflow:hidden}.widget-detail-section:last-child{margin-bottom:0}.section-title{background:var(--gray-50);border-bottom:1px solid var(--gray-200);color:var(--gray-800);font-size:16px;font-weight:600;margin:0;padding:var(--spacing-lg) var(--spacing-xl)}.section-content{padding:var(--spacing-lg)}.widget-summary{border-bottom:1px solid var(--gray-200);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-lg)}.widget-description{color:var(--gray-600);font-size:14px;line-height:1.5;margin:0 0 var(--spacing-md) 0}.widget-type-badge{background:var(--medidev-blue-light);border-radius:var(--radius-md);color:var(--medidev-blue);display:inline-block;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.widget-basic-section .info-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.info-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.info-label{color:var(--gray-500);font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.info-value{color:var(--gray-800);font-size:14px;font-weight:500}.widget-analytics-section .analytics-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.analytics-card{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-md);padding:var(--spacing-lg);text-align:center}.analytics-content{display:flex;flex-direction:column;gap:var(--spacing-xs)}.analytics-number{color:var(--medidev-blue);font-size:24px;font-weight:700;line-height:1.2}.analytics-label{color:var(--gray-600);font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.widget-integration-section .integration-options{display:flex;flex-direction:column;gap:var(--spacing-lg)}.integration-row{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md)}.integration-info{width:100%}.integration-info h5{color:var(--gray-800);font-size:14px;font-weight:600;margin:0 0 var(--spacing-xs) 0}.integration-info p{color:var(--gray-600);font-size:12px;line-height:1.4;margin:0}.integration-code{width:100%}.code-block{align-items:flex-start;box-sizing:border-box;display:flex;font-size:11px;gap:6px;min-height:36px;padding:8px;width:100%}.code-block code{background:none;color:inherit;flex:1 1;font-family:inherit;font-size:inherit;-webkit-hyphens:auto;hyphens:auto;line-height:1.3;max-width:calc(100% - 40px);overflow-wrap:anywhere;white-space:pre-wrap;word-break:break-all}.copy-button,.open-button{align-items:center;align-self:flex-start;background:var(--gray-700);border:none;border-radius:var(--radius-sm);color:var(--gray-300);cursor:pointer;display:flex;flex-shrink:0;font-size:11px;height:24px;justify-content:center;padding:4px 6px;transition:all var(--transition-fast);width:24px}.copy-button:hover,.open-button:hover{background:var(--gray-600);color:#fff}.copy-button:disabled,.open-button:disabled{cursor:not-allowed;opacity:.5}.domain-restrictions{border-top:1px solid var(--gray-200);margin-top:var(--spacing-xl);padding-top:var(--spacing-lg)}.domain-restrictions h5{color:var(--gray-800);font-size:14px;font-weight:600;margin:0 0 var(--spacing-md) 0}.domain-tag{border:1px solid var(--medidev-blue)}.domain-none{color:var(--gray-500);font-size:13px;font-style:italic}.widget-config-section .config-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.config-item{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-md);padding:var(--spacing-md)}.config-label{color:var(--gray-500);font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.config-value-theme{background:var(--gray-100);border:1px solid var(--gray-300);border-radius:var(--radius-sm);display:inline-block;font-family:monospace;padding:2px 8px}.config-enabled{color:var(--success);font-weight:600}.config-disabled{color:var(--error);font-weight:600}.widget-preview-section .preview-container{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-lg);overflow:hidden}.preview-header{align-items:center;background:#fff;border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;padding:var(--spacing-lg)}.preview-title{color:var(--gray-800);font-size:16px;font-weight:600;margin:0}.preview-badge{background:var(--medidev-blue);border-radius:var(--radius-sm);color:#fff;font-size:10px;font-weight:600;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.preview-widget{padding:var(--spacing-xl)}.preview-steps{display:flex;gap:var(--spacing-sm);justify-content:space-between;margin-bottom:var(--spacing-lg)}.preview-step{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-xs);text-align:center}.preview-step.active .step-number{background:var(--medidev-blue);color:#fff}.preview-step.active .step-text{color:var(--medidev-blue);font-weight:600}.step-number{align-items:center;background:var(--gray-300);border-radius:50%;color:var(--gray-600);display:flex;font-size:12px;font-weight:600;height:28px;justify-content:center;width:28px}.step-text{color:var(--gray-600);font-size:11px;line-height:1.3}.preview-content{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-md);padding:var(--spacing-lg);text-align:center}.preview-description{color:var(--gray-600);font-size:14px;line-height:1.5;margin:0 0 var(--spacing-lg) 0}.preview-action-btn{background:var(--medidev-blue);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all var(--transition-normal)}.preview-action-btn:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.code-block{background:var(--gray-900);border-radius:var(--radius-md);color:var(--gray-100);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px;overflow-x:auto;padding:var(--spacing-md);position:relative}.copy-btn{background:var(--gray-700);border:none;border-radius:var(--radius-sm);color:var(--gray-300);cursor:pointer;font-size:12px;padding:4px 8px;position:absolute;right:var(--spacing-sm);top:var(--spacing-sm);transition:all var(--transition-fast)}.copy-btn:hover{background:var(--gray-600);color:#fff}.url-field{display:flex;gap:var(--spacing-sm)}.url-field .form-input{flex:1 1}.domain-list{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.domain-tag{background:var(--medidev-blue-light);border-radius:var(--radius-sm);color:var(--medidev-blue);font-size:12px;font-weight:500;padding:4px 8px}.config-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.config-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.config-item label{color:var(--gray-600);font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.config-value{color:var(--gray-800);font-size:14px;font-weight:500}.form-sections{padding-right:var(--spacing-sm)}.form-section{border-bottom:1px solid var(--gray-200);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg)}.form-section:last-child{border-bottom:none;margin-bottom:0}.form-section-title{color:var(--gray-800);font-size:16px;font-weight:600;margin-bottom:var(--spacing-lg)}.form-grid{grid-gap:var(--spacing-lg);gap:var(--spacing-lg)}.color-input{border-radius:var(--radius-md);cursor:pointer;height:40px;padding:4px;width:60px}.checkbox-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.checkbox-label{color:var(--gray-700);cursor:pointer;gap:var(--spacing-sm)}.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)}.filters-bar{background:var(--gray-50);border-bottom:1px solid var(--gray-200);gap:var(--spacing-lg);padding:var(--spacing-lg)}.search-section{flex:1 1;min-width:250px}.search-input{border:1px solid var(--gray-300);border-radius:var(--radius-md);font-size:14px;padding:10px 12px;transition:all var(--transition-normal);width:100%}.search-input:focus{border-color:var(--medidev-blue);box-shadow:0 0 0 3px #0e73e41a;outline:none}.filters-section{display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.filter-select{background:#fff;border:1px solid var(--gray-300);border-radius:var(--radius-md);font-size:14px;min-width:150px;padding:8px 12px;transition:all var(--transition-normal)}.filter-select:focus{border-color:var(--medidev-blue);box-shadow:0 0 0 3px #0e73e41a;outline:none}.view-controls{background:#fff;border:1px solid var(--gray-300);border-radius:var(--radius-md);display:flex;gap:var(--spacing-xs);padding:4px}.view-btn{background:#0000;border:none;border-radius:var(--radius-sm);color:var(--gray-600);cursor:pointer;font-size:12px;font-weight:500;padding:8px 12px;transition:all var(--transition-fast)}.view-btn.active,.view-btn:hover{background:var(--medidev-blue);color:#fff}.empty-state{color:var(--gray-500);padding:var(--spacing-2xl);text-align:center}.empty-state-icon{font-size:48px;margin-bottom:var(--spacing-lg)}.empty-state h3{color:var(--gray-700);margin-bottom:var(--spacing-md)}.empty-state p{margin-bottom:var(--spacing-lg)}@media (max-width:768px){.widgets-grid{gap:var(--spacing-md);grid-template-columns:1fr}.filters-bar{align-items:stretch;flex-direction:column;gap:var(--spacing-md)}.search-section{min-width:auto}.filters-section{justify-content:stretch}.filter-select{flex:1 1;min-width:auto}.analytics-grid,.widget-card-stats{grid-template-columns:repeat(2,1fr)}.analytics-grid{gap:var(--spacing-md)}.config-grid,.form-grid{grid-template-columns:1fr}.widget-detail-header{padding:var(--spacing-lg)}.widget-detail-actions,.widget-detail-header{justify-content:center}.widget-detail-actions .btn{flex:1 1}.widget-detail-content{padding:var(--spacing-lg)}.section-title{font-size:15px;padding:var(--spacing-md) var(--spacing-lg)}.section-content{padding:var(--spacing-lg)}.widget-analytics-section .analytics-grid,.widget-basic-section .info-grid{gap:var(--spacing-md);grid-template-columns:repeat(2,1fr)}.integration-row{gap:var(--spacing-xs);padding:var(--spacing-sm)}.widget-config-section .config-grid{gap:var(--spacing-md);grid-template-columns:repeat(2,1fr)}.preview-steps{flex-wrap:wrap;gap:var(--spacing-md);justify-content:center}.preview-step{flex:0 1 auto;min-width:80px}.action-buttons{flex-direction:column}.action-buttons .btn{width:100%}.checkbox-grid{grid-template-columns:1fr}.form-actions{flex-direction:column-reverse}.form-actions .btn{width:100%}.url-field,.widget-preview-controls{flex-direction:column}.widget-preview-controls .btn{width:100%}}@media (max-width:480px){.widget-manager-view{padding:var(--spacing-sm)}.stats-grid{gap:var(--spacing-sm);grid-template-columns:repeat(2,1fr)}.widget-card{padding:var(--spacing-md)}.analytics-grid,.widget-analytics-section .analytics-grid,.widget-basic-section .info-grid,.widget-card-stats,.widget-config-section .config-grid{grid-template-columns:1fr}.integration-row{padding:6px}.section-title{font-size:14px;padding:var(--spacing-sm) var(--spacing-md)}.preview-widget,.section-content,.widget-detail-content,.widget-detail-header{padding:var(--spacing-md)}.preview-steps{flex-direction:column;gap:var(--spacing-sm)}.preview-step{flex-direction:row;min-width:auto;text-align:left}.code-block{gap:4px;min-height:32px;padding:6px}.code-block code{font-size:10px;max-width:calc(100% - 28px)}.copy-button,.open-button{font-size:10px;height:20px;width:20px}}.integrations-view{margin:0 auto;max-width:1400px}.integrations-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(350px,1fr));padding:var(--spacing-lg)}.integration-card{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-lg);transition:all var(--transition-normal)}.integration-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.integration-header{align-items:flex-start;display:flex;gap:var(--spacing-md);justify-content:space-between}.integration-info{display:flex;flex:1 1;gap:var(--spacing-sm)}.integration-icon{align-items:center;background:var(--gray-100);border-radius:var(--radius-md);display:flex;flex-shrink:0;font-size:24px;height:40px;justify-content:center;width:40px}.integration-details{flex:1 1;min-width:0}.integration-name{color:var(--gray-900);font-size:16px;font-weight:600;line-height:1.3;margin-bottom:4px}.integration-description{color:var(--gray-600);font-size:13px;line-height:1.4;margin-bottom:var(--spacing-sm)}.integration-sync{color:var(--gray-500);font-size:12px;margin-bottom:var(--spacing-sm)}.integration-features{display:flex;flex-wrap:wrap;gap:4px;margin-top:var(--spacing-xs)}.feature-tag{background:var(--gray-100);border-radius:12px;color:var(--gray-700);font-size:11px;font-weight:500;padding:2px 6px;white-space:nowrap}.integration-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-top:auto}.integration-actions .btn{flex:1 1;font-size:13px;justify-content:center;min-width:80px;padding:8px 12px}.integration-actions .btn-sm{flex:0 0 auto;min-width:auto;padding:6px 10px}.no-integrations{color:var(--gray-500);font-style:italic;grid-column:1/-1;padding:var(--spacing-2xl);text-align:center}.integration-card .status-badge{align-self:flex-start;flex-shrink:0}.integration-card:has(.status-active){background:linear-gradient(to bottom,#fff,var(--success-light));border-color:var(--success)}.integration-card:has(.status-active) .integration-icon{background:var(--success-light);color:var(--success)}.integration-card:has(.status-pending) .integration-icon{background:var(--gray-100);color:var(--gray-500)}.integration-card:has(.status-cancelled){background:linear-gradient(to bottom,#fff,var(--error-light));border-color:var(--error)}.integration-card:has(.status-cancelled) .integration-icon{background:var(--error-light);color:var(--error)}@media (max-width:1024px){.integrations-grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.integration-card,.integrations-grid{padding:var(--spacing-md)}}@media (max-width:768px){.integrations-grid{gap:var(--spacing-sm);grid-template-columns:1fr;padding:var(--spacing-sm)}.integration-header{align-items:stretch;flex-direction:column;gap:var(--spacing-sm)}.integration-info{align-items:flex-start}.integration-actions{flex-direction:column}.integration-actions .btn{flex:none;width:100%}.integration-actions .btn-sm{align-self:flex-start;width:auto}}@media (max-width:480px){.integration-card{padding:var(--spacing-sm)}.integration-icon{font-size:18px;height:32px;width:32px}.integration-name{font-size:14px}.integration-description{font-size:12px}}.slideout-content::-webkit-scrollbar{width:var(--space-2)}.slideout-content::-webkit-scrollbar-track{background:var(--neutral-100);border-radius:var(--radius-sm)}.slideout-content::-webkit-scrollbar-thumb{background:var(--neutral-400);border-radius:var(--radius-sm);-webkit-transition:background-color var(--transition-fast);transition:background-color var(--transition-fast)}.slideout-content::-webkit-scrollbar-thumb:hover{background:var(--neutral-500)}.slideout-content{scrollbar-color:var(--neutral-400) var(--neutral-100)}.card-actions{align-items:center;display:flex;gap:var(--space-2)}.card-actions .btn{border:1px solid #0000;cursor:pointer;outline:none}.filters-bar{align-items:center;background:var(--neutral-50);border-bottom:var(--border-width) solid var(--border-color);flex-wrap:wrap;gap:var(--space-4);padding:var(--space-6)}.filter-group{display:flex;flex-direction:column;gap:var(--space-1)}.filter-select,.search-input{background:var(--neutral-white);border:var(--border-width) solid var(--border-color);border-radius:var(--radius-md);color:var(--neutral-900);cursor:pointer;font-size:var(--text-sm);outline:none;padding:var(--space-2) var(--space-3);transition:all var(--transition-normal)}.filter-select:focus,.search-input:focus{border-color:var(--primary-600);box-shadow:var(--ring-primary)}.filter-select{min-width:120px}.user-management-view{margin:0 auto;max-width:1400px}.user-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.user-card,.user-grid{padding:var(--spacing-lg)}.user-card{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--spacing-md);position:relative;transition:all var(--transition-normal)}.user-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.user-checkbox{position:absolute;right:var(--spacing-sm);top:var(--spacing-sm)}.user-checkbox input[type=checkbox]{accent-color:var(--medidev-blue);height:16px;width:16px}.user-main{align-items:center;display:flex;gap:var(--spacing-sm)}.user-avatar-sm{background:linear-gradient(135deg,var(--medidev-blue),var(--medidev-blue-dark));flex-shrink:0;font-size:16px;height:48px;width:48px}.user-info{min-width:0}.user-name{color:var(--gray-900);font-size:16px;font-weight:600;line-height:1.3;margin-bottom:4px}.user-email{color:var(--gray-600);margin-bottom:var(--spacing-sm);word-break:break-word}.user-meta{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.user-details{flex:1 1}.user-clinics{margin-bottom:var(--spacing-md)}.user-clinics-label{color:var(--gray-600);font-size:11px;font-weight:600;letter-spacing:.05em;margin-bottom:var(--spacing-sm);text-transform:uppercase}.user-clinic-item{align-items:center;border-bottom:1px solid var(--gray-100);display:flex;font-size:13px;justify-content:space-between;padding:var(--spacing-xs) 0}.user-clinic-item:last-child{border-bottom:none}.user-last-active{color:var(--gray-500);font-size:12px;font-style:italic}.user-actions{align-items:center;display:flex;gap:var(--spacing-xs);margin-top:auto}.user-actions .btn{flex:1 1;font-size:12px;justify-content:center;padding:6px 10px}.user-dropdown{position:relative}.user-dropdown-menu{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);display:none;min-width:150px;padding:var(--spacing-xs);position:absolute;right:0;top:100%;z-index:1000}.user-dropdown:hover .user-dropdown-menu{display:block}.user-dropdown-menu button{background:none;border:none;border-radius:var(--radius-sm);color:var(--gray-700);cursor:pointer;display:block;font-size:12px;padding:var(--spacing-xs) var(--spacing-sm);text-align:left;transition:all var(--transition-fast);width:100%}.user-dropdown-menu button:hover{background:var(--gray-100);color:var(--gray-900)}.role-badge{align-items:center;border-radius:12px;display:inline-flex;font-size:10px;font-weight:600;letter-spacing:.05em;line-height:1.2;padding:2px 8px;text-transform:uppercase}.role-super-admin{background:linear-gradient(135deg,var(--medidev-blue),var(--medidev-blue-dark));box-shadow:0 2px 4px #0e73e44d;color:#fff}.role-company-admin{background:linear-gradient(135deg,var(--medidev-turquoise),#36d399);box-shadow:0 2px 4px #4ae7cd4d;color:var(--gray-900)}.role-clinic-manager{background:linear-gradient(135deg,var(--medidev-seaglass),#6b7280);box-shadow:0 2px 4px #8195954d;color:#fff}.role-practitioner{background:linear-gradient(135deg,var(--success),#059669);box-shadow:0 2px 4px #10b9814d;color:#fff}.role-receptionist{background:linear-gradient(135deg,var(--medidev-rose),#ef4444);box-shadow:0 2px 4px #ff45594d;color:#fff}.role-default{background:linear-gradient(135deg,var(--gray-200),var(--gray-300));color:var(--gray-700)}.slideout-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#10254299!important;bottom:0!important;cursor:pointer;left:0!important;opacity:1;position:fixed!important;transition:all .3s ease;visibility:visible;z-index:9999!important}.slideout-overlay,.slideout-panel{pointer-events:auto!important;right:0!important;top:0!important}.slideout-panel{background:#fff!important;box-shadow:var(--shadow-xl);cursor:default;display:flex;flex-direction:column;height:100vh!important;max-width:500px;overflow:hidden;position:absolute!important;transform:translateX(0);transition:transform .3s ease;width:100%;z-index:10000!important}.slideout-header{align-items:center;background:var(--gray-50);border-bottom:1px solid var(--gray-200);display:flex;flex-shrink:0;justify-content:space-between;padding:var(--spacing-lg)}.slideout-title{color:var(--gray-900);font-size:20px;font-weight:700;margin:0}.slideout-close{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--gray-400);cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;outline:none;padding:4px;transition:all var(--transition-normal);-webkit-user-select:none;user-select:none;width:32px}.slideout-close:hover{background:var(--gray-200);color:var(--gray-600)}.slideout-content{-webkit-overflow-scrolling:touch;flex:1 1;max-height:calc(100vh - 140px);overflow-x:hidden;overflow-y:auto!important;scrollbar-width:thin}.slideout-content,.slideout-footer{padding:var(--spacing-lg);pointer-events:auto!important;position:relative;z-index:10001!important}.slideout-footer{background:var(--gray-50);border-top:1px solid var(--gray-200);display:flex;flex-shrink:0;gap:var(--spacing-sm)}.slideout-footer .btn{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer!important;display:inline-flex;font-size:14px;font-weight:500;justify-content:center;outline:none;padding:10px 16px;pointer-events:auto!important;position:relative;text-decoration:none;transition:all var(--transition-normal);-webkit-user-select:none;user-select:none;z-index:1}.slideout-footer .btn-primary{background:var(--medidev-blue);color:#fff}.slideout-footer .btn-primary:hover{background:var(--medidev-blue-dark);transform:translateY(-1px)}.slideout-footer .btn-secondary{background:var(--gray-200);color:var(--gray-700)}.slideout-footer .btn-secondary:hover{background:var(--gray-300);color:var(--gray-900)}.slideout-footer .btn-danger{background:var(--error);color:#fff}.slideout-footer .btn-danger:hover{background:#dc2626;transform:translateY(-1px)}.slideout-form{gap:var(--spacing-md);min-height:100%;padding-bottom:var(--spacing-lg)}.slideout-form,.user-details-view{display:flex;flex-direction:column}.user-details-view{gap:var(--spacing-lg)}.user-details-header{align-items:center;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-lg);display:flex;gap:var(--spacing-md);padding:var(--spacing-lg)}.user-avatar-lg{align-items:center;background:linear-gradient(135deg,var(--medidev-blue),var(--medidev-blue-dark));border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:28px;font-weight:700;height:80px;justify-content:center;width:80px}.user-details-info h3{color:var(--gray-900);font-size:24px;font-weight:700;margin:0 0 var(--spacing-xs) 0}.user-details-meta{color:var(--gray-600);font-size:16px;margin-bottom:var(--spacing-sm)}.user-details-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.detail-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.detail-label{color:var(--gray-500);font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.detail-value{color:var(--gray-900);font-size:14px;font-weight:500}.user-clinics-details{margin-top:var(--spacing-lg)}.user-clinics-details h4{color:var(--gray-900);font-size:16px;font-weight:600;margin:0 0 var(--spacing-md) 0}.clinic-access-item{align-items:center;border:1px solid var(--gray-200);border-radius:var(--radius-md);display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-sm);padding:var(--spacing-md)}.clinic-info{flex:1 1}.clinic-name{color:var(--gray-900);font-weight:500;margin-bottom:2px}.clinic-role{color:var(--gray-600);font-size:12px}.user-permissions-details{margin-top:var(--spacing-lg)}.user-permissions-details h4{color:var(--gray-900);font-size:16px;font-weight:600;margin:0 0 var(--spacing-md) 0}.permissions-list{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.permission-tag{align-items:center;background:var(--gray-100);border:1px solid var(--gray-200);border-radius:var(--radius-sm);color:var(--gray-700);display:inline-flex;font-size:11px;font-weight:500;padding:4px 8px;text-transform:capitalize}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:var(--spacing-lg);position:fixed;right:0;top:0;z-index:2000}.modal-content{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-height:90vh;max-width:600px;overflow-y:auto;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-header h3{color:var(--gray-900);font-size:18px;font-weight:700;margin:0}.modal-close{background:none;border:none;border-radius:var(--radius-sm);color:var(--gray-400);cursor:pointer;font-size:24px;padding:var(--spacing-xs);transition:all var(--transition-normal)}.modal-close:hover{background:var(--gray-100);color:var(--gray-600)}.modal-form{padding:var(--spacing-lg)}.form-grid{grid-gap:var(--spacing-md);gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:var(--spacing-lg)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.form-label{color:var(--gray-700);font-size:14px;font-weight:600}.form-input{background:#fff!important;border:1px solid var(--gray-300);border-radius:var(--radius-md);color:var(--gray-900);font-size:14px;outline:none;padding:10px 12px;pointer-events:auto!important;position:relative;transition:all var(--transition-normal);z-index:1}.form-input:focus{border-color:var(--medidev-blue);box-shadow:0 0 0 3px #0e73e41a;outline:none}.clinic-checkboxes{grid-gap:var(--spacing-sm);border:1px solid var(--gray-200);border-radius:var(--radius-md);display:grid;gap:var(--spacing-sm);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding:var(--spacing-sm);z-index:10001!important}.checkbox-label,.clinic-checkboxes{pointer-events:auto!important;position:relative}.checkbox-label{align-items:center;border-radius:var(--radius-sm);cursor:pointer!important;display:flex;font-size:14px;gap:var(--spacing-xs);padding:var(--spacing-xs);transition:all var(--transition-normal);z-index:1}.checkbox-label:hover{background:var(--gray-50)}.checkbox-label input[type=checkbox]{accent-color:var(--medidev-blue);cursor:pointer!important;height:16px;pointer-events:auto!important;position:relative;width:16px;z-index:10003!important}.modal-actions{border-top:1px solid var(--gray-200);display:flex;gap:var(--spacing-sm);justify-content:flex-end;padding-top:var(--spacing-lg)}.bulk-actions{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-lg)}.bulk-actions .btn{font-size:14px;justify-content:flex-start;padding:var(--spacing-md)}.no-users{color:var(--gray-500);font-style:italic;grid-column:1/-1;padding:var(--spacing-2xl);text-align:center}.btn-warning{background:var(--warning);border-color:var(--warning);color:#fff}.btn-warning:hover{background:#d97706;border-color:#d97706}.user-card:has(.status-active){border-left:4px solid var(--success)}.user-card:has(.status-cancelled){border-left:4px solid var(--error);opacity:.8}@media (max-width:1024px){.user-grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.user-card,.user-grid{padding:var(--spacing-md)}.clinic-checkboxes,.form-grid{grid-template-columns:1fr}}@media (max-width:768px){.user-grid{gap:var(--spacing-sm);grid-template-columns:1fr;padding:var(--spacing-sm)}.user-main{align-items:stretch;flex-direction:column;gap:var(--spacing-sm);text-align:center}.user-avatar-sm{align-self:center;font-size:14px;height:40px;width:40px}.user-actions{flex-direction:column}.user-actions .btn{flex:none;width:100%}.user-dropdown{order:-1}.user-meta{justify-content:center}.modal-overlay{padding:var(--spacing-sm)}.modal-actions{flex-direction:column}.bulk-actions .btn{text-align:center}.slideout-panel{max-width:100%}.slideout-content,.slideout-header{padding:var(--spacing-md)}.slideout-footer,.user-details-header{flex-direction:column;padding:var(--spacing-md)}.user-details-header{text-align:center}.user-details-grid{grid-template-columns:1fr}}@media (max-width:480px){.user-card{padding:var(--spacing-sm)}.user-name{font-size:14px}.user-email{font-size:12px}.role-badge{font-size:9px;padding:1px 6px}.modal-form,.modal-header{padding:var(--spacing-md)}}.roles-permissions-view{min-height:100vh}.view-header{align-items:flex-start;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:space-between;margin-bottom:24px;padding:24px}.view-header h2{color:#1f2937;font-size:28px;font-weight:600;margin:0 0 8px}.view-header p{color:#6b7280;font-size:16px;margin:0}.header-actions{display:flex;gap:12px}.view-tabs{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;gap:4px;margin-bottom:24px;padding:4px}.tab{background:#0000;border:none;border-radius:6px;color:#6b7280;cursor:pointer;flex:1 1;font-weight:500;padding:12px 24px;transition:all .2s ease}.tab.active{background:#3b82f6;color:#fff}.tab:hover:not(.active){background:#f3f4f6;color:#374151}.filters-bar{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;gap:16px;margin-bottom:24px;padding:16px}.filter-group{flex:1 1;max-width:300px}.roles-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.role-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px;transition:all .2s ease}.role-card:hover{border-color:#d1d5db;box-shadow:0 4px 12px #0000001a}.role-header{align-items:flex-start;justify-content:space-between;margin-bottom:16px}.role-info{align-items:flex-start;display:flex;flex:1 1;gap:12px}.role-color-indicator{border-radius:2px;flex-shrink:0;height:48px;width:4px}.role-color-indicator-sm{border-radius:2px;flex-shrink:0;height:32px;width:4px}.role-color-indicator-lg{border-radius:3px;flex-shrink:0;height:64px;width:6px}.role-color-indicator-xs{border-radius:2px;flex-shrink:0;height:12px;width:12px}.role-card h4{color:#1f2937;font-size:18px;font-weight:600;margin:0 0 4px}.role-description{color:#6b7280;font-size:14px;line-height:1.4;margin:0}.role-badges{display:flex;flex-wrap:wrap;gap:8px}.badge{border-radius:4px;font-size:12px;font-weight:500;letter-spacing:.05em;padding:4px 8px;text-transform:uppercase}.badge-system{background:#fef3c7;color:#92400e}.badge-level{background:#e0e7ff;color:#3730a3}.badge-template{background:#d1fae5;color:#065f46}.role-stats{display:flex;gap:24px;margin-bottom:16px}.stat{text-align:center}.stat-value{color:#1f2937;display:block;font-size:24px;font-weight:600}.permission-breakdown{margin-bottom:20px}.permission-breakdown h5{color:#374151;font-size:14px;font-weight:600;margin:0 0 8px}.breakdown-list{display:flex;flex-direction:column;gap:4px}.breakdown-item{align-items:center;display:flex;font-size:13px;justify-content:space-between;padding:4px 0}.breakdown-item span:first-child{color:#374151}.breakdown-item .count{background:#f3f4f6;border-radius:4px;color:#6b7280;font-size:11px;font-weight:500;padding:2px 6px}.role-actions{display:flex;flex-wrap:wrap;gap:8px}.role-form{display:flex;flex-direction:column;max-height:calc(100vh - 120px);overflow-y:auto}.form-sections{flex:1 1}.form-section{margin-bottom:32px}.form-section h4{border-bottom:2px solid #f3f4f6;color:#1f2937;font-size:18px;font-weight:600;margin:0 0 16px;padding-bottom:8px}.form-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.restrictions-grid{display:flex;flex-direction:column;gap:12px}.permissions-categories{display:flex;flex-direction:column;gap:24px}.permission-category{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.category-header{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:16px}.category-info{align-items:center;display:flex;flex:1 1;gap:12px}.category-icon{font-size:20px}.category-info h5{color:#1f2937;font-size:16px;font-weight:600;margin:0 0 4px}.category-info p{color:#6b7280;font-size:14px;margin:0}.category-controls{align-items:center;display:flex;gap:12px}.permission-count{color:#6b7280;font-size:14px;font-weight:500}.category-permissions{display:flex;flex-direction:column;gap:12px;padding:16px}.permission-checkbox{align-items:flex-start;cursor:pointer;display:flex;gap:12px}.permission-checkbox input[type=checkbox]{height:16px;margin:2px 0 0;width:16px}.permission-info{flex:1 1}.permission-label{color:#1f2937;display:block;font-weight:500;margin-bottom:2px}.permission-description{color:#6b7280;display:block;font-size:13px;line-height:1.4}.role-detail{display:flex;flex-direction:column;max-height:calc(100vh - 120px);overflow-y:auto}.detail-sections{flex:1 1}.detail-section{margin-bottom:32px}.detail-section h4{border-bottom:2px solid #f3f4f6;color:#1f2937;font-size:18px;font-weight:600;margin:0 0 16px;padding-bottom:8px}.detail-header{align-items:flex-start;background:#f9fafb;border-radius:8px;display:flex;gap:16px;margin-bottom:24px;padding:24px}.role-header-info h3{color:#1f2937;font-size:24px;font-weight:600;margin:0 0 8px}.role-stats-detailed{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.stat-item{background:#f9fafb;border-radius:8px;padding:16px;text-align:center}.assigned-users-list{display:flex;flex-direction:column;gap:12px}.assigned-user-item{align-items:center;background:#f9fafb;border-radius:8px;display:flex;gap:12px;padding:12px}.user-avatar-sm{align-items:center;background:#3b82f6;border-radius:50%;color:#fff;display:flex;font-size:14px;font-weight:600;height:36px;justify-content:center;width:36px}.user-info{flex:1 1}.user-name{color:#1f2937;font-weight:500;margin-bottom:2px}.user-email{color:#6b7280;font-size:13px}.permission-matrix{background:#fff;border-radius:8px;overflow:hidden}.matrix-header{background:#f9fafb;border-bottom:1px solid #e5e7eb;justify-content:space-between;padding:20px}.matrix-filters,.matrix-header{align-items:center;display:flex}.matrix-filters{gap:12px}.matrix-legend{gap:20px}.legend-item,.matrix-legend{align-items:center;display:flex}.legend-item{font-size:14px;gap:8px}.permission-denied,.permission-granted{border-radius:2px;height:16px;width:16px}.permission-granted{background:#10b981}.permission-denied{background:#ef4444}.matrix-container{max-height:70vh;overflow-x:auto;overflow-y:auto}.matrix-table{background:#fff;border-collapse:collapse;width:100%}.matrix-table td,.matrix-table th{border-bottom:1px solid #e5e7eb;padding:12px;text-align:left}.matrix-table th{background:#f9fafb;font-weight:600;position:-webkit-sticky;position:sticky;top:0;z-index:10}.permission-column{min-width:300px;width:300px}.role-column{min-width:120px;text-align:center;width:120px}.role-header{align-items:center;display:flex;flex-direction:column;gap:8px}.role-name{font-size:12px;line-height:1.2;text-align:center}.permission-details,.permission-info{align-items:flex-start;display:flex;gap:12px}.permission-cell{padding:8px;text-align:center}.permission-status{align-items:center;border-radius:4px;color:#fff;display:flex;font-size:14px;font-weight:600;height:24px;justify-content:center;margin:0 auto;width:24px}.permission-status.granted{background:#10b981}.permission-status.denied{background:#ef4444}.assignments-table-container{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.assignments-table{border-collapse:collapse;width:100%}.assignments-table td,.assignments-table th{border-bottom:1px solid #e5e7eb;padding:12px 16px;text-align:left}.assignments-table th{background:#f9fafb;color:#374151;font-weight:600}.user-avatar-xs{align-items:center;background:#3b82f6;border-radius:50%;color:#fff;display:flex;font-size:10px;font-weight:600;height:24px;justify-content:center;width:24px}.assignment-row .role-info,.assignment-row .user-info{align-items:center;display:flex;gap:8px}.expired-date{color:#ef4444;font-weight:500}.status-expired{background:#fee2e2;color:#dc2626}.bulk-assignment-form{display:flex;flex-direction:column;max-height:calc(100vh - 120px);overflow-y:auto}.assignments-section{flex:1 1;margin-bottom:24px}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.assignments-list{display:flex;flex-direction:column;gap:20px}.assignment-item{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.assignment-header{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:12px 16px}.assignment-form{padding:16px}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:16px}.location-checkboxes{display:flex;flex-wrap:wrap;gap:12px}.assignment-summary{background:#f0f9ff;border-radius:6px;color:#0369a1;font-size:14px;margin-top:16px;padding:12px}.audit-log{background:#fff;border-radius:8px;overflow:hidden}.audit-header{background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:20px}.audit-header h4{color:#1f2937;font-size:18px;font-weight:600;margin:0 0 4px}.audit-header p{color:#6b7280;margin:0}.audit-timeline{max-height:70vh;overflow-y:auto}.audit-entry{border-bottom:1px solid #f3f4f6;display:flex;gap:16px;padding:20px}.audit-entry:last-child{border-bottom:none}.audit-icon{align-items:center;background:#f3f4f6;border-radius:50%;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.action-icon{font-size:16px}.audit-content{flex:1 1}.audit-header-info{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:8px}.audit-details strong{color:#1f2937}.role-reference{align-items:center;color:#6b7280;display:flex;font-size:14px;gap:6px;margin-top:4px}.audit-timestamp{color:#6b7280;font-size:12px;text-align:right}.audit-date{font-weight:500}.audit-metadata{color:#6b7280;display:flex;flex-direction:column;font-size:14px;gap:4px}.role-templates{background:#fff;border-radius:8px;padding:24px}.templates-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.template-card{border:1px solid #e5e7eb;border-radius:8px;padding:20px;transition:all .2s ease}.template-card:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f61a}.template-restrictions{margin-bottom:20px}.template-restrictions h5{color:#374151;font-size:14px;font-weight:600;margin:0 0 8px}.restrictions-preview{display:flex;flex-wrap:wrap;gap:6px}.restriction-tag{background:#fef3c7;border-radius:4px;color:#92400e;font-size:11px;font-weight:500;letter-spacing:.05em;padding:4px 8px;text-transform:uppercase}.restriction-tag.no-restrictions{background:#d1fae5;color:#065f46}@media (max-width:768px){.form-grid,.roles-grid{grid-template-columns:1fr}.role-stats{justify-content:space-around}.matrix-container{font-size:14px}.view-header{align-items:stretch;flex-direction:column;gap:16px}.header-actions{justify-content:flex-end}}
/*# sourceMappingURL=main.533e193a.css.map*/