@import url(https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;700;800&display=swap);:root{--color-primary:#4dd9b4;--color-primary-dark:#3cc4a1;--color-primary-light:#e8f8f4;--color-secondary-purple:#c9b8e8;--color-secondary-purple-light:#f0ebf8;--color-secondary-yellow:#f5e6c3;--color-secondary-yellow-light:#faf6ed;--color-secondary-pink:#f0c4cf;--color-secondary-pink-light:#faf0f3;--color-secondary-blue:#b8d4e8;--color-background:#f8fafa;--color-background-alt:#f2f5f5;--color-card:#fff;--color-text-primary:#1f2937;--color-text-secondary:#6b7280;--color-text-light:#9ca3af;--color-text-white:#fff;--color-border:#e5e7eb;--color-border-light:#f3f4f6;--color-success:#34d399;--color-warning:#fbbf24;--color-error:#f87171;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000a;--shadow-md:0 4px 12px -2px #0000000f;--shadow-lg:0 8px 24px -4px #00000014;--shadow-xl:0 16px 40px -8px #0000001a;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--spacing-3xl:64px;--spacing-4xl:96px;--container-max-width:1200px;--container-padding:20px;--transition-fast:150ms ease;--transition-normal:250ms ease;--transition-slow:350ms ease;--z-dropdown:100;--z-sticky:200;--z-modal:300;--z-tooltip:400}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-background);color:var(--color-text-primary);direction:rtl;font-family:Rubik,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;text-align:right}[contenteditable=true],button,input,select,textarea{font-family:inherit;font-size:inherit}#root{display:flex;flex-direction:column;min-height:100vh}h1,h2,h3,h4,h5,h6{color:var(--color-text-primary);font-weight:700;line-height:1.3}h1{font-size:3rem}h2{font-size:2.25rem}h3{font-size:1.5rem}h4{font-size:1.25rem}p{color:var(--color-text-secondary);font-size:1rem;line-height:1.7}a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-dark)}.container{margin:0 auto;max-width:var(--container-max-width);padding:0 var(--container-padding);width:100%}.section{padding:var(--spacing-4xl) 0}.section-title{margin-bottom:var(--spacing-3xl);text-align:center}.section-title h2{margin-bottom:var(--spacing-md)}.section-title p{margin:0 auto;max-width:600px}@media (max-width:768px){h1{font-size:2.25rem}h2{font-size:1.75rem}h3{font-size:1.25rem}.section{padding:var(--spacing-3xl) 0}}@media (max-width:480px){h1{font-size:1.875rem}h2{font-size:1.5rem}.section{padding:var(--spacing-2xl) 0}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-fade-in{animation:fadeIn .6s ease forwards}.animate-fade-in-up{animation:fadeInUp .6s ease forwards}::selection{background-color:var(--color-primary);color:var(--color-text-primary)}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:var(--color-background-alt)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-light)}.toast-container{display:flex;flex-direction:column;gap:8px;left:50%;max-width:90vw;pointer-events:none;position:fixed;top:80px;transform:translateX(-50%);width:400px;z-index:10000}.toast{align-items:center;animation:toastSlideIn .3s ease-out;background:#fff;border-radius:10px;box-shadow:0 4px 20px #00000026,0 0 0 1px #0000000d;direction:rtl;display:flex;gap:12px;padding:12px 16px;pointer-events:auto;text-align:right}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.toast-success{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid #a7f3d0}.toast-success .toast-icon{color:#059669}.toast-error{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fecaca}.toast-error .toast-icon{color:#dc2626}.toast-warning{background:linear-gradient(135deg,#fffbeb,#fef3c7);border:1px solid #fde68a}.toast-warning .toast-icon{color:#d97706}.toast-info{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #bfdbfe}.toast-info .toast-icon{color:#2563eb}.toast-icon{align-items:center;display:flex;flex-shrink:0;justify-content:center}.toast-message{color:#1f2937;flex:1 1;font-size:14px;font-weight:500;line-height:1.4}.toast-close{align-items:center;background:#0000;border:none;border-radius:6px;color:#9ca3af;cursor:pointer;display:flex;flex-shrink:0;height:24px;justify-content:center;transition:all .2s ease;width:24px}.toast-close:hover{background:#00000014;color:#4b5563}@media (max-width:768px){.toast-container{bottom:20px;left:16px;max-width:none;right:16px;top:auto;transform:none;width:auto}.toast{animation:toastSlideUp .3s ease-out}@keyframes toastSlideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}}.loading-screen{align-items:center;background:var(--color-background);display:flex;flex-direction:column;gap:var(--spacing-lg);justify-content:center;min-height:100vh}.loading-spinner{animation:spin 1s linear infinite;border:4px solid var(--color-border-light);height:50px;width:50px}.loading-screen p{color:var(--color-text-secondary);font-size:1.1rem}.btn{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-family:inherit;font-weight:500;gap:var(--spacing-sm);justify-content:center;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background:#4dd9b41f;border:1px solid #4dd9b440;color:#2a9d7e;font-weight:500}.btn-primary:hover:not(:disabled){background:#4dd9b42e;border-color:#4dd9b459;transform:translateY(-1px)}.btn-primary:active:not(:disabled){background:#4dd9b438;transform:translateY(0)}.btn-secondary{background:var(--color-card);color:var(--color-text-primary)}.btn-secondary:hover:not(:disabled){background:var(--color-primary-light);border-color:var(--color-primary)}.btn-outline{background:#0000;border:1.5px solid var(--color-border);color:var(--color-text-primary)}.btn-outline:hover:not(:disabled){background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary-dark)}.btn-ghost{background:#0000;color:var(--color-text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--color-background-alt);color:var(--color-text-primary)}.btn-small{font-size:.85rem;padding:10px var(--spacing-md)}.btn-medium{font-size:.95rem;padding:14px var(--spacing-xl)}.btn-large{font-size:1rem;padding:16px var(--spacing-2xl)}.btn-full-width{width:100%}.header{background:#0000;left:0;padding:var(--spacing-md) 0;position:fixed;right:0;top:0;transition:all var(--transition-normal);z-index:var(--z-sticky)}.header-scrolled{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;box-shadow:var(--shadow-sm);padding:var(--spacing-sm) 0}.header-container{align-items:center;display:flex;gap:var(--spacing-xl);justify-content:space-between}.header-logo{flex-shrink:0}.logo-wrapper{align-items:center;display:flex;gap:var(--spacing-sm)}.logo-icon{height:24px;object-fit:contain;width:24px}.header-nav{display:flex;flex:1 1;justify-content:center}.nav-links{align-items:center;display:flex;gap:var(--spacing-xs);list-style:none}.nav-link{background:none;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;font-family:inherit;font-size:1rem;font-weight:500;padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.nav-link:hover{background:var(--color-background-alt);color:var(--color-text-primary)}.header-actions{flex-shrink:0}.mobile-menu-toggle{align-items:center;background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;display:none;flex-direction:column;gap:5px;height:40px;justify-content:center;padding:var(--spacing-sm);width:40px}.mobile-menu-toggle span{background:var(--color-text-primary);border-radius:2px;display:block;height:2px;transition:all var(--transition-fast);width:24px}.mobile-menu-toggle.menu-open span:first-child{transform:rotate(45deg) translate(5px,5px)}.mobile-menu-toggle.menu-open span:nth-child(2){opacity:0}.mobile-menu-toggle.menu-open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}@media (max-width:900px){.header-nav{background:var(--color-card);border-radius:0 0 var(--radius-lg) var(--radius-lg);box-shadow:var(--shadow-lg);left:0;opacity:0;padding:var(--spacing-xl);position:fixed;right:0;top:70px;transform:translateY(-150%);transition:all var(--transition-normal)}.header-nav.nav-open{opacity:1;transform:translateY(0)}.nav-links{flex-direction:column;gap:var(--spacing-sm)}.nav-link{padding:var(--spacing-md);text-align:center;width:100%}.header-actions{display:none}.header-nav.nav-open+.header-actions{display:block}.mobile-menu-toggle{display:flex}}@media (max-width:480px){.logo-text{font-size:1.25rem}.logo-icon{height:25px;width:25px}}.footer{background:var(--color-text-primary);color:var(--color-text-white);margin-top:auto;padding:var(--spacing-4xl) 0 var(--spacing-xl)}.footer-content{grid-gap:var(--spacing-4xl);border-bottom:1px solid #ffffff1a;display:grid;gap:var(--spacing-4xl);grid-template-columns:1.5fr 2fr;padding-bottom:var(--spacing-3xl)}.footer-brand{max-width:350px}.footer-logo{display:inline-block;margin-bottom:var(--spacing-md)}.footer-logo .logo-wrapper{align-items:center;display:flex;gap:var(--spacing-sm)}.footer-logo .logo-icon{height:22px;object-fit:contain;width:22px}.footer-logo .logo-text{color:var(--color-text-white);font-size:1.5rem;font-weight:700}.footer-tagline{color:var(--color-primary);font-size:1.125rem;font-weight:600;margin-bottom:var(--spacing-md)}.footer-description{color:#ffffffb3;font-size:.95rem;line-height:1.7}.footer-links{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(3,1fr)}.footer-links-column h4{color:var(--color-text-white);font-size:1rem;font-weight:600;margin-bottom:var(--spacing-lg)}.footer-links-column ul{display:flex;flex-direction:column;gap:var(--spacing-sm);list-style:none}.footer-links-column a,.footer-links-column button{background:none;border:none;color:#ffffffb3;cursor:pointer;font-family:inherit;font-size:.95rem;padding:0;text-align:right;transition:color var(--transition-fast)}.footer-links-column a:hover,.footer-links-column button:hover{color:var(--color-primary)}.contact-info li{gap:var(--spacing-sm)}.contact-icon,.contact-info li{align-items:center;display:flex}.contact-icon{color:var(--color-primary)}.footer-bottom{padding-top:var(--spacing-xl);text-align:center}.footer-bottom p{color:#ffffff80;font-size:.875rem}@media (max-width:900px){.footer-content{gap:var(--spacing-3xl);grid-template-columns:1fr}.footer-brand{max-width:100%;text-align:center}.footer-logo .logo-wrapper{justify-content:center}.footer-links{grid-template-columns:repeat(3,1fr)}}@media (max-width:600px){.footer{padding:var(--spacing-3xl) 0 var(--spacing-lg)}.footer-links{gap:var(--spacing-2xl);grid-template-columns:1fr}.footer-links,.footer-links-column a,.footer-links-column button{text-align:center}.contact-info li{justify-content:center}}.hero{align-items:center;display:flex;min-height:100vh;overflow:hidden;padding:calc(80px + var(--spacing-3xl)) 0 var(--spacing-4xl);position:relative}.hero-background{inset:0;overflow:hidden;position:absolute;z-index:-1}.hero-shape{border-radius:50%;filter:blur(80px);opacity:.5;position:absolute}.hero-shape-1{background:var(--color-primary-light);height:600px;right:-100px;top:-200px;width:600px}.hero-shape-2{background:var(--color-secondary-purple-light);bottom:-100px;height:400px;left:-100px;width:400px}.hero-shape-3{background:var(--color-secondary-yellow-light);height:300px;left:50%;top:50%;transform:translate(-50%,-50%);width:300px}.hero-container{grid-gap:var(--spacing-4xl);align-items:center;display:grid;gap:var(--spacing-4xl);grid-template-columns:1fr 1fr}.hero-content{animation:fadeInUp .8s ease}.hero-badge{align-items:center;background:var(--color-card);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);color:var(--color-text-secondary);display:inline-flex;font-size:.9rem;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl);padding:var(--spacing-sm) var(--spacing-md)}.badge-icon{align-items:center;color:var(--color-secondary-yellow);display:flex}.hero-title{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.hero-title-brand{align-items:center;color:var(--color-text-primary);display:flex;font-size:4rem;font-weight:800;gap:var(--spacing-md);letter-spacing:-1px}.hero-brand-logo{height:54px;object-fit:contain;width:54px}.hero-title-tagline{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,var(--color-primary-dark),var(--color-primary));-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:600}.hero-description{color:var(--color-text-secondary);font-size:1.125rem;line-height:1.8;margin-bottom:var(--spacing-xl);max-width:500px}.hero-cta{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-3xl)}.hero-cta-note{color:var(--color-text-secondary);font-size:.9rem;gap:var(--spacing-sm)}.check-icon,.hero-cta-note{align-items:center;display:flex}.check-icon{color:var(--color-success)}.hero-stats{align-items:center;display:flex;gap:var(--spacing-xl)}.hero-stat{display:flex;flex-direction:column;gap:var(--spacing-xs)}.stat-number{color:var(--color-text-primary);font-size:1.5rem;font-weight:700}.stat-label{font-size:.875rem}.hero-stat-divider{background:var(--color-border);height:40px;width:1px}.hero-visual{animation:fadeIn 1s ease .3s backwards;position:relative}.hero-image-placeholder{aspect-ratio:4/3;background:var(--color-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);overflow:hidden;padding:var(--spacing-md)}.placeholder-content{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:60px 1fr;grid-template-rows:40px 1fr;height:100%}.placeholder-header{align-items:center;background:var(--color-background-alt);border-radius:var(--radius-sm);display:flex;gap:var(--spacing-sm);grid-column:1/-1;padding:0 var(--spacing-md)}.placeholder-dot{background:var(--color-border);border-radius:50%;height:12px;width:12px}.placeholder-dot:first-child{background:var(--color-secondary-pink)}.placeholder-dot:nth-child(2){background:var(--color-secondary-yellow)}.placeholder-dot:nth-child(3){background:var(--color-primary)}.placeholder-sidebar{background:var(--color-background-alt);border-radius:var(--radius-sm)}.placeholder-main{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:1fr 1fr;grid-template-rows:1fr 1.5fr}.placeholder-card{background:linear-gradient(135deg,var(--color-primary-light),var(--color-secondary-purple-light));border-radius:var(--radius-md)}.placeholder-card:nth-child(2){background:linear-gradient(135deg,var(--color-secondary-yellow-light),var(--color-secondary-pink-light))}.placeholder-chart{background:var(--color-background-alt);border-radius:var(--radius-md);grid-column:1/-1}.floating-card{animation:float 4s ease-in-out infinite;background:var(--color-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);gap:var(--spacing-sm);padding:var(--spacing-md);position:absolute}.floating-card,.floating-icon{align-items:center;display:flex}.floating-icon{color:var(--color-primary-dark);justify-content:center}.floating-text{display:flex;flex-direction:column;gap:2px}.floating-title{color:var(--color-text-primary);font-size:.875rem;font-weight:600}.floating-subtitle{color:var(--color-text-secondary);font-size:.75rem}.floating-card-1{animation-delay:0s;right:-20px;top:10%}.floating-card-2{animation-delay:1s;bottom:20%;right:-40px}.floating-card-3{animation-delay:2s;bottom:5%;left:10%}.floating-card-4{animation-delay:1.5s;left:-30px;top:30%}.floating-icon-payment{color:var(--color-warning)!important}@media (max-width:1024px){.hero-container{gap:var(--spacing-3xl);grid-template-columns:1fr;text-align:center}.hero-content{order:1}.hero-visual{margin:0 auto;max-width:500px;order:2}.hero-description{margin:0 auto var(--spacing-xl)}.hero-stats{justify-content:center}.floating-card{transform:scale(.85)}.floating-card-1{right:-10px;top:5%}.floating-card-2{bottom:25%;right:-20px}.floating-card-3{bottom:0;left:0}.floating-card-4{left:-15px;top:25%}}@media (max-width:900px){.floating-card{display:none}}@media (max-width:768px){.hero{padding-top:calc(70px + var(--spacing-2xl))}.hero-title-brand{font-size:2.75rem;justify-content:center}.hero-brand-logo{height:52px;width:52px}.hero-title-tagline{font-size:1.5rem}.hero-stats{flex-wrap:wrap;gap:var(--spacing-lg)}.hero-stat-divider{display:none}}@media (max-width:480px){.hero-title-brand{font-size:2.25rem}.hero-brand-logo{height:42px;width:42px}.hero-title-tagline{font-size:1.25rem}.hero-description{font-size:1rem}.hero-badge{font-size:.8rem}}.hero-cta-link{display:inline-block}.hero-cta-button{align-items:center;animation:heroButtonPulse 3s ease-in-out infinite;background:linear-gradient(135deg,#4dd9b4,#3cc4a1 50%,#2a9d7e);border:none;border-radius:14px;box-shadow:0 4px 15px #4dd9b459,0 8px 30px #4dd9b433;color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:1.1rem;font-weight:600;justify-content:center;overflow:hidden;padding:18px 40px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.hero-cta-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.hero-cta-button:hover{box-shadow:0 8px 25px #4dd9b473,0 15px 40px #4dd9b440;transform:translateY(-3px) scale(1.02)}.hero-cta-button:hover:before{left:100%}.hero-cta-button:active{transform:translateY(-1px) scale(1)}@keyframes heroButtonPulse{0%,to{box-shadow:0 4px 15px #4dd9b459,0 8px 30px #4dd9b433}50%{box-shadow:0 6px 20px #4dd9b480,0 12px 40px #4dd9b44d}}@media (max-width:768px){.hero-cta-button{font-size:1rem;padding:16px 32px}}@media (max-width:480px){.hero-cta-button{font-size:.95rem;padding:14px 28px;width:100%}}.features{background:var(--color-background);position:relative}.features:before{background:linear-gradient(90deg,#0000,var(--color-border),#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.section-headerrr{margin:0 auto var(--spacing-4xl);max-width:650px;text-align:center}.section-label{background:var(--color-primary-light);border-radius:var(--radius-full);color:var(--color-primary-dark);display:inline-block;font-size:.85rem;font-weight:600;letter-spacing:1px;margin-bottom:var(--spacing-md);padding:var(--spacing-xs) var(--spacing-md);text-transform:uppercase}.section-title{font-size:2.5rem;font-weight:700;line-height:1.3;margin-bottom:var(--spacing-lg)}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,var(--color-primary-dark),var(--color-primary));-webkit-background-clip:text;background-clip:text}.section-description{font-size:1.125rem;line-height:1.8}.features-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(3,1fr)}.feature-card{align-items:flex-start;background:var(--color-card);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);display:flex;gap:var(--spacing-md);overflow:hidden;padding:var(--spacing-xl) var(--spacing-lg);position:relative;transition:all var(--transition-normal)}.feature-card:before{content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity var(--transition-normal)}.feature-card-primary:before{background:linear-gradient(90deg,var(--color-primary),var(--color-primary-dark))}.feature-card-purple:before{background:linear-gradient(90deg,var(--color-secondary-purple),#8b5cf6)}.feature-card-yellow:before{background:linear-gradient(90deg,var(--color-secondary-yellow),#f59e0b)}.feature-card-pink:before{background:linear-gradient(90deg,var(--color-secondary-pink),#ec4899)}.feature-card-blue:before{background:linear-gradient(90deg,var(--color-secondary-blue),#3b82f6)}.feature-card:hover{border-color:#0000;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.feature-card:hover:before{opacity:1}.feature-icon-wrapper{flex-shrink:0}.feature-icon{border-radius:var(--radius-md);height:52px;width:52px}.feature-icon-primary{background:#4dd9b41f;color:var(--color-primary-dark)}.feature-icon-purple{background:#8b5cf61a;color:#8b5cf6}.feature-icon-yellow{background:#f59e0b1a;color:#d97706}.feature-icon-pink{background:#ec48991a;color:#ec4899}.feature-icon-blue{background:#3b82f61a;color:#3b82f6}.feature-content{flex:1 1;min-width:0}.feature-highlight{color:var(--color-text-light);display:inline-block;font-size:.75rem;letter-spacing:.5px;text-transform:uppercase}.feature-highlight,.feature-title{font-weight:600;margin-bottom:var(--spacing-sm)}.feature-title{color:var(--color-text-primary);font-size:1.1rem}.feature-description{color:var(--color-text-secondary);font-size:.9rem;line-height:1.7}@media (max-width:1024px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.section-title{font-size:2rem}.section-headerrr{margin-bottom:var(--spacing-3xl)}}@media (max-width:600px){.features-grid{gap:var(--spacing-md);grid-template-columns:1fr}.feature-card{padding:var(--spacing-lg)}.feature-icon{height:44px;width:44px}.feature-icon svg{height:22px;width:22px}.section-title{font-size:1.75rem}.section-description{font-size:1rem}}.how-it-works{background:var(--color-card);position:relative}.how-it-works:before{background:linear-gradient(90deg,#0000,var(--color-border),#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.how-it-works .section-header{margin:0 auto var(--spacing-4xl);max-width:600px;text-align:center}.how-it-works .section-label{background:var(--color-primary-light);border-radius:var(--radius-full);color:var(--color-primary-dark);display:inline-block;font-size:.85rem;font-weight:600;letter-spacing:1px;margin-bottom:var(--spacing-md);padding:var(--spacing-xs) var(--spacing-md);text-transform:uppercase}.how-it-works .section-title{color:var(--color-text-primary);font-size:2.5rem;font-weight:700;line-height:1.3;margin-bottom:var(--spacing-lg)}.how-it-works .gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,var(--color-primary-dark),var(--color-primary));-webkit-background-clip:text;background-clip:text}.how-it-works .section-description{color:var(--color-text-secondary);font-size:1.125rem;line-height:1.8}.steps-container{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(3,1fr);position:relative}.step{position:relative;text-align:center}.step-connector-line{display:none}.step-content{background:var(--color-background);border:1px solid var(--color-border-light);border-radius:var(--radius-xl);height:100%;padding:var(--spacing-2xl) var(--spacing-xl);transition:all var(--transition-normal)}.step-content:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-lg);transform:translateY(-6px)}.step-number-wrapper{margin-bottom:var(--spacing-md)}.step-number{border-radius:var(--radius-full);color:var(--color-primary-dark);display:inline-block;font-size:.85rem;font-weight:700;padding:var(--spacing-xs) var(--spacing-md)}.step-icon{align-items:center;background:linear-gradient(135deg,var(--color-primary-light),#4dd9b433);border-radius:50%;display:flex;height:72px;justify-content:center;margin:0 auto var(--spacing-lg);transition:transform var(--transition-normal);width:72px}.step-content:hover .step-icon{transform:scale(1.05)}.step-title{color:var(--color-text-primary);font-size:1.25rem;font-weight:600}.step-description,.step-title{margin-bottom:var(--spacing-md)}.step-description{color:var(--color-text-secondary);font-size:.95rem;line-height:1.7}.step-detail{background:#4dd9b414;border-radius:var(--radius-sm);color:var(--color-primary-dark);display:inline-block;font-size:.8rem;font-weight:500;padding:var(--spacing-xs) var(--spacing-sm)}@media (max-width:900px){.steps-container{gap:var(--spacing-lg);grid-template-columns:1fr;margin:0 auto;max-width:450px}.step-content{padding:var(--spacing-xl)}.how-it-works .section-title{font-size:2rem}.how-it-works .section-header{margin-bottom:var(--spacing-3xl)}}@media (max-width:600px){.step-icon{height:60px;width:60px}.step-icon svg{height:26px;width:26px}.how-it-works .section-title{font-size:1.75rem}.how-it-works .section-description{font-size:1rem}}.pricing{background:var(--color-background);position:relative}.pricing:before{background:linear-gradient(90deg,#0000,var(--color-border),#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.pricing .section-header{margin:0 auto var(--spacing-3xl);max-width:600px;text-align:center}.pricing .section-label{background:var(--color-primary-light);border-radius:var(--radius-full);color:var(--color-primary-dark);display:inline-block;font-size:.85rem;font-weight:600;letter-spacing:1px;margin-bottom:var(--spacing-md);padding:var(--spacing-xs) var(--spacing-md);text-transform:uppercase}.pricing .section-title{color:var(--color-text-primary);font-size:2.5rem;font-weight:700;line-height:1.3;margin-bottom:var(--spacing-lg)}.pricing .gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,var(--color-primary-dark),var(--color-primary));-webkit-background-clip:text;background-clip:text}.pricing .section-description{color:var(--color-text-secondary);font-size:1.125rem;line-height:1.8}.pricing-tabs{display:flex;justify-content:center;margin-bottom:var(--spacing-2xl)}.pricing-tabs-container{background:var(--color-card);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:inline-flex;padding:var(--spacing-xs)}.pricing-tab{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;flex-direction:column;font-family:inherit;font-size:.95rem;font-weight:500;gap:var(--spacing-xs);min-width:140px;padding:var(--spacing-md) var(--spacing-2xl);position:relative;transition:all var(--transition-fast)}.pricing-tab:hover{color:var(--color-text-primary)}.pricing-tab-active,.pricing-tab-popular .tab-popular-badge{background:var(--color-primary-light);color:var(--color-primary-dark);font-weight:600}.pricing-tab-popular .tab-popular-badge{align-items:center;border-radius:var(--radius-full);display:flex;font-size:.7rem;gap:4px;padding:2px 8px;position:absolute;top:-8px;white-space:nowrap}.pricing-tab-active .tab-popular-badge{background:var(--color-card)}.tab-name{font-size:1rem}.pricing-grid{grid-gap:var(--spacing-lg);align-items:stretch;display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(3,1fr)}.pricing-card{background:var(--color-card);border:2px solid var(--color-border-light);border-radius:var(--radius-xl);display:flex;flex-direction:column;padding:var(--spacing-2xl);position:relative;transition:all var(--transition-normal)}.pricing-card:hover{border-color:var(--color-border);box-shadow:var(--shadow-md)}.pricing-card-popular{border-color:var(--color-primary);box-shadow:var(--shadow-lg)}.pricing-card-popular:hover{border-color:var(--color-primary);box-shadow:var(--shadow-xl)}.popular-badge{align-items:center;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));border-radius:var(--radius-full);color:#fff;display:flex;font-size:.8rem;font-weight:600;gap:var(--spacing-xs);left:50%;padding:var(--spacing-xs) var(--spacing-lg);position:absolute;top:-14px;transform:translateX(-50%);white-space:nowrap}.pricing-header{border-bottom:1px solid var(--color-border-light);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-xl);text-align:center}.plan-name{color:var(--color-text-primary);font-size:1.35rem;font-weight:700;margin-bottom:var(--spacing-sm)}.plan-description{color:var(--color-text-secondary);font-size:.9rem;line-height:1.5;margin-bottom:var(--spacing-lg)}.plan-price{align-items:baseline;display:flex;gap:var(--spacing-xs);justify-content:center}.price-amount{color:var(--color-text-primary);font-size:3.25rem;font-weight:800;line-height:1}.price-details{align-items:flex-start;display:flex;flex-direction:column;gap:0}.price-currency{color:var(--color-text-secondary);font-size:1.25rem;font-weight:600;line-height:1}.price-period{color:var(--color-text-light);font-size:.9rem;line-height:1}.plan-features{flex:1 1;flex-direction:column;list-style:none;margin-bottom:var(--spacing-2xl);padding:0}.plan-features,.plan-features li{display:flex;gap:var(--spacing-sm)}.plan-features li{align-items:center;font-size:.9rem;padding:var(--spacing-xs) 0}.plan-features li.included{color:var(--color-text-primary)}.plan-features li.not-included{color:var(--color-text-light)}.feature-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:22px;justify-content:center;width:22px}.plan-features li.included .feature-icon{background:#4dd9b41f;color:var(--color-primary-dark)}.plan-features li.not-included .feature-icon{background:var(--color-background-alt);color:var(--color-text-light)}.feature-text{flex:1 1}.pricing-cta{display:block;text-decoration:none}.pricing-note{align-items:center;background:var(--color-card);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);display:flex;gap:var(--spacing-sm);justify-content:center;margin-left:auto;margin-right:auto;margin-top:var(--spacing-3xl);max-width:500px;padding:var(--spacing-lg) var(--spacing-xl)}.pricing-note .note-icon{color:var(--color-secondary-yellow);flex-shrink:0}.pricing-note p{color:var(--color-text-secondary);font-size:.95rem;margin:0}.pricing-note a{border-bottom:1px solid;color:var(--color-primary-dark);font-weight:600;text-decoration:none;transition:opacity var(--transition-fast)}.pricing-note a:hover{opacity:.8}@media (max-width:1024px){.pricing-tabs{-webkit-overflow-scrolling:touch;overflow-x:auto;padding-bottom:var(--spacing-sm)}.pricing-tabs-container{flex-wrap:nowrap}.pricing-tab{min-width:120px;padding:var(--spacing-sm) var(--spacing-lg)}}@media (max-width:900px){.pricing-grid{gap:var(--spacing-lg);grid-template-columns:1fr;margin:0 auto;max-width:420px}.pricing-card-popular{order:-1}.pricing .section-title{font-size:2rem}}@media (max-width:600px){.pricing-tabs-container{flex-direction:column;max-width:300px;width:100%}.pricing-tab{width:100%}.pricing-tab-popular .tab-popular-badge{margin-bottom:var(--spacing-xs);position:static}.pricing-card{padding:var(--spacing-xl)}.price-amount{font-size:2.75rem}.pricing .section-title{font-size:1.75rem}.pricing .section-description{font-size:1rem}}.faq{background:var(--color-card);position:relative}.faq:before{background:linear-gradient(90deg,#0000,var(--color-border),#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.faq .section-header{margin:0 auto var(--spacing-3xl);max-width:600px;text-align:center}.faq .section-label{background:var(--color-primary-light);border-radius:var(--radius-full);color:var(--color-primary-dark);display:inline-block;font-size:.85rem;font-weight:600;letter-spacing:1px;margin-bottom:var(--spacing-md);padding:var(--spacing-xs) var(--spacing-md);text-transform:uppercase}.faq .section-title{color:var(--color-text-primary);font-size:2.5rem;font-weight:700;line-height:1.3;margin-bottom:var(--spacing-lg)}.faq .gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,var(--color-primary-dark),var(--color-primary));-webkit-background-clip:text;background-clip:text}.faq .section-description{color:var(--color-text-secondary);font-size:1.125rem;line-height:1.8}.faq-container{display:flex;flex-direction:column;gap:var(--spacing-md);margin:0 auto;max-width:750px}.faq-item{background:var(--color-background);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-normal)}.faq-item:hover{border-color:var(--color-border)}.faq-open{border-color:var(--color-primary-light);box-shadow:var(--shadow-md)}.faq-question{align-items:center;background:none;border:none;cursor:pointer;display:flex;font-family:inherit;gap:var(--spacing-md);justify-content:space-between;padding:var(--spacing-lg) var(--spacing-xl);text-align:right;transition:background var(--transition-fast);width:100%}.faq-question:hover{background:#4dd9b40a}.faq-question-content{align-items:center;display:flex;flex:1 1;gap:var(--spacing-md)}.faq-question-icon{align-items:center;background:var(--color-primary-light);border-radius:var(--radius-md);color:var(--color-primary-dark);display:flex;flex-shrink:0;height:36px;justify-content:center;transition:all var(--transition-normal);width:36px}.faq-open .faq-question-icon{background:var(--color-primary);color:#fff}.faq-question-text{color:var(--color-text-primary);flex:1 1;font-size:1.05rem;font-weight:600}.faq-caret{align-items:center;color:var(--color-text-light);display:flex;flex-shrink:0;height:28px;justify-content:center;transition:all var(--transition-normal);width:28px}.faq-open .faq-caret{color:var(--color-primary-dark);transform:rotate(180deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height var(--transition-normal)}.faq-open .faq-answer{max-height:400px}.faq-answer p{color:var(--color-text-secondary);font-size:.95rem;line-height:1.8;padding:0 var(--spacing-xl) var(--spacing-xl);padding-right:calc(var(--spacing-xl) + 36px + var(--spacing-md))}@media (max-width:768px){.faq .section-title{font-size:2rem}.faq .section-header{margin-bottom:var(--spacing-2xl)}}@media (max-width:600px){.faq-question{flex-wrap:wrap;padding:var(--spacing-md) var(--spacing-lg)}.faq-question-text{font-size:.95rem}.faq-question-icon{height:32px;width:32px}.faq-answer p{font-size:.9rem;padding:0 var(--spacing-lg) var(--spacing-lg);padding-right:calc(var(--spacing-lg) + 32px + var(--spacing-md))}.faq .section-title{font-size:1.75rem}.faq .section-description{font-size:1rem}}.contact{background:var(--color-background);position:relative}.contact:before{background:linear-gradient(90deg,#0000,var(--color-border),#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.contact .section-header{margin:0 auto var(--spacing-3xl);max-width:600px;text-align:center}.contact .section-label{background:var(--color-primary-light);border-radius:var(--radius-full);color:var(--color-primary-dark);display:inline-block;font-size:.85rem;font-weight:600;letter-spacing:1px;margin-bottom:var(--spacing-md);padding:var(--spacing-xs) var(--spacing-md);text-transform:uppercase}.contact .section-title{color:var(--color-text-primary);font-size:2.5rem;font-weight:700;line-height:1.3;margin-bottom:var(--spacing-lg)}.contact .gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,var(--color-primary-dark),var(--color-primary));-webkit-background-clip:text;background-clip:text}.contact .section-description{color:var(--color-text-secondary);font-size:1.125rem;line-height:1.8}.contact-wrapper{grid-gap:var(--spacing-2xl);align-items:start;display:grid;gap:var(--spacing-2xl);grid-template-columns:1fr 1.3fr;margin:0 auto;max-width:1000px}.contact-info-card{background:var(--color-card);border:1px solid var(--color-border-light);border-radius:var(--radius-xl);height:100%;padding:var(--spacing-2xl)}.contact-info-title{color:var(--color-text-primary);font-size:1.25rem;font-weight:600;margin-bottom:var(--spacing-sm)}.contact-info-description{color:var(--color-text-secondary);font-size:.95rem;line-height:1.7;margin-bottom:var(--spacing-xl)}.contact-details{flex-direction:column}.contact-detail,.contact-details{display:flex;gap:var(--spacing-md)}.contact-detail{align-items:center;background:var(--color-background);border-radius:var(--radius-md);padding:var(--spacing-md);transition:background var(--transition-fast)}.contact-detail:hover{background:var(--color-primary-light)}.contact-detail .contact-icon{align-items:center;background:var(--color-card);border-radius:var(--radius-md);color:var(--color-primary-dark);display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.contact-detail>div{display:flex;flex-direction:column;gap:2px;min-width:0}.detail-label{color:var(--color-text-light);font-size:.8rem;letter-spacing:.5px;text-transform:uppercase}.detail-value{color:var(--color-text-primary);font-size:.95rem;font-weight:600;text-decoration:none}a.detail-value:hover{color:var(--color-primary-dark)}.contact-form-wrapper{background:var(--color-card);border:1px solid var(--color-border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:var(--spacing-2xl)}.contact-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.form-group{gap:var(--spacing-sm)}.form-group input,.form-group textarea{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:inherit;font-size:1rem;padding:var(--spacing-md) var(--spacing-lg);transition:all var(--transition-fast)}.form-group input:focus,.form-group textarea:focus{background:var(--color-card);border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.form-group textarea{min-height:120px}.success-message{animation:fadeIn .5s ease;padding:var(--spacing-3xl) var(--spacing-xl);text-align:center}.success-icon{align-items:center;color:var(--color-success);display:flex;justify-content:center;margin:0 auto var(--spacing-lg)}.success-message h3{color:var(--color-text-primary);font-size:1.5rem;margin-bottom:var(--spacing-sm)}.success-message p{color:var(--color-text-secondary);font-size:1rem}@media (max-width:900px){.contact-wrapper{gap:var(--spacing-xl);grid-template-columns:1fr}.contact-info-card{text-align:center}.contact-details{align-items:center}.contact-detail{max-width:350px;width:100%}.contact .section-title{font-size:2rem}}@media (max-width:600px){.form-row{grid-template-columns:1fr}.contact-form-wrapper,.contact-info-card{padding:var(--spacing-xl)}.contact .section-title{font-size:1.75rem}.contact .section-description{font-size:1rem}}.phone-input-wrapper{display:flex;flex-direction:column;gap:var(--spacing-xs)}.phone-input-container{align-items:center;background:var(--color-card);border:1.5px solid var(--color-border);border-radius:var(--radius-md);display:flex;flex-direction:row-reverse;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.phone-input-container:focus-within{border-color:var(--color-primary-dark);box-shadow:0 0 0 2px #3dc4a11f}.phone-input-wrapper.has-error .phone-input-container{border-color:var(--color-error)}.phone-input-wrapper.has-error .phone-input-container:focus-within{box-shadow:0 0 0 2px #f871711a}.phone-prefix{border-left:1px solid var(--color-border);color:var(--color-text-secondary);font-size:.85rem;font-weight:500;padding-left:var(--spacing-sm)}.phone-input{background:#0000;border:none;color:var(--color-text-primary);flex:1 1;font-family:inherit;font-size:1rem;font-weight:500;letter-spacing:.5px;padding:var(--spacing-sm) 0;text-align:left}.phone-input:focus{outline:none}.phone-input::placeholder{color:var(--color-text-light);font-weight:400}.phone-input:disabled{cursor:not-allowed;opacity:.6}.phone-input.valid{color:var(--color-success)}.phone-valid-icon{background:var(--color-success);border-radius:var(--radius-full);height:18px;position:relative;width:18px}.phone-valid-icon:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:8px;left:6px;position:absolute;top:3px;transform:rotate(45deg);width:4px}.phone-error{color:var(--color-error);font-size:.8rem}.phone-hint{color:var(--color-text-light);font-size:.75rem}.auth-page{background:var(--color-background);display:flex;flex-direction:column;min-height:100vh}.auth-page-signup{padding-bottom:var(--spacing-2xl)}.auth-topbar{background:var(--color-card);border-bottom:1px solid var(--color-border-light);box-shadow:var(--shadow-sm);justify-content:center;padding:var(--spacing-lg) var(--spacing-xl)}.auth-logo-link,.auth-topbar{align-items:center;display:flex}.auth-logo-link{flex-direction:row-reverse;gap:var(--spacing-sm);text-decoration:none}.auth-logo-icon{height:36px;object-fit:contain;width:36px}.auth-logo-text{color:var(--color-text-primary);font-size:1.5rem;font-weight:700}.auth-container{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-lg);margin:0 auto;max-width:440px;padding:var(--spacing-2xl) var(--spacing-lg);width:100%}.auth-container-signup{max-width:720px;padding-top:var(--spacing-xl)}.auth-card{background:var(--color-card);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-2xl);width:100%}.auth-card h1{font-size:1.5rem;margin-bottom:var(--spacing-xs);text-align:center}.auth-card>p{color:var(--color-text-secondary);font-size:.95rem;margin-bottom:var(--spacing-xl);text-align:center}.auth-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.form-group input{border:1.5px solid var(--color-border);border-radius:var(--radius-md);direction:ltr;font-family:inherit;font-size:1rem;padding:var(--spacing-md);text-align:left;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-group input:focus{border-color:var(--color-primary-dark);box-shadow:0 0 0 2px #3dc4a11f;outline:none}.auth-footer{border-top:1px solid var(--color-border-light);margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);text-align:center}.auth-footer p{color:var(--color-text-secondary);font-size:.9rem}.auth-footer a{color:var(--color-primary-dark);font-weight:600}.auth-footer a:hover{text-decoration:underline}.auth-footer-link{margin-top:var(--spacing-lg);text-align:center}.auth-footer-link p{color:var(--color-text-secondary);font-size:.9rem}.auth-footer-link a{color:var(--color-primary-dark);font-weight:600}.code-label{display:block;margin-bottom:var(--spacing-sm)}.code-inputs{direction:ltr}.code-input{background:var(--color-card)}.code-input:focus{border-color:var(--color-primary-dark);box-shadow:0 0 0 2px #4dd9b426}.resend-section{padding:var(--spacing-sm) 0}.back-button{align-items:center;background:none;border:1.5px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;font-family:inherit;font-size:.9rem;font-weight:500;gap:var(--spacing-xs);justify-content:center;margin-top:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.back-button:hover:not(:disabled){background:#4dd9b40d;border-color:var(--color-primary-dark);color:var(--color-primary-dark)}.back-button:disabled{cursor:not-allowed;opacity:.6}.login-note{margin-top:var(--spacing-sm);text-align:center}.login-note p{color:var(--color-text-secondary);font-size:.85rem}.error-message{font-size:.85rem;margin-top:var(--spacing-sm)}@media (max-width:768px){.auth-topbar{padding:var(--spacing-md) var(--spacing-lg)}.auth-logo-icon{height:30px;width:30px}.auth-logo-text{font-size:1.25rem}.auth-container{padding:var(--spacing-lg) var(--spacing-md)}.auth-container-signup{max-width:100%}.auth-card{padding:var(--spacing-xl)}.auth-card h1{font-size:1.35rem}.code-input{font-size:1.2rem;height:50px;line-height:50px;padding:0;width:42px}}@media (max-width:480px){.auth-logo-text{font-size:1.1rem}.auth-logo-icon{height:28px;width:28px}}.step-container{animation:stepFadeIn .4s cubic-bezier(.4,0,.2,1);padding:var(--spacing-xl)}@keyframes stepFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.step-header{margin-bottom:var(--spacing-xl);text-align:center}.step-icon{color:var(--color-primary-dark);margin-bottom:var(--spacing-sm)}.step-header h2{color:var(--color-text-primary);font-size:1.25rem;font-weight:700;margin:0 0 var(--spacing-xs)}.step-header p{color:var(--color-text-secondary);font-size:.9rem;margin:0}.step-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.form-group label{align-items:center;display:flex;gap:var(--spacing-sm)}.form-group label.required:after{content:"*";font-weight:600}.optional-tag{background:var(--color-background);border-radius:var(--radius-sm);color:var(--color-text-light);font-size:.75rem;font-weight:400;padding:2px 8px}.field-description{color:var(--color-text-secondary);font-size:.85rem;line-height:1.5;margin:0 0 var(--spacing-sm)}.field-hint{color:var(--color-text-light);font-size:.8rem;margin:var(--spacing-xs) 0 0}.field-error{color:var(--color-error);display:block;font-size:.8rem}.field-error.center{text-align:center}.form-group input,.form-group select,.form-group textarea{transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{box-shadow:0 0 0 3px #4dd9b41f}.form-group input::placeholder{color:var(--color-text-light)}.form-group input.error{border-color:var(--color-error)}.form-group input.error:focus{box-shadow:0 0 0 3px #dc26261a}.input-with-icon{align-items:center;display:flex;position:relative}.input-with-icon .input-icon{color:var(--color-text-light);pointer-events:none;position:absolute;right:var(--spacing-md)}.input-with-icon input{padding-left:calc(var(--spacing-md) + 24px);padding-right:calc(var(--spacing-md) + 24px)}.input-suffix{color:var(--color-text-secondary);font-weight:500;left:var(--spacing-md);position:absolute}.select-wrapper{position:relative}.select-wrapper select{-webkit-appearance:none;appearance:none;cursor:pointer;padding-left:calc(var(--spacing-md) + 20px)}.select-wrapper .select-icon{color:var(--color-text-light);left:var(--spacing-md);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.option-cards{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.option-cards.type-cards{display:grid;grid-template-columns:repeat(2,1fr)}.option-card{align-items:center;background:var(--color-background);border:1.5px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;flex:1 1;font-family:inherit;font-size:.9rem;font-weight:500;gap:var(--spacing-sm);justify-content:center;min-width:80px;padding:var(--spacing-md);transition:all var(--transition-fast)}.option-card.selected,.option-card:hover{border-color:var(--color-primary);color:var(--color-primary-dark)}.option-card.selected{background:var(--color-primary-light)}.duration-options{display:flex;gap:var(--spacing-sm)}.duration-btn{background:var(--color-background);border:1.5px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;flex:1 1;font-family:inherit;font-size:.85rem;font-weight:500;padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.duration-btn.selected,.duration-btn:hover{border-color:var(--color-primary);color:var(--color-primary-dark)}.duration-btn.selected{background:var(--color-primary-light)}.duration-custom-btn{align-items:center;display:flex;justify-content:center;min-width:85px}.custom-duration-input-wrapper{align-items:center;display:flex;width:100%}.custom-duration-input{background:#0000;border:none;color:var(--color-primary-dark);font-family:inherit;font-size:.85rem;font-weight:500;outline:none;padding:2px 4px;text-align:center;width:100%}.custom-duration-input::placeholder{color:var(--color-primary);opacity:.7}.toggle-advanced{align-items:center;background:none;border:none;color:var(--color-primary-dark);cursor:pointer;display:flex;font-family:inherit;font-size:.9rem;font-weight:500;gap:var(--spacing-sm);padding:0}.toggle-advanced:hover{text-decoration:underline}.toggle-advanced svg{transition:transform var(--transition-fast)}.toggle-advanced svg.rotated{transform:rotate(180deg)}.advanced-section{animation:slideDown .3s ease;border:1px solid var(--color-border-light);border-radius:var(--radius-lg);flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-lg)}.advanced-section,.logo-upload{background:var(--color-background);display:flex}.logo-upload{align-items:center;border:2px dashed var(--color-border);border-radius:var(--radius-lg);cursor:pointer;justify-content:center;min-height:120px;transition:all var(--transition-fast)}.logo-upload.dragging,.logo-upload:hover{border-color:var(--color-primary)}.logo-upload.dragging{background:var(--color-primary-light)}.logo-upload.has-logo{border-style:solid;cursor:default}.upload-placeholder{align-items:center;color:var(--color-text-light);display:flex;flex-direction:column;gap:var(--spacing-sm)}.upload-text{color:var(--color-text-secondary);font-size:.9rem;font-weight:500}.upload-hint{font-size:.8rem}.logo-preview{height:80px;position:relative;width:80px}.logo-preview img{border-radius:var(--radius-md);height:100%;object-fit:contain;width:100%}.remove-logo{align-items:center;background:var(--color-error);border:none;border-radius:var(--radius-full);color:#fff;cursor:pointer;display:flex;height:24px;justify-content:center;position:absolute;right:-8px;top:-8px;transition:transform var(--transition-fast);width:24px}.remove-logo:hover{transform:scale(1.1)}.file-input{display:none}.chips-container{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.chip{align-items:center;background:var(--color-background);border:1.5px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-secondary);cursor:pointer;display:flex;font-family:inherit;font-size:.85rem;font-weight:500;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.chip.selected,.chip:hover{border-color:var(--color-primary);color:var(--color-primary-dark)}.chip.selected{background:var(--color-primary-light)}.chip-check{color:var(--color-primary-dark)}.code-label{font-size:.95rem;text-align:center}.code-inputs{display:flex;gap:var(--spacing-sm);justify-content:center}.code-input{background:var(--color-background);border:1.5px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:1.4rem;font-weight:600;height:56px;text-align:center;transition:all var(--transition-fast);width:48px}.code-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #4dd9b426;outline:none}.resend-section{padding:var(--spacing-md) 0;text-align:center}.countdown{color:var(--color-text-secondary);font-size:.85rem}.resend-button{background:none;border:none;color:var(--color-primary-dark);cursor:pointer;font-family:inherit;font-size:.9rem;font-weight:600;padding:0}.resend-button:hover:not(:disabled){text-decoration:underline}.resend-button:disabled{cursor:not-allowed;opacity:.6}.onboarding-section-wrapper{margin-top:var(--spacing-lg)}.onboarding-box{background:#fff;border:1px solid #0000000f;border-radius:16px;box-shadow:0 1px 3px #0000000a;padding:var(--spacing-xl);text-align:center;transition:all .3s ease}.onboarding-box.confirmed{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#22c55e33}.onboarding-box-icon{align-items:center;background:#4dd9b41f;border-radius:14px;color:#2a9d7e;display:flex;height:56px;justify-content:center;margin:0 auto var(--spacing-md);width:56px}.onboarding-box-title{color:var(--color-text-primary);font-size:1.1rem;font-weight:600;margin:0 0 var(--spacing-xs)}.onboarding-box-subtitle{color:var(--color-text-secondary);font-size:.9rem;margin:0 0 var(--spacing-lg)}.onboarding-box-benefits{list-style:none;margin:0 0 var(--spacing-lg);padding:0;text-align:right}.onboarding-box-benefits li{color:var(--color-text-secondary);font-size:.88rem;line-height:1.6;padding:var(--spacing-xs) 0;padding-right:24px;position:relative}.onboarding-box-benefits li:before{background:linear-gradient(135deg,#22c55e,#16a34a);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:10px;border-radius:50%;content:"";height:16px;position:absolute;right:0;top:50%;transform:translateY(-50%);width:16px}.onboarding-box-btn{background:#4dd9b41f;border:1px solid #4dd9b440;border-radius:var(--radius-md);color:#2a9d7e;cursor:pointer;font-size:.92rem;font-weight:500;line-height:1.5;padding:14px 24px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.onboarding-box-btn:hover{background:#4dd9b42e;border-color:#4dd9b459;transform:translateY(-1px)}.onboarding-box-btn:active{background:#4dd9b438;transform:translateY(0)}.onboarding-box-confirmed{padding:var(--spacing-md) 0}.onboarding-confirmed-icon{color:#22c55e;margin-bottom:var(--spacing-md)}.onboarding-confirmed-title{color:#166534;font-size:1.25rem;font-weight:600;margin:0 0 var(--spacing-xs)}.onboarding-confirmed-text{color:#15803d;font-size:.92rem;margin:0 0 var(--spacing-lg)}.onboarding-undo-btn{background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;font-size:.85rem;padding:var(--spacing-xs) var(--spacing-md);transition:all .2s ease}.onboarding-undo-btn:hover{background:#0000000d;color:#374151}.step-actions{border-top:1px solid var(--color-border-light);display:flex;gap:var(--spacing-md);justify-content:flex-end;margin-top:var(--spacing-lg);padding-top:var(--spacing-lg)}.step-actions-between{justify-content:space-between}@media (max-width:600px){.step-container{padding:var(--spacing-lg)}.step-header h2{font-size:1.1rem}.form-row{gap:var(--spacing-md)}.form-row,.option-cards.type-cards{grid-template-columns:1fr}.option-card{font-size:.85rem;padding:var(--spacing-sm)}.duration-options{flex-wrap:wrap}.duration-btn{flex:0 0 calc(50% - var(--spacing-xs))}.code-input{font-size:1.2rem;height:50px;line-height:56px;padding:0;width:42px}.chips-container{gap:var(--spacing-xs)}.chip{font-size:.8rem;padding:var(--spacing-xs) var(--spacing-sm)}.step-actions{flex-direction:column-reverse;gap:var(--spacing-sm)}.step-actions button{justify-content:center;width:100%}.advanced-section{padding:var(--spacing-md)}}.input-field-cust-padding{padding-left:calc(var(--spacing-md) + 20px)!important}.input-field-cust-padding-other-side{padding-right:calc(var(--spacing-md) + 20px)!important}.registration-wizard{display:flex;flex-direction:column;gap:var(--spacing-lg);max-width:640px;width:100%}.wizard-header{text-align:center}.wizard-header h1{color:var(--color-text-primary);font-size:1.5rem;font-weight:700;margin:0 0 var(--spacing-xs)}.wizard-header p{color:var(--color-text-secondary);font-size:.95rem;margin:0}.wizard-tabs{background:var(--color-card);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-sm)}.wizard-tab,.wizard-tabs{display:flex;gap:var(--spacing-sm)}.wizard-tab{align-items:center;border-radius:var(--radius-md);color:var(--color-text-secondary);flex:1 1;font-size:.9rem;font-weight:500;justify-content:center;overflow:hidden;padding:var(--spacing-md) var(--spacing-lg);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.wizard-tab:before{background:var(--color-primary-light);border-radius:var(--radius-md);content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s cubic-bezier(.4,0,.2,1)}.wizard-tab.active{color:var(--color-primary-dark)}.wizard-tab.active:before{opacity:1}.wizard-tab.completed{color:var(--color-primary-dark)}.wizard-tab.completed:before{opacity:.5}.tab-check,.tab-icon,.tab-label{position:relative;z-index:1}.tab-check,.tab-icon{align-items:center;display:flex;justify-content:center}.tab-check{background:#34d39926;border-radius:var(--radius-full);color:var(--color-success);height:18px;width:18px}.wizard-content{animation:contentFadeIn .4s cubic-bezier(.4,0,.2,1);background:var(--color-card);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}@keyframes contentFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.wizard-footer{text-align:center}.step-counter{color:var(--color-text-light);font-size:.85rem}@media (max-width:600px){.registration-wizard{max-width:100%}.wizard-header h1{font-size:1.25rem}.wizard-tabs{gap:var(--spacing-xs);padding:var(--spacing-xs)}.wizard-tab{flex:1 1;font-size:.8rem;padding:var(--spacing-sm) var(--spacing-xs)}.tab-label{display:none}.tab-icon svg{height:22px;width:22px}}@media (max-width:600px) and (min-width:481px){.tab-label{display:inline;font-size:.75rem}}.not-found-page{align-items:center;background:var(--color-background);display:flex;justify-content:center;min-height:100vh;padding:var(--spacing-xl)}.not-found-content{max-width:400px;text-align:center}.not-found-icon{color:var(--color-secondary-yellow);margin-bottom:var(--spacing-lg)}.not-found-content h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);-webkit-background-clip:text;background-clip:text;color:var(--color-text-primary);font-size:6rem;font-weight:800;line-height:1;margin-bottom:var(--spacing-sm)}.not-found-content h2{color:var(--color-text-primary);font-size:1.5rem;font-weight:600;margin-bottom:var(--spacing-md)}.not-found-content p{color:var(--color-text-secondary);font-size:1rem;line-height:1.6;margin-bottom:var(--spacing-xl)}.back-home-btn{align-items:center;background:var(--color-primary);border:none;border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;display:inline-flex;font-family:inherit;font-size:1rem;font-weight:600;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);text-decoration:none;transition:all var(--transition-fast)}.back-home-btn:hover{background:var(--color-primary-dark);box-shadow:var(--shadow-md);transform:translateY(-2px)}.confirm-page{align-items:center;background:linear-gradient(135deg,#f8fffe,#e8f7f3 50%,#f0faf7);direction:rtl;display:flex;font-family:Rubik,sans-serif;justify-content:center;min-height:100vh;padding:20px}.confirm-container{background:#fff;border-radius:24px;box-shadow:0 8px 40px #00000014;max-width:440px;padding:32px;text-align:center;width:100%}.confirm-container.loading{align-items:center;color:#6b7280;display:flex;flex-direction:column;gap:16px;padding:60px 32px}.confirm-container.loading .spinner{animation:spin 1s linear infinite;color:#4dd9b4;color:var(--color-primary,#4dd9b4)}.confirm-container.error{padding:48px 32px}.confirm-container.error h1{color:#374151;font-size:24px;margin:0 0 8px}.confirm-container.error p{color:#6b7280;margin:0}.clinic-header{align-items:center;display:flex;flex-direction:column;margin-bottom:24px}.clinic-logo{background:#f9fafb;object-fit:contain}.clinic-logo,.clinic-logo-placeholder{border-radius:16px;height:80px;margin-bottom:12px;width:80px}.clinic-logo-placeholder{align-items:center;background:linear-gradient(135deg,#e8f7f3,#d1f4ea);color:#4dd9b4;color:var(--color-primary,#4dd9b4);display:flex;justify-content:center}.clinic-name{color:#1f2937;font-size:24px;font-weight:600;margin:0}.verification-section p{color:#6b7280;font-size:14px;line-height:1.6;margin:0 0 24px}.verification-input-container{margin-bottom:16px}.verification-input{border:2px solid #e5e7eb;border-radius:12px;direction:ltr;font-family:SF Mono,Monaco,Inconsolata,Fira Code,monospace;font-size:28px;font-weight:600;height:56px;letter-spacing:12px;outline:none;text-align:center;transition:border-color .2s,box-shadow .2s;width:140px}.verification-input:focus{border-color:#4dd9b4;border-color:var(--color-primary,#4dd9b4);box-shadow:0 0 0 3px #4dd9b426}.verification-input::placeholder{color:#d1d5db;letter-spacing:8px}.verification-error{color:#ef4444;font-size:14px;margin:0 0 16px}.verify-button{background:#4dd9b4;background:var(--color-primary,#4dd9b4);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px 24px;transition:background .2s,transform .1s;width:100%}.verify-button:hover:not(:disabled){background:#3ecba5}.verify-button:active:not(:disabled){transform:scale(.98)}.verify-button:disabled{background:#d1d5db;cursor:not-allowed}.greeting{margin-bottom:24px}.greeting p{color:#374151;font-size:16px;line-height:1.6;margin:0 0 4px}.greeting strong{color:#1f2937}.appointment-details{background:#f9fafb;border-radius:16px;margin-bottom:24px;padding:20px;text-align:right}.appointment-details h3{color:#6b7280;font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 16px;text-transform:uppercase}.detail-item{align-items:flex-start;border-bottom:1px solid #e5e7eb;display:flex;gap:12px;padding:12px 0}.detail-item:last-child{border-bottom:none;padding-bottom:0}.detail-item:first-of-type{padding-top:0}.detail-item svg{color:#4dd9b4;color:var(--color-primary,#4dd9b4);flex-shrink:0;margin-top:2px}.detail-content{display:flex;flex-direction:column;gap:2px}.detail-label{color:#9ca3af;font-size:12px}.detail-value{color:#374151;font-size:15px;font-weight:500}.action-buttons{flex-direction:column;gap:12px}.action-button{align-items:center;border:none;border-radius:14px;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:10px;justify-content:center;padding:16px 24px;transition:all .2s}.action-button.confirm{background:#4dd9b4;background:var(--color-primary,#4dd9b4);color:#fff}.action-button.confirm:hover{background:#3ecba5;box-shadow:0 4px 12px #4dd9b44d;transform:translateY(-1px)}.action-button.decline{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.action-button.decline:hover{background:#fee2e2;transform:translateY(-1px)}.confirm-container.success{padding:40px 32px}.success-icon{margin-bottom:20px}.success-icon.confirmed{color:#4dd9b4;color:var(--color-primary,#4dd9b4)}.success-icon.declined{color:#ef4444}.success-title{color:#1f2937;font-size:22px;font-weight:600;margin:0 0 8px}.success-message{color:#6b7280;font-size:15px;line-height:1.6;margin:0 0 24px}.appointment-summary{background:#f9fafb;border-radius:12px;display:flex;gap:24px;justify-content:center;margin-bottom:24px;padding:16px}.summary-item{align-items:center;color:#374151;display:flex;font-size:14px;gap:8px}.summary-item svg{color:#4dd9b4;color:var(--color-primary,#4dd9b4)}.success-actions{align-items:center;display:flex;flex-direction:column;gap:12px;margin-bottom:8px}.add-to-calendar-button{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:12px;color:#374151;display:inline-flex;font-size:15px;font-weight:600;gap:10px;justify-content:center;max-width:240px;padding:14px 24px;text-decoration:none;transition:all .2s;width:100%}.add-to-calendar-button svg{flex-shrink:0}.add-to-calendar-button:hover{background:#f9fafb;border-color:#d1d5db;box-shadow:0 4px 12px #00000014;transform:translateY(-1px)}.navigate-waze-button{align-items:center;background:#3cf;border:none;border-radius:12px;color:#fff;cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;gap:8px;justify-content:center;max-width:240px;padding:14px 24px;text-decoration:none;transition:all .2s;width:100%}.navigate-waze-button:hover{background:#00b8f0;box-shadow:0 4px 12px #33ccff4d;transform:translateY(-1px)}.navigate-waze-button:active{transform:scale(.98)}.change-response-button{background:#0000;border:none;color:#9ca3af;cursor:pointer;display:block;font-size:14px;margin-top:8px;padding:12px 8px;text-align:center;text-decoration:underline;transition:color .2s;width:100%}.change-response-button:hover{color:#6b7280}.popup-overlay{align-items:center;animation:fadeIn .2s ease-out;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.popup-container{animation:slideUp .3s ease-out;background:#fff;border-radius:20px;max-width:360px;padding:32px;text-align:center;width:100%}.popup-icon{margin-bottom:16px}.popup-icon.confirm{color:#4dd9b4;color:var(--color-primary,#4dd9b4)}.popup-icon.decline{color:#ef4444}.popup-container h3{color:#1f2937;font-size:20px;font-weight:600;margin:0 0 8px}.popup-container p{color:#6b7280;font-size:14px;line-height:1.6;margin:0 0 24px}.popup-buttons{display:flex;gap:12px}.popup-button{border:none;border-radius:12px;cursor:pointer;flex:1 1;font-size:15px;font-weight:600;padding:14px 20px;transition:all .2s}.popup-button.cancel{background:#f3f4f6;color:#6b7280}.popup-button.cancel:hover{background:#e5e7eb}.popup-button.confirm{background:#4dd9b4;background:var(--color-primary,#4dd9b4);color:#fff}.popup-button.confirm:hover{background:#3ecba5}.popup-button.decline{background:#ef4444;color:#fff}.popup-button.decline:hover{background:#dc2626}@media (max-width:480px){.confirm-page{align-items:flex-start;padding:40px 12px 12px}.confirm-container{border-radius:20px;padding:24px 20px}.clinic-logo,.clinic-logo-placeholder{height:64px;width:64px}.clinic-name{font-size:20px}.verification-input{font-size:24px;height:48px;letter-spacing:8px;width:120px}.appointment-details{padding:16px}.detail-item{padding:10px 0}.action-button{font-size:15px;padding:14px 20px}.appointment-summary{align-items:center;flex-direction:column;gap:12px}.popup-container{margin:0 12px;padding:24px 20px}.popup-buttons{flex-direction:column}}.sign-form-page{align-items:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);direction:rtl;display:flex;font-family:Rubik,-apple-system,BlinkMacSystemFont,sans-serif;justify-content:center;min-height:100vh;padding:20px}.sign-form-container{background:#fff;border-radius:16px;box-shadow:0 4px 24px #00000014;max-width:600px;overflow:hidden;width:100%}.sign-form-container.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 40px;text-align:center}.loading-container .spinner{animation:spin 1s linear infinite;color:#6366f1}.loading-container p{color:#64748b;font-size:1rem;margin-top:16px}.sign-form-container.error-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 40px;text-align:center}.error-container .error-icon{color:#ef4444;margin-bottom:16px}.error-container h2{color:#1e293b;font-size:1.25rem;font-weight:600;margin:0 0 8px}.error-container p{color:#64748b;font-size:.95rem;margin:0}.sign-form-container.success-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 40px;text-align:center}.success-container .success-icon{color:#22c55e;margin-bottom:16px}.success-container h2{color:#1e293b;font-size:1.25rem;font-weight:600;margin:0 0 8px}.success-container p{color:#64748b;font-size:.95rem;margin:0}.success-container .form-name{background:#f0fdf4;border-radius:8px;color:#16a34a;font-weight:500;margin-top:16px;padding:12px 24px}.sign-form-container.verify-container{padding:0}.verify-header{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);display:flex;flex-direction:column;padding:32px 24px;text-align:center}.verify-header .form-icon{color:#fff;margin-bottom:12px;opacity:.9}.verify-header h2{color:#fff;font-size:1.25rem;font-weight:600;margin:0 0 8px}.verify-header .form-name{color:#ffffffd9;font-size:.95rem;margin:0}.verify-form{padding:32px 24px}.verify-instruction{color:#64748b;font-size:.95rem;line-height:1.6;margin:0 0 24px;text-align:center}.verify-form .form-group{margin-bottom:20px}.verify-form .form-group label{align-items:center;color:#374151;display:flex;font-size:.9rem;font-weight:500;gap:8px;margin-bottom:8px}.verify-form .form-group label svg{color:#6366f1}.verify-form .form-group input{background:#f8fafc;border:2px solid #e2e8f0;border-radius:10px;color:#1e293b;font-family:inherit;font-size:1rem;padding:14px 16px;text-align:right;transition:all .2s ease;width:100%}.verify-form .form-group input:focus{background:#fff;border-color:#6366f1;box-shadow:0 0 0 4px #6366f11a;outline:none}.verify-form .form-group input::placeholder{color:#94a3b8}.verification-error{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;display:flex;gap:8px;margin-bottom:20px;padding:12px 16px}.verification-error svg{color:#ef4444;flex-shrink:0}.verification-error span{color:#dc2626;font-size:.9rem}.verify-btn{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:10px;display:flex;font-size:1rem;gap:8px;justify-content:center;padding:14px 24px;transition:all .2s ease}.verify-btn:hover:not(:disabled){box-shadow:0 4px 16px #6366f159;transform:translateY(-1px)}.verify-btn:disabled{opacity:.6}.verify-btn .spinner{animation:spin 1s linear infinite}.sign-form-container.form-view-container{display:flex;flex-direction:column;max-height:90vh;max-width:700px}.form-view-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:20px 24px}.form-view-header h2{color:#1e293b;font-size:1.15rem;font-weight:600;margin:0}.form-content{flex:1 1;overflow-y:auto;padding:24px}.form-content-html{color:#374151;font-size:.95rem;line-height:1.7}.form-content-html p{margin:0 0 12px}.form-content-html h1,.form-content-html h2,.form-content-html h3{color:#1e293b;margin:20px 0 12px}.form-content-html .signature-placeholder{background:#fef3c7;border:2px dashed #f59e0b;border-radius:8px;display:block;margin:24px auto;padding:16px;text-align:center;width:200px}.form-content-html .signature-placeholder .signature-line{background:#d97706;height:2px;margin-bottom:8px;width:100%}.form-content-html .signature-placeholder .signature-label{color:#92400e;font-size:.8rem;font-style:italic}.form-actions{background:#f8fafc;border-top:1px solid #e2e8f0;padding:20px 24px}.proceed-btn{align-items:center;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:1rem;font-weight:600;gap:8px;justify-content:center;padding:14px 24px;transition:all .2s ease;width:100%}.proceed-btn:hover{box-shadow:0 4px 16px #22c55e59;transform:translateY(-1px)}.sign-form-container.signature-container{padding:24px}.signature-header{margin-bottom:24px;text-align:center}.signature-header h2{color:#1e293b;font-size:1.15rem;font-weight:600;margin:0 0 8px}.signature-header p{color:#64748b;font-size:.9rem;margin:0}.signature-type-tabs{display:flex;gap:8px;margin-bottom:24px}.signature-tab{align-items:center;background:#f8fafc;border:2px solid #e2e8f0;border-radius:10px;color:#64748b;cursor:pointer;display:flex;flex:1 1;font-family:inherit;font-size:.9rem;font-weight:500;gap:8px;justify-content:center;padding:12px 16px;transition:all .2s ease}.signature-tab:hover{background:#f1f5f9;border-color:#cbd5e1}.signature-tab.active{background:#6366f11a;border-color:#6366f1;color:#6366f1}.signature-canvas-container{margin-bottom:24px;position:relative}.signature-canvas{background:#fff;border:2px solid #e2e8f0;border-radius:10px;cursor:crosshair;height:200px;touch-action:none;width:100%}.signature-canvas:active{border-color:#6366f1}.clear-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;cursor:pointer;display:flex;font-family:inherit;font-size:.8rem;gap:4px;left:8px;padding:6px 12px;position:absolute;top:8px;transition:all .2s ease}.clear-btn:hover{background:#f8fafc;border-color:#cbd5e1}.typed-signature-container{margin-bottom:24px}.typed-signature-input{background:#f8fafc;border:2px solid #e2e8f0;border-radius:10px;color:#1e293b;font-family:inherit;font-size:1rem;padding:14px 16px;text-align:center;transition:all .2s ease;width:100%}.typed-signature-input:focus{background:#fff;border-color:#6366f1;box-shadow:0 0 0 4px #6366f11a;outline:none}.typed-signature-input::placeholder{color:#94a3b8}.typed-signature-preview{background:#f8fafc;border-radius:10px;color:#1e293b;font-size:1.5rem;font-style:italic;margin-top:16px;padding:16px;text-align:center}.signature-actions{display:flex;gap:12px}.back-btn{background:#f8fafc;border:2px solid #e2e8f0;border-radius:10px;color:#64748b;flex:1 1;font-size:1rem;font-weight:500;padding:14px 24px}.back-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.submit-btn{background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:10px;flex:2 1;font-size:1rem;gap:8px;padding:14px 24px;transition:all .2s ease}.submit-btn:hover:not(:disabled){box-shadow:0 4px 16px #22c55e59;transform:translateY(-1px)}.submit-btn:disabled{opacity:.6}@media (max-width:640px){.sign-form-page{align-items:stretch;padding:0}.sign-form-container{border-radius:0;max-width:none;min-height:100vh}.sign-form-container.form-view-container{height:auto;max-height:none}.verify-form{padding:24px 20px}.form-content,.signature-container{padding:20px}.signature-type-tabs{flex-direction:column}.signature-actions{flex-direction:column-reverse}.back-btn,.submit-btn{flex:none;width:100%}}.questionnaire-page{align-items:center;background:linear-gradient(135deg,#f8fffe,#e8f7f3 50%,#f0faf7);direction:rtl;display:flex;font-family:Rubik,sans-serif;justify-content:center;min-height:100vh;padding:20px}.questionnaire-container{background:#fff;border-radius:24px;box-shadow:0 8px 40px #00000014;max-width:500px;padding:32px;text-align:center;width:100%}.questionnaire-container.loading-container{align-items:center;color:#6b7280;display:flex;flex-direction:column;gap:16px;padding:60px 32px}.questionnaire-container .spinner{animation:spin 1s linear infinite;color:#4dd9b4;color:var(--color-primary,#4dd9b4)}.questionnaire-container.error-container{padding:48px 32px}.error-icon{color:#ef4444;margin-bottom:16px}.questionnaire-container.error-container h2{color:#374151;font-size:24px;margin:0 0 8px}.questionnaire-container.error-container p{color:#6b7280;margin:0}.questionnaire-container.success-container{padding:48px 32px}.success-icon{color:#22c55e;margin-bottom:16px}.questionnaire-container.success-container h2{color:#374151;font-size:24px;margin:0 0 12px}.questionnaire-container.success-container p{color:#6b7280;line-height:1.6;margin:0}.success-hint{color:#9ca3af!important;font-size:13px;margin-top:16px!important}.questionnaire-header{margin-bottom:24px}.questionnaire-logo{align-items:center;background:linear-gradient(135deg,#e8f7f3,#d1f4ea);border-radius:16px;color:#4dd9b4;color:var(--color-primary,#4dd9b4);display:flex;height:64px;justify-content:center;margin:0 auto 16px;width:64px}.questionnaire-header h1{color:#1f2937;font-size:22px;font-weight:600;margin:0 0 8px}.questionnaire-name{color:#3bb896;color:var(--color-primary-dark,#3bb896);font-size:16px;font-weight:500;margin:0 0 16px}.greeting{color:#374151;font-size:15px;margin:0}.fill-instruction{color:#6b7280;font-size:14px;margin:0}.verification-section{padding:24px 0}.verification-icon{color:#4dd9b4;color:var(--color-primary,#4dd9b4);margin-bottom:16px}.verification-section h2{color:#374151;font-size:20px;font-weight:600;margin:0 0 8px}.verification-description{color:#6b7280;font-size:14px;margin:0 0 20px}.verification-type-selector{display:flex;gap:12px;justify-content:center;margin-bottom:20px}.type-btn{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:12px;color:#6b7280;cursor:pointer;display:flex;font-family:inherit;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s}.type-btn:hover{border-color:#d1d5db;color:#374151}.type-btn.active{background:#4dd9b41a;border-color:#4dd9b4;border-color:var(--color-primary,#4dd9b4);color:#3bb896;color:var(--color-primary-dark,#3bb896)}.verification-input-group{margin-bottom:20px;text-align:right}.verification-input-group label{color:#374151;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.verification-input-group input{border:2px solid #e5e7eb;border-radius:12px;font-family:inherit;font-size:18px;font-weight:500;height:48px;letter-spacing:4px;outline:none;text-align:center;transition:border-color .2s,box-shadow .2s;width:100%}.verification-input-group input:focus{border-color:#4dd9b4;border-color:var(--color-primary,#4dd9b4);box-shadow:0 0 0 3px #4dd9b426}.verification-input-group input.error{border-color:#ef4444}.error-message{color:#ef4444;display:block;font-size:13px;margin-top:6px;text-align:center}.verify-btn{background:#4dd9b4;background:var(--color-primary,#4dd9b4);border:none;border-radius:12px;color:#fff;cursor:pointer;font-family:inherit;font-size:16px;font-weight:600;height:48px;transition:all .2s;width:100%}.verify-btn:hover:not(:disabled){background:#3bb896;background:var(--color-primary-dark,#3bb896)}.verify-btn:disabled{cursor:not-allowed;opacity:.5}.fill-container{max-width:560px;text-align:right}.fill-container .questionnaire-header{text-align:center}.questionnaire-fields{display:flex;flex-direction:column;gap:20px;margin-bottom:24px}.field-group{text-align:right}.field-group>label{color:#374151;display:block;font-size:15px;font-weight:500;margin-bottom:8px}.field-group>label.required{color:#1f2937}.required-mark{color:#ef4444;margin-right:4px}.field-group input[type=text],.field-group textarea{border:2px solid #e5e7eb;border-radius:12px;color:#1f2937;font-family:inherit;font-size:15px;outline:none;padding:12px 16px;resize:vertical;transition:border-color .2s,box-shadow .2s;width:100%}.field-group input[type=text]:focus,.field-group textarea:focus{border-color:#4dd9b4;border-color:var(--color-primary,#4dd9b4);box-shadow:0 0 0 3px #4dd9b426}.field-group input::placeholder,.field-group textarea::placeholder{color:#9ca3af}.checkbox-label{background:#f9fafb;border:2px solid #0000;border-radius:12px;gap:12px;padding:12px 16px;transition:all .2s}.checkbox-label:hover{background:#f3f4f6}.checkbox-label input[type=checkbox]{display:none}.checkbox-custom{border:2px solid #d1d5db;border-radius:6px;height:22px;transition:all .2s;width:22px}.checkbox-label input[type=checkbox]:checked+.checkbox-custom{background:#4dd9b4;background:var(--color-primary,#4dd9b4);border-color:#4dd9b4;border-color:var(--color-primary,#4dd9b4)}.checkbox-label input[type=checkbox]:checked+.checkbox-custom:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:10px;margin-bottom:2px;transform:rotate(45deg);width:6px}.checkbox-text{color:#374151;font-size:15px}.submit-btn{align-items:center;background:#4dd9b4;background:var(--color-primary,#4dd9b4);border-radius:12px;color:#fff;display:flex;font-size:16px;gap:10px;height:52px;justify-content:center;transition:all .2s;width:100%}.submit-btn:hover:not(:disabled){background:#3bb896;background:var(--color-primary-dark,#3bb896)}.submit-btn:disabled{cursor:not-allowed;opacity:.5}.no-save-hint{color:#9ca3af;font-size:12px;margin-top:16px;text-align:center}@media (max-width:480px){.questionnaire-page{align-items:flex-start;padding:24px 12px 12px}.questionnaire-container{border-radius:20px;padding:24px 20px}.questionnaire-header h1{font-size:20px}.verification-type-selector{flex-direction:column;gap:8px}.type-btn{justify-content:center;width:100%}.questionnaire-fields{gap:16px}.field-group>label{font-size:14px}.field-group input[type=text],.field-group textarea{font-size:14px;padding:10px 14px}}.trial-expired-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:var(--spacing-md);position:fixed;right:0;top:0;z-index:10000}.trial-expired-modal{animation:modalSlideIn .4s ease-out;background:linear-gradient(145deg,#fff,#f8fafa);border-radius:24px;box-shadow:0 25px 50px -12px #00000040,inset 0 0 0 1px #ffffff80;max-width:480px;padding:var(--spacing-2xl);text-align:center;width:100%}.trial-expired-icon{align-items:center;background:linear-gradient(135deg,var(--color-primary) 0,#3bc4a1 100%);border-radius:50%;box-shadow:0 8px 24px #4dd9b44d;color:#fff;display:flex;height:80px;justify-content:center;margin:0 auto var(--spacing-lg);width:80px}.trial-expired-title{color:var(--color-text-primary);font-size:1.75rem;font-weight:700;line-height:1.3;margin:0 0 var(--spacing-lg)}.trial-expired-message{margin-bottom:var(--spacing-xl)}.trial-expired-message p{color:var(--color-text-secondary);font-size:1.05rem;line-height:1.7;margin:0 0 var(--spacing-sm)}.trial-expired-message p:first-child{color:var(--color-text-primary);font-size:1.15rem;font-weight:500}.trial-expired-message strong{color:var(--color-text-primary);font-weight:600}.trial-expired-actions{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.trial-expired-btn{align-items:center;border-radius:12px;cursor:pointer;display:flex;font-size:1.05rem;font-weight:600;gap:var(--spacing-sm);justify-content:center;padding:var(--spacing-md) var(--spacing-lg);text-decoration:none;transition:all .2s ease}.trial-expired-btn-whatsapp{background:linear-gradient(135deg,#25d366,#128c7e);box-shadow:0 4px 15px #25d3664d;color:#fff}.trial-expired-btn-whatsapp:hover{box-shadow:0 6px 20px #25d36666;transform:translateY(-2px)}.trial-expired-btn-whatsapp:active{transform:translateY(0)}.trial-expired-btn-email{background:var(--color-background);border:2px solid var(--color-border);color:var(--color-text-primary)}.trial-expired-btn-email:hover{background:var(--color-card);border-color:var(--color-primary);color:var(--color-primary)}.trial-expired-contact-info{display:flex;flex-wrap:wrap;gap:var(--spacing-xl);justify-content:center;margin-bottom:var(--spacing-lg)}.trial-expired-contact-item{align-items:center;color:var(--color-text-secondary);display:flex;font-size:.95rem;gap:var(--spacing-xs)}.trial-expired-contact-item svg{color:var(--color-primary)}.trial-expired-footer{border-top:1px solid var(--color-border-light);color:var(--color-text-tertiary);font-size:.9rem;margin:0;padding-top:var(--spacing-md)}@media (max-width:768px){.trial-expired-overlay{align-items:flex-end;padding:var(--spacing-sm)}.trial-expired-modal{-webkit-overflow-scrolling:touch;border-radius:24px 24px 0 0;max-height:90vh;overflow-y:auto;padding:var(--spacing-xl) var(--spacing-lg)}.trial-expired-icon{height:64px;width:64px}.trial-expired-icon svg{height:36px;width:36px}.trial-expired-title{font-size:1.5rem}.trial-expired-message p{font-size:1rem}.trial-expired-contact-info{flex-direction:column;gap:var(--spacing-sm)}}.trial-warning-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:var(--spacing-md);position:fixed;right:0;top:0;z-index:9999}.trial-warning-modal{animation:warningSlideIn .35s ease-out;background:#fff;border-radius:20px;box-shadow:0 20px 40px #0003;max-width:420px;padding:var(--spacing-xl);position:relative;text-align:center;width:100%}@keyframes warningSlideIn{0%{opacity:0;transform:translateY(-15px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.trial-warning-close{align-items:center;background:var(--color-background);border:none;border-radius:8px;color:var(--color-text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;left:var(--spacing-md);position:absolute;top:var(--spacing-md);transition:all .2s ease;width:32px}.trial-warning-close:hover{background:var(--color-border);color:var(--color-text-primary)}.trial-warning-icon{align-items:center;border-radius:50%;display:flex;height:64px;justify-content:center;margin:0 auto var(--spacing-md);transition:all .3s ease;width:64px}.trial-warning-icon.urgency-medium{background:linear-gradient(135deg,#fbbf24,#f59e0b);box-shadow:0 6px 20px #fbbf244d;color:#fff}.trial-warning-icon.urgency-high{background:linear-gradient(135deg,#f97316,#ea580c);box-shadow:0 6px 20px #f973164d;color:#fff}.trial-warning-icon.urgency-critical{animation:pulse 2s infinite;background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 6px 20px #ef44444d;color:#fff}.trial-warning-badge{border-radius:20px;display:inline-block;font-size:.85rem;font-weight:700;margin-bottom:var(--spacing-md);padding:var(--spacing-xs) var(--spacing-md)}.trial-warning-badge.urgency-medium{background:#fef3c7;color:#b45309}.trial-warning-badge.urgency-high{background:#ffedd5;color:#c2410c}.trial-warning-badge.urgency-critical{background:#fee2e2;color:#b91c1c}.trial-warning-title{color:var(--color-text-primary);font-size:1.4rem;font-weight:700;line-height:1.3;margin:0 0 var(--spacing-md)}.trial-warning-message{margin-bottom:var(--spacing-lg)}.trial-warning-message p{color:var(--color-text-secondary);font-size:.95rem;line-height:1.6;margin:0 0 var(--spacing-xs)}.trial-warning-actions{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.trial-warning-btn{align-items:center;border-radius:10px;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:var(--spacing-xs);justify-content:center;padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;transition:all .2s ease}.trial-warning-btn-whatsapp{background:linear-gradient(135deg,#25d366,#128c7e);box-shadow:0 3px 10px #25d36640;color:#fff}.trial-warning-btn-whatsapp:hover{box-shadow:0 4px 14px #25d36659;transform:translateY(-1px)}.trial-warning-btn-email{background:var(--color-background);border:1px solid var(--color-border);color:var(--color-text-primary)}.trial-warning-btn-email:hover{background:var(--color-card);border-color:var(--color-primary)}.trial-warning-contact-info{display:flex;flex-wrap:wrap;gap:var(--spacing-lg);justify-content:center;margin-bottom:var(--spacing-lg)}.trial-warning-contact-item{align-items:center;color:var(--color-text-tertiary);display:flex;font-size:.85rem;gap:4px}.trial-warning-contact-item svg{color:var(--color-primary)}.trial-warning-acknowledge{background:#0000;border:1px dashed var(--color-border);border-radius:10px;color:var(--color-text-tertiary);cursor:pointer;font-size:.9rem;font-weight:500;padding:var(--spacing-sm) var(--spacing-md);transition:all .2s ease;width:100%}.trial-warning-acknowledge:hover{background:var(--color-background);border-color:var(--color-text-tertiary);color:var(--color-text-secondary)}@media (max-width:768px){.trial-warning-overlay{align-items:flex-end;padding:var(--spacing-sm)}.trial-warning-modal{-webkit-overflow-scrolling:touch;border-radius:20px 20px 0 0;max-height:85vh;overflow-y:auto;padding:var(--spacing-lg)}.trial-warning-icon{height:56px;width:56px}.trial-warning-icon svg{height:28px;width:28px}.trial-warning-title{font-size:1.25rem}.trial-warning-contact-info{flex-direction:column;gap:var(--spacing-xs)}}.confirm-dialog-overlay{align-items:center;animation:fadeIn .15s ease;background:#00000080;display:flex;inset:0;justify-content:center;padding:var(--spacing-lg);position:fixed;z-index:1000}.confirm-dialog{animation:slideIn .2s ease;background:var(--color-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-width:400px;padding:var(--spacing-xl);position:relative;text-align:center;width:100%}@keyframes slideIn{0%{opacity:0;transform:scale(.9) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.confirm-dialog-close{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--color-text-light);cursor:pointer;display:flex;height:28px;justify-content:center;left:var(--spacing-md);position:absolute;top:var(--spacing-md);transition:all var(--transition-fast);width:28px}.confirm-dialog-close:hover{background:var(--color-background);color:var(--color-text-primary)}.confirm-dialog-icon{align-items:center;border-radius:var(--radius-full);display:flex;height:56px;justify-content:center;margin:0 auto var(--spacing-md);width:56px}.confirm-dialog-icon-warning{background:var(--color-secondary-yellow-light);color:#d97706}.confirm-dialog-icon-danger{background:var(--color-secondary-pink-light);color:var(--color-error)}.confirm-dialog-icon-info{background:var(--color-primary-light);color:var(--color-primary-dark)}.confirm-dialog-title{color:var(--color-text-primary);font-size:1.15rem;font-weight:600;margin:0 0 var(--spacing-sm)}.confirm-dialog-message{color:var(--color-text-secondary);font-size:.95rem;line-height:1.5;margin:0 0 var(--spacing-xl)}.confirm-dialog-actions{display:flex;gap:var(--spacing-sm);justify-content:center}.confirm-dialog-btn{align-items:center;border-radius:var(--radius-md);cursor:pointer;display:flex;font-family:inherit;font-size:.95rem;font-weight:500;gap:var(--spacing-xs);justify-content:center;min-width:100px;padding:var(--spacing-sm) var(--spacing-xl);transition:all var(--transition-fast)}.confirm-dialog-btn.cancel{background:#0000;border:1px solid var(--color-border);color:var(--color-text-secondary)}.confirm-dialog-btn.cancel:hover{background:var(--color-background);border-color:var(--color-text-light);color:var(--color-text-primary)}.confirm-dialog-btn.confirm{border:none}.confirm-dialog-btn.confirm-warning{background:#f59e0b;color:#fff}.confirm-dialog-btn.confirm-warning:hover{background:#d97706}.confirm-dialog-btn.confirm-danger{background:var(--color-error);color:#fff}.confirm-dialog-btn.confirm-danger:hover{background:#dc2626}.confirm-dialog-btn.confirm-info{background:var(--color-primary);color:var(--color-text-primary)}.confirm-dialog-btn.confirm-info:hover{background:var(--color-primary-dark)}@media (max-width:480px){.confirm-dialog{padding:var(--spacing-lg)}.confirm-dialog-actions{flex-direction:column-reverse}.confirm-dialog-btn{width:100%}}.notifications-dropdown-container{position:relative}.notifications-dropdown-container .notification-btn{align-items:center;background:var(--color-background);border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:1.25rem;height:44px;justify-content:center;position:relative;transition:all var(--transition-fast);width:44px}.notifications-dropdown-container .notification-btn.active,.notifications-dropdown-container .notification-btn:hover{background:var(--color-primary-light);color:var(--color-primary-dark)}.notifications-dropdown-container .notification-badge{align-items:center;background:var(--color-error);border-radius:var(--radius-full);color:#fff;display:flex;font-size:.65rem;font-weight:600;height:18px;justify-content:center;left:6px;min-width:18px;padding:0 4px;position:absolute;top:6px}.notifications-dropdown{animation:dropdownFadeIn .15s ease-out;background:var(--color-card);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;left:0;max-height:500px;overflow:hidden;position:absolute;top:calc(100% + 8px);width:380px;z-index:var(--z-dropdown)}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{align-items:center;background:var(--color-background);border-bottom:1px solid var(--color-border-light);display:flex;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg)}.dropdown-title{align-items:center;color:var(--color-text-primary);display:flex;font-size:.95rem;font-weight:600;gap:var(--spacing-sm)}.dropdown-title svg{color:var(--color-primary-dark)}.dropdown-count{align-items:center;background:var(--color-primary);border-radius:var(--radius-full);color:var(--color-text-primary);display:flex;font-size:.7rem;font-weight:600;height:20px;justify-content:center;min-width:20px;padding:0 6px}.mark-all-read-btn{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;display:flex;font-family:inherit;font-size:.75rem;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);transition:all var(--transition-fast)}.mark-all-read-btn:hover{background:var(--color-primary-light);color:var(--color-primary-dark)}.dropdown-content{-webkit-overflow-scrolling:touch;flex:1 1;overflow-y:auto}.dropdown-empty{align-items:center;color:var(--color-text-light);display:flex;flex-direction:column;gap:var(--spacing-sm);justify-content:center;padding:var(--spacing-xl) var(--spacing-lg)}.dropdown-empty p{font-size:.9rem;margin:0}.dropdown-list{display:flex;flex-direction:column}.dropdown-item{align-items:flex-start;border-bottom:1px solid var(--color-border-light);padding:var(--spacing-md) var(--spacing-lg);position:relative}.dropdown-item:last-child{border-bottom:none}.dropdown-item:before{background:var(--color-border);bottom:0;content:"";position:absolute;right:0;top:0;transition:background var(--transition-fast);width:3px}.dropdown-item.urgency-high:before{background:var(--color-error)}.dropdown-item.urgency-medium:before{background:var(--color-secondary-yellow)}.dropdown-item.urgency-low:before{background:var(--color-primary)}.item-icon{align-items:center;background:var(--color-background);border-radius:var(--radius-md);color:var(--color-text-secondary);display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.dropdown-item.urgency-high .item-icon{background:#ef44441a;color:var(--color-error)}.dropdown-item.urgency-medium .item-icon{background:var(--color-secondary-yellow-light);color:#b45309}.item-content{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.item-header{align-items:center;display:flex;gap:var(--spacing-sm);justify-content:space-between}.item-title{color:var(--color-text-primary);font-size:.85rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-time{color:var(--color-text-light);font-size:.7rem;white-space:nowrap}.item-message{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--color-text-secondary);display:-webkit-box;font-size:.8rem;line-height:1.4;margin:0;overflow:hidden}.item-mark-read{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--color-text-light);cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;margin-top:2px;opacity:0;transition:all var(--transition-fast);width:28px}.dropdown-item:hover .item-mark-read{opacity:1}.item-mark-read:hover{background:var(--color-primary-light);color:var(--color-primary-dark)}.dropdown-footer{background:var(--color-background);border-top:1px solid var(--color-border-light);padding:var(--spacing-sm) var(--spacing-lg)}.view-all-btn{background:#0000;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;font-family:inherit;font-size:.85rem;padding:var(--spacing-sm);transition:all var(--transition-fast);width:100%}.view-all-btn:hover{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary-dark)}@media (max-width:600px){.notifications-dropdown{left:var(--spacing-md);max-height:calc(100vh - 90px);position:fixed;right:var(--spacing-md);top:70px;width:auto}.dropdown-header,.dropdown-item{padding:var(--spacing-sm) var(--spacing-md)}.item-mark-read{opacity:1}.item-message{-webkit-line-clamp:3}}@media (max-width:400px){.mark-all-read-btn span{display:none}}.ongoing-appointment-indicator{align-items:center;background:linear-gradient(135deg,#e8f8f4,#d4f4eb);border:1px solid var(--color-primary);border-radius:var(--radius-full);cursor:pointer;display:flex;gap:var(--spacing-sm);min-width:12px;overflow:hidden;padding:var(--spacing-xs) var(--spacing-md);position:relative;transition:all var(--transition-fast)}.ongoing-appointment-indicator:hover{background:linear-gradient(135deg,#d4f4eb,#c0f0e4);box-shadow:0 4px 12px #4dd9b440;margin-left:30px;transform:translateY(-1px)}.ongoing-indicator-pulse{animation:pulse-ring 1.5s ease-out infinite;height:8px;right:12px;top:50%;transform:translateY(-50%);width:8px}.ongoing-indicator-pulse,.ongoing-indicator-pulse:before{background:var(--color-primary-dark);border-radius:50%;position:absolute}.ongoing-indicator-pulse:before{animation:pulse-dot 1.5s ease-out infinite;content:"";inset:0}@keyframes pulse-ring{0%{box-shadow:0 0 0 0 #3cc4a166}70%{box-shadow:0 0 0 8px #3cc4a100}to{box-shadow:0 0 0 0 #3cc4a100}}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(.85)}}.ongoing-indicator-content{align-items:center;display:flex;gap:var(--spacing-sm);margin-right:var(--spacing-md)}.ongoing-indicator-icon{align-items:center;background:var(--color-primary);border-radius:50%;color:#fff;display:flex;flex-shrink:0;height:28px;justify-content:center;width:28px}.ongoing-indicator-info{align-items:flex-start;display:flex;flex-direction:column;gap:1px}.ongoing-indicator-label{color:var(--color-text-primary);font-size:.8rem;font-weight:600;white-space:nowrap}.ongoing-indicator-time{font-feature-settings:"tnum";align-items:center;color:var(--color-primary-dark);display:flex;font-size:.7rem;font-variant-numeric:tabular-nums;font-weight:500;gap:4px}@media (max-width:768px){.ongoing-appointment-indicator{padding:var(--spacing-xs) var(--spacing-sm)}.ongoing-indicator-label{font-size:.75rem;max-width:100px;overflow:hidden;text-overflow:ellipsis}.ongoing-indicator-icon{height:24px;width:24px}.ongoing-indicator-icon svg{height:14px;width:14px}}@media (max-width:480px){.ongoing-appointment-indicator{padding:var(--spacing-xs)}.ongoing-indicator-content{margin-right:var(--spacing-sm)}.ongoing-indicator-info{display:none}.ongoing-indicator-icon{height:32px;width:32px}}.dashboard-layout{background:var(--color-background);display:flex;max-width:100vw;min-height:100vh;overflow-x:hidden}.dashboard-sidebar{background:var(--color-card);border-left:1px solid var(--color-border-light);bottom:0;display:flex;flex-direction:column;position:fixed;right:0;top:0;transition:width var(--transition-normal);width:260px;z-index:var(--z-sticky)}.dashboard-sidebar.collapsed{width:80px}.sidebar-header{border-bottom:1px solid var(--color-border-light);min-height:70px;padding:var(--spacing-lg)}.sidebar-header,.sidebar-logo{align-items:center;display:flex;justify-content:center}.sidebar-logo{gap:var(--spacing-sm)}.logo-img{flex-shrink:0;height:30px;object-fit:contain;width:30px}.collapsed .logo-img{height:36px;width:36px}.logo-text{color:var(--color-text-primary);font-size:1.5rem;font-weight:700;margin-top:2px}.sidebar-nav{flex:1 1;overflow-y:auto;padding:var(--spacing-md) 0}.nav-list{display:flex;flex-direction:column;gap:var(--spacing-xs);list-style:none;padding:0 var(--spacing-sm)}.nav-item{align-items:center;border-radius:var(--radius-md);color:var(--color-text-secondary);display:flex;font-weight:500;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-md);text-decoration:none;transition:all var(--transition-fast)}.nav-item:hover{background:var(--color-background-alt);color:var(--color-text-primary)}.nav-item.active{background:var(--color-primary-light);color:var(--color-primary-dark)}.nav-icon{align-items:center;display:flex;flex-shrink:0;font-size:1.25rem;justify-content:center;text-align:center;width:28px}.nav-label{font-size:.95rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.collapsed .nav-item{justify-content:center;padding:var(--spacing-md)}.collapsed .nav-label{display:none}.niv-nav-list{border-bottom:1px solid var(--color-border-light);margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-sm)}.niv-nav-item{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#1f2937!important}.niv-nav-item.active,.niv-nav-item:hover{background:linear-gradient(135deg,#f59e0b,#d97706);color:#1f2937!important}.niv-nav-item.active{box-shadow:0 2px 8px #f59e0b4d}.niv-nav-item .nav-icon{color:#1f2937}.nav-section-divider{background:var(--color-border-light);height:1px;margin:var(--spacing-md) var(--spacing-md)}.nav-section-title{align-items:center;background:none;border:none;color:var(--color-text-light);cursor:pointer;display:flex;font-family:inherit;font-size:.75rem;font-weight:600;justify-content:space-between;letter-spacing:.5px;margin-bottom:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);text-transform:uppercase;transition:color var(--transition-fast);width:100%}.nav-section-title:hover{color:var(--color-text-secondary)}.admin-nav-list{padding-top:0}.admin-nav-item{padding-bottom:calc(var(--spacing-md) - 1px);padding-top:calc(var(--spacing-md) - 1px)}.sidebar-footer{border-top:1px solid var(--color-border-light);flex-direction:column;gap:var(--spacing-xs)}.sidebar-footer,.sidebar-toggle{display:flex;padding:var(--spacing-md)}.sidebar-toggle{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;font-family:inherit;font-size:.95rem;font-weight:500;gap:var(--spacing-md);transition:all var(--transition-fast);width:100%}.sidebar-toggle:hover{background:var(--color-background-alt);color:var(--color-text-primary)}.collapsed .sidebar-toggle{justify-content:center}.logout-btn{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;font-family:inherit;font-size:.95rem;font-weight:500;gap:var(--spacing-md);padding:var(--spacing-md);transition:all var(--transition-fast);width:100%}.logout-btn:hover{background:var(--color-secondary-pink-light);color:var(--color-error)}.collapsed .logout-btn{justify-content:center}.app-version{color:#999;color:var(--color-text-tertiary,#999);display:block;font-size:.6rem;margin-top:2px;opacity:.5;text-align:center;-webkit-user-select:none;user-select:none}.dashboard-main{display:flex;flex:1 1;flex-direction:column;margin-right:260px;min-height:100vh;overflow-x:hidden;transition:margin-right var(--transition-normal)}.dashboard-sidebar.collapsed+.dashboard-main{margin-right:80px}.dashboard-header{align-items:center;background:var(--color-card);border-bottom:1px solid var(--color-border-light);display:flex;gap:var(--spacing-lg);min-height:70px;padding:var(--spacing-md) var(--spacing-xl);position:-webkit-sticky;position:sticky;top:0;z-index:var(--z-dropdown)}.mobile-menu-btn{align-items:center;background:var(--color-background-alt);border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:none;height:40px;justify-content:center;width:40px}.mobile-menu-btn svg{height:24px;width:24px}.user-menu{align-items:center;border-radius:var(--radius-md);cursor:pointer;display:flex;gap:var(--spacing-md);padding:var(--spacing-xs) var(--spacing-sm);transition:background var(--transition-fast)}.user-menu:hover{background:var(--color-background-alt)}.user-logo{align-items:center;display:flex;height:44px}.user-logo img{border-radius:var(--radius-sm);height:100%;max-width:120px;object-fit:contain;width:auto}.user-avatar{align-items:center;background:var(--color-primary);border-radius:var(--radius-md);color:var(--color-text-primary);display:flex;font-weight:600;height:44px;justify-content:center;width:44px}.user-info{display:flex;flex-direction:column}.user-name{color:var(--color-text-primary);font-size:.9rem;font-weight:600}.clinic-name{color:var(--color-text-secondary);font-size:.75rem}.header-actions{gap:var(--spacing-md);margin-right:auto}.header-datetime{align-items:flex-end;display:flex;flex-direction:column;gap:2px}.header-time{font-feature-settings:"tnum";align-items:center;color:var(--color-text-primary);display:flex;font-size:1.25rem;font-variant-numeric:tabular-nums;font-weight:600;gap:var(--spacing-xs);letter-spacing:.5px}.header-time svg{color:var(--color-primary-dark)}.header-date{font-size:.8rem}.header-divider{background:var(--color-border-light);height:32px;margin:0 var(--spacing-sm);width:1px}.header-btn{align-items:center;background:var(--color-background);border:none;border-radius:var(--radius-md);cursor:pointer;display:flex;font-size:1.25rem;height:44px;justify-content:center;position:relative;transition:all var(--transition-fast);width:44px}.header-btn:hover{background:var(--color-primary-light)}.notification-badge{align-items:center;background:var(--color-error);border-radius:50%;color:#fff;display:flex;font-size:.7rem;font-weight:600;height:18px;justify-content:center;left:6px;position:absolute;top:6px;width:18px}.dashboard-content{flex:1 1;max-width:100%;overflow-x:hidden;padding:var(--spacing-xl)}.sidebar-overlay{background:#00000080;display:none;inset:0;position:fixed;z-index:calc(var(--z-sticky) - 1)}@media (max-width:1024px){.dashboard-sidebar{transform:translateX(100%);width:280px}.dashboard-sidebar.mobile-open{transform:translateX(0)}.dashboard-sidebar.collapsed{width:280px}.sidebar-overlay{display:block}.dashboard-main,.dashboard-sidebar.collapsed+.dashboard-main{margin-right:0}.mobile-menu-btn{display:flex}.sidebar-toggle{display:none}.collapsed .logout-btn .nav-label,.collapsed .nav-label{display:inline}.collapsed .logout-btn,.collapsed .nav-item{justify-content:flex-start}}@media (max-width:600px){.dashboard-header{padding:var(--spacing-sm) var(--spacing-md)}.dashboard-content{padding:var(--spacing-md)}.user-menu{gap:var(--spacing-sm);padding:var(--spacing-xs)}.user-logo{height:36px}.user-logo img{max-width:80px}.user-avatar{font-size:.85rem;height:36px;width:36px}.user-info{display:flex}.user-name{font-size:.8rem}.clinic-name{font-size:.7rem}.header-datetime,.header-divider{display:none}}.modal-overlay{background:#0009;bottom:0;left:0;overflow:hidden;right:0;top:0}.appointment-modal{background:var(--color-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;height:88%;max-height:92vh;max-width:1400px;overflow:hidden;width:92%}.modal-header{background:var(--color-card);flex-shrink:0;padding:var(--spacing-md) var(--spacing-lg)}.modal-header h2{color:var(--color-text-primary);font-size:1.25rem;font-weight:700;margin:0}.close-btn{align-items:center;background:var(--color-background);border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all var(--transition-fast);width:36px}.close-btn:hover{background:var(--color-error);color:#fff}.admin-scheduling-banner{align-items:center;background:linear-gradient(135deg,#4dd9b41a,#4dd9b40d);border-bottom:1px solid #4dd9b44d;color:var(--color-primary-dark);display:flex;font-size:.9rem;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg)}.admin-scheduling-banner svg{color:var(--color-primary)}.admin-scheduling-banner strong{font-weight:600}.modal-form{display:flex;flex:1 1;overflow:hidden}.modal-column{display:flex;flex-direction:column;gap:var(--spacing-md);overflow-y:auto;padding:var(--spacing-lg)}.modal-column-right{border-left:1px solid var(--color-border-light);flex:1.2 1}.modal-column-left{flex:0.8 1}.column-section-title{color:var(--color-text-secondary);font-size:.8rem;font-weight:700;letter-spacing:.5px;margin-bottom:var(--spacing-xs);text-transform:uppercase}.modal-actions-section{border-top:1px solid var(--color-border-light);margin-top:auto;padding-top:var(--spacing-lg)}.form-group label{font-weight:600}.form-group input,.form-group select,.form-group textarea{background:var(--color-card);box-sizing:border-box}.form-group input.error,.form-group select.error{border-color:var(--color-error)}.form-row{display:flex;flex-wrap:wrap}.form-row .form-group{flex:1 1;min-width:120px}.datetime-cards-row{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(3,1fr)}.datetime-card{align-items:center;background:var(--color-background);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);display:flex;gap:var(--spacing-md);min-height:72px;padding:var(--spacing-md);position:relative;transition:all var(--transition-fast)}.datetime-card:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-sm)}.datetime-card:focus-within{border-color:var(--color-primary);box-shadow:var(--shadow-focus)}.datetime-card.has-error{background:#ef44440a;border-color:var(--color-error)}.datetime-card.required-empty{background:#ef44440f;border-color:#ef44444d}.datetime-card .required-hint{color:var(--color-error);display:block;font-size:10px;font-weight:600;margin-top:2px}.datetime-card-icon{align-items:center;background:var(--color-primary-light);border-radius:var(--radius-md);color:var(--color-primary-dark);display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.datetime-card-icon.time-icon{background:#8b5cf61f;color:#7c5bb0}.datetime-card-icon.duration-icon{background:var(--color-secondary-yellow-light);color:#b8860b}.datetime-card-content{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.datetime-card-content label{color:var(--color-text-secondary);font-size:.75rem;font-weight:600;margin:0}.datetime-card-content input{background:#0000;border:none;color:var(--color-text-primary);font-family:inherit;font-size:.95rem;font-weight:600;padding:0;text-align:right;width:100%}.datetime-card-content input:focus{box-shadow:none;outline:none}.datetime-card-content input:disabled{color:var(--color-text-light);cursor:not-allowed}.card-error-text{bottom:-18px;color:var(--color-error);font-size:.7rem;position:absolute;right:0}.details-cards-row{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(2,1fr)}.details-cards-row>.detail-card:only-child{grid-column:1/-1}.detail-card{align-items:center;background:var(--color-background);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);display:flex;gap:var(--spacing-md);min-height:72px;padding:var(--spacing-md);transition:all var(--transition-fast)}.detail-card:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-sm)}.detail-card:focus-within{border-color:var(--color-primary);box-shadow:var(--shadow-focus)}.detail-card.optional-empty{background:#fbbf2414;border-color:#fbbf244d}.detail-card .optional-hint{color:#b45309;display:block;font-size:10px;font-weight:600;margin-top:2px}.detail-card-icon{align-items:center;background:var(--color-primary-light);border-radius:var(--radius-md);color:var(--color-primary-dark);display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.detail-card-icon.payment-icon,.detail-card-icon.treatment-icon{background:#8b5cf61f;color:#7c5bb0}.detail-card-content{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.detail-card-content label{color:var(--color-text-secondary);font-size:.75rem;font-weight:600;margin:0}.detail-card-content select{background:var(--color-card);border:1px solid var(--color-border-light);border-radius:var(--radius-sm);color:var(--color-text-primary);cursor:pointer;font-family:inherit;font-size:.9rem;padding:6px 8px;text-align:right;width:100%}.detail-card-content select:focus{border-color:var(--color-primary);outline:none}.detail-card .payment-input-wrapper{align-items:center;background:var(--color-card);border:1px solid var(--color-border-light);border-radius:var(--radius-sm);display:flex;gap:var(--spacing-xs);padding:6px 25px 6px 8px}.detail-card .payment-input-wrapper:focus-within{border-color:var(--color-primary)}.detail-card .payment-input-wrapper input{background:#0000;border:none;color:var(--color-text-primary);flex:1 1;font-family:inherit;font-size:.9rem;padding:0;text-align:right;width:100%}.detail-card .payment-input-wrapper input:focus{box-shadow:none;outline:none}.detail-card .payment-input-wrapper .currency-symbol{color:var(--color-text-secondary);font-size:.9rem;font-weight:600}.detail-card .treatment-type-display{align-items:center;display:flex;gap:var(--spacing-sm)}.detail-card .treatment-type-badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:.85rem;font-weight:500;padding:4px 10px}.detail-card .edit-treatment-type-btn{align-items:center;background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;display:flex;height:24px;justify-content:center;transition:all var(--transition-fast);width:24px}.detail-card .edit-treatment-type-btn:hover{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary-dark)}.treatment-type-group label{align-items:center;display:flex;gap:var(--spacing-xs)}.treatment-type-group label svg{color:var(--color-primary-dark)}.treatment-type-display{align-items:center;display:flex;gap:var(--spacing-sm)}.treatment-type-badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:.9rem;font-weight:500;padding:6px 12px}.edit-treatment-type-btn{align-items:center;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;height:28px;justify-content:center;transition:all var(--transition-fast);width:28px}.edit-treatment-type-btn:hover{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary-dark)}.required-hint-text{color:var(--color-error);font-size:10px;font-weight:600;margin-top:4px}.required-empty-select{background:#ef44440f!important;border-color:#ef44444d!important}.optional-hint-tooltip{align-items:center;cursor:help;display:flex;gap:4px;margin-top:4px;position:relative}.optional-hint-tooltip svg{color:#b45309;flex-shrink:0}.optional-hint-tooltip .hint-label{color:#b45309;font-size:10px;font-weight:700}.optional-hint-tooltip .hint-tooltip{background:#1f2937;border-radius:var(--radius-md);bottom:calc(100% + 8px);box-shadow:var(--shadow-lg);color:#fff;font-size:11px;font-weight:500;line-height:1.4;opacity:0;padding:8px 12px;position:absolute;right:0;transform:translateY(4px);transition:all .2s ease;visibility:hidden;width:220px;z-index:100}.optional-hint-tooltip .hint-tooltip:after{border-left:6px solid #0000;border-right:6px solid #0000;border-top:6px solid #1f2937;bottom:-6px;content:"";position:absolute;right:12px}.optional-hint-tooltip:hover .hint-tooltip{opacity:1;transform:translateY(0);visibility:visible}.template-placeholder{background:#4dd9b426;border-radius:3px;color:var(--color-primary-dark);font-size:.8em;font-weight:600;padding:1px 4px}.checkbox-group{margin-top:var(--spacing-sm)}.checkbox-label{color:var(--color-text-primary);font-weight:500}.whatsapp-icon{color:#25d366}.appt-modal-sms-wrapper{margin-top:var(--spacing-md)}.appt-modal-sms-label{align-items:center;cursor:pointer;display:flex;gap:14px}.appt-modal-sms-input{height:0;opacity:0;pointer-events:none;position:absolute;width:0}.appt-modal-sms-box{background-color:#fff;border:2px solid #d1d5db;border-radius:6px;box-sizing:border-box;display:block;height:22px;min-height:22px;min-width:22px;position:relative;transition:all .2s ease;width:22px}.appt-modal-sms-box:after{border:solid #fff;border-width:0 2.5px 2.5px 0;content:"";height:10px;left:7px;opacity:0;position:absolute;top:3px;transform:rotate(45deg) scale(0);transition:all .15s ease;width:5px}.appt-modal-sms-label:hover .appt-modal-sms-box{border-color:var(--color-primary)}.appt-modal-sms-input:checked+.appt-modal-sms-box{background-color:var(--color-primary);border-color:var(--color-primary)}.appt-modal-sms-input:checked+.appt-modal-sms-box:after{opacity:1;transform:rotate(45deg) scale(1)}.appt-modal-sms-text{color:var(--color-text-secondary);font-family:inherit;font-size:.9rem;font-weight:500;-webkit-user-select:none;user-select:none}.whatsapp-status{background:var(--color-background);border-radius:var(--radius-md);padding:var(--spacing-md)}.whatsapp-status h4{color:var(--color-text-secondary);font-size:.9rem;font-weight:600;margin:0 0 var(--spacing-sm) 0}.status-items{display:flex;flex-direction:column;gap:var(--spacing-xs)}.status-item{align-items:center;display:flex;font-size:.85rem;justify-content:space-between}.status-item.sent{color:var(--color-text-primary)}.status-item.not-sent{color:var(--color-text-light)}.confirmation-links-section{background:linear-gradient(135deg,#f0f9f7,#e8f5f2);border:1px solid #4dd9b433;border-radius:var(--radius-md);padding:var(--spacing-md)}.links-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-xs)}.confirmation-links-section h4{align-items:center;color:var(--color-text-primary);display:flex;font-size:.95rem;font-weight:600;gap:var(--spacing-xs);margin:0}.confirmation-links-section h4 svg{color:var(--color-primary)}.refresh-btn{background:#fff;border:none;border:1px solid var(--color-border-light);height:32px;width:32px}.refresh-btn:hover:not(:disabled){color:var(--color-primary)}.refresh-btn.refreshing svg{animation:spin 1s linear infinite}.links-description{color:var(--color-text-secondary);font-size:.8rem;margin:0 0 var(--spacing-md) 0}.links-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.link-item{align-items:center;background:#fff;border:1px solid var(--color-border-light);border-radius:var(--radius-md);display:flex;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md)}.link-type{display:flex;flex-direction:column;gap:4px}.link-label{color:var(--color-text-primary);font-size:.9rem;font-weight:500}.link-status{align-items:center;border-radius:12px;display:inline-flex;font-size:.75rem;font-weight:500;gap:4px;padding:2px 8px;width:-webkit-fit-content;width:fit-content}.link-status.pending{background:#fef3c7;color:#92400e}.link-status.viewed{background:#e0e7ff;color:#3730a3}.link-status.confirmed{background:var(--color-primary-light);color:#065f46}.link-status.declined{background:#fee2e2;color:#991b1b}.copy-link-btn,.create-link-btn{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:flex;font-family:inherit;font-size:.85rem;font-weight:500;gap:var(--spacing-xs);padding:8px 14px;transition:all var(--transition-fast)}.create-link-btn{background:var(--color-primary);color:#fff}.create-link-btn:hover:not(:disabled){background:var(--color-primary-dark)}.create-link-btn:disabled{cursor:not-allowed;opacity:.6}.copy-link-btn{background:#fff;border:1px solid var(--color-primary);color:var(--color-primary)}.copy-link-btn:hover{background:var(--color-primary-light)}.copy-link-btn.copied{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.modal-actions-wrapper{background:var(--color-card);border-top:1px solid var(--color-border-light);flex-shrink:0;padding:var(--spacing-md) var(--spacing-lg)}.modal-actions{align-items:center;justify-content:space-between}.delete-btn{align-items:center;background:#0000;border:1px solid var(--color-error);border-radius:var(--radius-md);color:var(--color-error);cursor:pointer;display:flex;font-family:inherit;font-size:.9rem;font-weight:500;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.delete-btn:hover{background:var(--color-error);color:#fff}.action-btns{display:flex;gap:var(--spacing-sm);margin-right:auto}.cancel-btn{border:1px solid var(--color-border);font-size:.95rem;justify-content:center;padding:var(--spacing-sm) var(--spacing-lg)}.cancel-btn:hover{background:var(--color-background-alt)}.submit-btn{background:var(--color-primary);border:none;border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;font-family:inherit;font-size:.95rem;font-weight:600;padding:var(--spacing-sm) var(--spacing-xl);transition:all var(--transition-fast)}.submit-btn:hover:not(:disabled){background:var(--color-primary-dark)}.cancel-btn:disabled,.delete-btn:disabled,.submit-btn:disabled{cursor:not-allowed;opacity:.6}@media (max-width:1024px){.appointment-modal{height:90%;max-height:90vh;width:95%}.modal-column{padding:var(--spacing-md)}.datetime-cards-row{gap:var(--spacing-sm);grid-template-columns:repeat(3,1fr)}.datetime-card{gap:var(--spacing-sm);padding:var(--spacing-sm)}.datetime-card-icon{height:34px;width:34px}.datetime-card-icon svg{height:16px;width:16px}.datetime-card-content input{font-size:.85rem}}@media (max-width:768px){.appointment-modal{border-radius:0;height:100%;max-height:100vh;width:100%}.modal-overlay{padding:0}.modal-form{flex-direction:column}.modal-column{border-left:none!important;padding:var(--spacing-md)}.modal-column-right{border-bottom:1px solid var(--color-border-light)}.form-row{flex-direction:column;gap:var(--spacing-md)}.form-row .form-group{min-width:100%}.datetime-cards-row{gap:var(--spacing-sm);grid-template-columns:1fr 1fr}.datetime-cards-row>.datetime-card:last-child{grid-column:1/-1}.datetime-card{padding:var(--spacing-sm)}.details-cards-row{gap:var(--spacing-sm);grid-template-columns:1fr}.detail-card{padding:var(--spacing-sm) var(--spacing-md)}.modal-actions{flex-direction:column;gap:var(--spacing-md)}.action-btns{justify-content:stretch;width:100%}.action-btns button{flex:1 1}.delete-btn{justify-content:center;width:100%}.modal-actions-section{margin-top:var(--spacing-md);padding-top:var(--spacing-md)}}.sms-template-preview{background:var(--color-background);border:1px solid var(--color-border-light);border-radius:var(--radius-md);margin-top:var(--spacing-xs);padding:var(--spacing-sm)}.template-header{align-items:center;color:var(--color-text-secondary);display:flex;font-size:.7rem;gap:var(--spacing-xs);margin-bottom:var(--spacing-xs)}.template-header svg{color:var(--color-primary-dark);height:14px;width:14px}.template-note{color:var(--color-text-light);font-size:.6rem;margin-right:auto}.template-content{background:var(--color-card);border:1px solid var(--color-border-light);border-radius:var(--radius-sm);color:var(--color-text-primary);direction:rtl;font-size:.75rem;line-height:1.5;padding:var(--spacing-xs) var(--spacing-sm)}.template-content p{margin:0}.template-link{color:var(--color-primary-dark);font-size:.65rem;margin-top:4px!important;word-break:break-all}.sms-error{align-items:center;background:#ef444414;border:1px solid #ef444433;border-radius:var(--radius-md);color:var(--color-error);display:flex;font-size:.85rem;gap:var(--spacing-sm);margin-top:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md)}.sms-error svg{flex-shrink:0}.payment-amount-group label{align-items:center;display:flex;gap:var(--spacing-xs)}.payment-amount-group label svg{color:var(--color-success)}.payment-amount-group .payment-input-wrapper{align-items:center;display:flex;position:relative}.payment-amount-group .payment-input-wrapper input{padding:var(--spacing-sm) var(--spacing-xl)}.payment-amount-group .currency-symbol{color:var(--color-text-muted);font-size:.95rem;font-weight:500;left:var(--spacing-md);pointer-events:none;position:absolute}.payment-amount-group input{background:var(--color-card);border:1.5px solid var(--color-border);border-radius:var(--radius-md);box-sizing:border-box;font-family:inherit;font-size:.95rem;padding:var(--spacing-sm) var(--spacing-md);padding-left:var(--spacing-xl);text-align:right;transition:all var(--transition-fast);width:100%}.payment-amount-group input:focus{border-color:var(--color-primary);box-shadow:var(--shadow-focus);outline:none}.appointment-unique-id,.payment-amount-group input::placeholder{color:var(--color-text-muted);font-weight:400}.appointment-unique-id{font-size:.7rem;letter-spacing:.5px;margin-top:var(--spacing-sm);opacity:.6;padding:var(--spacing-xs) 0;text-align:center}.recurring-drawer{background:linear-gradient(135deg,#4dd9b414,#4dd9b41f);border:1px solid #4dd9b433;border-radius:var(--radius-lg);overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.recurring-drawer.expanded{border-color:#4dd9b466;box-shadow:0 4px 20px #4dd9b426;max-height:350px;overflow-y:scroll}.recurring-toggle-label{align-items:center;cursor:pointer;display:flex;gap:12px;padding:var(--spacing-md);position:relative;transition:all var(--transition-fast)}.recurring-drawer:not(.expanded) .recurring-toggle-label:hover{background:linear-gradient(135deg,#4dd9b41f,#4dd9b42e)}.recurring-toggle-input{height:0;opacity:0;pointer-events:none;position:absolute;width:0}.recurring-toggle-box{align-items:center;background-color:#fff;border:2px solid #d1d5db;border-radius:var(--radius-md);color:#9ca3af;display:flex;height:40px;justify-content:center;min-height:40px;min-width:40px;transition:all .25s cubic-bezier(.4,0,.2,1);width:40px}.recurring-toggle-input:checked+.recurring-toggle-box{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff;transform:scale(1.05)}.recurring-toggle-label:hover .recurring-toggle-box{border-color:var(--color-primary)}.recurring-toggle-text{color:var(--color-text-primary);flex:1 1;font-size:.95rem;font-weight:600;-webkit-user-select:none;user-select:none}.recurring-toggle-arrow{align-items:center;color:var(--color-text-secondary);display:flex;justify-content:center;transform:rotate(0deg);transition:all .3s cubic-bezier(.4,0,.2,1)}.recurring-toggle-arrow.open{color:var(--color-primary-dark);transform:rotate(180deg)}.recurring-drawer-content{max-height:0;overflow:hidden;transition:max-height .35s cubic-bezier(.4,0,.2,1)}.recurring-drawer.expanded .recurring-drawer-content{max-height:600px}.recurring-drawer-inner{display:flex;flex-direction:column;gap:var(--spacing-md);opacity:0;padding:0 var(--spacing-md) var(--spacing-md) var(--spacing-md);transform:translateY(-10px);transition:all .25s cubic-bezier(.4,0,.2,1) .1s}.recurring-drawer.expanded .recurring-drawer-inner{opacity:1;transform:translateY(0)}.recurring-drawer.expanded .recurring-toggle-label{border-bottom:1px solid #4dd9b433}.recurring-drawer .form-row{display:flex;gap:var(--spacing-md)}.recurring-drawer .form-group{flex:1 1}.recurring-drawer .form-group label{color:var(--color-primary-dark);font-size:.8rem;font-weight:600;margin-bottom:4px}.recurring-drawer .form-group input,.recurring-drawer .form-group select{background:#fff;border:1px solid #4dd9b440;border-radius:var(--radius-md);font-size:.9rem;padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast);width:100%}.recurring-drawer .form-group input:focus,.recurring-drawer .form-group select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #4dd9b426;outline:none}.recurring-indicator{align-items:center;background:linear-gradient(135deg,#4dd9b414,#4dd9b41f);border:1px solid #4dd9b440;border-radius:var(--radius-lg);color:var(--color-primary-dark);display:flex;font-size:.9rem;font-weight:500;gap:var(--spacing-sm);padding:var(--spacing-md)}.recurring-indicator svg{flex-shrink:0}.recurring-drawer .recurring-preview{background:#fff;border:1px solid #4dd9b433;border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-md)}.recurring-preview{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid #10b98133;border-radius:var(--radius-md);padding:var(--spacing-md)}.preview-header{color:#059669;font-weight:600}.preview-dates,.preview-header{gap:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.preview-dates{display:flex;flex-wrap:wrap}.preview-date{background:#fff;border:1px solid #10b98133;border-radius:var(--radius-full);color:var(--color-text-primary);display:inline-block}.preview-date,.preview-more{font-size:.8rem;padding:4px 10px}.preview-more{align-items:center;background:#059669;border-radius:var(--radius-full);color:#fff;display:inline-flex;font-weight:500}.preview-tooltip{align-items:flex-start;color:var(--color-text-secondary);display:flex;font-size:.75rem;gap:var(--spacing-xs);margin-top:var(--spacing-xs)}.preview-tooltip svg{color:#059669;flex-shrink:0;margin-top:2px}.recurring-conflicts{align-items:flex-start;background:#ef444414;border:1px solid #ef444433;border-radius:var(--radius-md);color:var(--color-error);display:flex;gap:var(--spacing-sm);padding:var(--spacing-md)}.recurring-conflicts svg{flex-shrink:0;margin-top:2px}.conflicts-content{display:flex;flex-direction:column;gap:var(--spacing-xs)}.conflicts-title{font-size:.9rem;font-weight:600}.conflicts-list{font-size:.85rem;margin:0;padding-right:var(--spacing-md)}.conflicts-list li{margin-bottom:4px}.conflicts-help{color:var(--color-text-secondary);font-size:.8rem;margin-top:var(--spacing-xs)}.recurring-delete-overlay{z-index:calc(var(--z-modal) + 1)}.recurring-delete-dialog{background:var(--color-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-width:420px;padding:var(--spacing-xl);width:100%}.recurring-delete-dialog .dialog-header{align-items:center;display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.recurring-delete-dialog .dialog-icon{color:var(--color-error)}.recurring-delete-dialog h3{color:var(--color-text-primary);font-size:1.1rem;font-weight:700;margin:0}.recurring-delete-dialog .dialog-message{color:var(--color-text-secondary);font-size:.95rem;line-height:1.5;margin:0 0 var(--spacing-lg) 0}.delete-scope-options{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.scope-option{align-items:center;background:var(--color-background);border:1px solid #0000;border-radius:var(--radius-md);cursor:pointer;display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.scope-option:hover{background:var(--color-background-alt)}.scope-option input[type=radio]{accent-color:var(--color-error);height:18px;width:18px}.scope-option input[type=radio]:checked+.scope-label{color:var(--color-error);font-weight:500}.scope-label{color:var(--color-text-primary);font-size:.9rem;-webkit-user-select:none;user-select:none}.recurring-delete-dialog .dialog-actions{display:flex;gap:var(--spacing-sm);justify-content:flex-end}.recurring-delete-dialog .cancel-btn{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;font-family:inherit;font-size:.95rem;font-weight:500;padding:var(--spacing-sm) var(--spacing-lg);transition:all var(--transition-fast)}.recurring-delete-dialog .cancel-btn:hover{background:var(--color-background-alt)}.recurring-delete-dialog .delete-confirm-btn{background:var(--color-error);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-family:inherit;font-size:.95rem;font-weight:600;padding:var(--spacing-sm) var(--spacing-xl);transition:all var(--transition-fast)}.recurring-delete-dialog .delete-confirm-btn:hover:not(:disabled){background:#dc2626}.recurring-delete-dialog .delete-confirm-btn:disabled{cursor:not-allowed;opacity:.6}@media (max-width:640px){.recurring-drawer{border-radius:var(--radius-md)}.recurring-toggle-label{padding:var(--spacing-sm) var(--spacing-md)}.recurring-toggle-box{height:36px;min-height:36px;min-width:36px;width:36px}.recurring-toggle-text{font-size:.9rem}.recurring-drawer-inner{padding:0 var(--spacing-sm) var(--spacing-sm) var(--spacing-sm)}.recurring-drawer .form-row{flex-direction:column;gap:var(--spacing-sm)}.preview-dates{gap:6px}.preview-date{font-size:.75rem;padding:3px 8px}.recurring-delete-dialog{margin:var(--spacing-md);max-width:calc(100% - 32px);padding:var(--spacing-lg)}.delete-scope-options{gap:var(--spacing-xs)}.scope-option{padding:var(--spacing-xs) var(--spacing-sm)}.scope-label{font-size:.85rem}.recurring-delete-dialog .dialog-actions{flex-direction:column}.recurring-delete-dialog .dialog-actions button{width:100%}}.datetime-error-message,.datetime-warning-message{align-items:center;border-radius:var(--radius-md);display:flex;font-size:.85rem;font-weight:500;gap:var(--spacing-xs);margin-top:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md)}.datetime-error-message{background:#ef44441a;border:1px solid #ef44444d;color:#dc2626}.datetime-error-message svg{color:#dc2626;flex-shrink:0}.datetime-warning-message{background:#f59e0b1a;border:1px solid #f59e0b4d;color:#d97706}.datetime-warning-message svg{color:#d97706;flex-shrink:0}@media (max-width:768px){.datetime-error-message,.datetime-warning-message{font-size:.8rem;padding:var(--spacing-xs) var(--spacing-sm)}}.room-selection-section{margin-top:var(--spacing-md)}.room-selection-section .detail-card{width:100%}.room-selection-section .detail-card.room-card{background:var(--color-background);border:1px solid var(--color-border-light)}.room-selection-section .detail-card.room-card:hover{border-color:#22c55e66}.room-selection-section .detail-card.room-card:focus-within{border-color:#22c55e}.room-selection-section .detail-card.room-card.optional-empty{background:#22c55e14;border-color:#22c55e4d}.room-selection-section .detail-card.room-card.has-conflict{background:#ef44440d;border-color:#ef4444}.room-selection-section .room-icon{background:#22c55e1f;color:#16a34a}.room-select-wrapper{align-items:center;background:var(--color-card);border:1px solid var(--color-border-light);border-radius:var(--radius-sm);display:flex;padding:6px 10px 6px 8px}.room-select-wrapper:focus-within{border-color:#22c55e}.room-select-wrapper select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#0000;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%2316a34a' d='M6 8 1 3h10z'/%3E%3C/svg%3E");background-position:left 4px center;background-repeat:no-repeat;border:none;color:var(--color-text-primary);cursor:pointer;flex:1 1;font-family:inherit;font-size:.9rem;padding:0 0 0 20px;text-align:right;width:100%}.room-select-wrapper select:focus{box-shadow:none;outline:none}.room-select-wrapper select.error{color:#ef4444}.therapist-selection-group{border-bottom:2px solid #8b5cf633;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md)}.therapist-selection-group label{align-items:center;color:#7c3aed;display:flex;font-weight:600;gap:var(--spacing-xs)}.therapist-selection-group label svg{color:#8b5cf6}.therapist-select{background:linear-gradient(135deg,#8b5cf60d,#8b5cf61a);border:2px solid #8b5cf64d}.therapist-select:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.therapist-select.required-empty-select{background:#8b5cf614;border-color:#8b5cf666}.room-available-indicator{align-items:center;background:#22c55e1a;border-radius:var(--radius-sm);color:#16a34a;display:flex;font-size:.8rem;gap:var(--spacing-xs);margin-top:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm)}.room-available-indicator svg{flex-shrink:0}.room-conflict-error{align-items:center;background:#ef44441a;border-radius:var(--radius-sm);color:#dc2626;display:flex;font-size:.8rem;gap:var(--spacing-xs);margin-top:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm)}.room-conflict-error svg{flex-shrink:0}.room-conflict-error .conflict-time{font-weight:600;margin-right:2px}.available-rooms-suggestion{background:#22c55e14;border:1px solid #22c55e33;border-radius:var(--radius-sm);margin-top:var(--spacing-sm);padding:var(--spacing-sm)}.available-rooms-suggestion .suggestion-label{color:#16a34a;display:block;font-size:.75rem;font-weight:500;margin-bottom:var(--spacing-xs)}.available-rooms-list{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.available-room-btn{background:#fff;border:1px solid #22c55e;border-radius:var(--radius-sm);color:#16a34a;cursor:pointer;font-size:.8rem;padding:4px 10px;transition:all .2s ease}.available-room-btn:hover{background:#22c55e;color:#fff}.checking-hint{color:var(--color-text-muted);font-size:.75rem;font-style:italic;margin-top:var(--spacing-xs)}.invoice-quick-modal-overlay{align-items:center;animation:fadeIn .2s ease;background:#00000080;display:flex;inset:0;justify-content:center;padding:var(--spacing-md);position:fixed;z-index:1000}.invoice-quick-modal{animation:slideUp .3s ease;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;max-height:90vh;max-width:520px;overflow:hidden;width:100%}.invoice-quick-modal-header{align-items:center;background:linear-gradient(135deg,#1a403e,#2a5654);border-bottom:1px solid var(--color-border);color:#fff;display:flex;flex-shrink:0;gap:var(--spacing-md);padding:var(--spacing-lg)}.invoice-quick-modal-header .header-icon{align-items:center;background:#fff3;border-radius:var(--radius-md);color:#fff;display:flex;height:44px;justify-content:center;width:44px}.invoice-quick-modal-header .header-icon svg{color:#fff!important}.invoice-quick-modal-header .header-text{flex:1 1}.invoice-quick-modal-header h3{color:#fff;font-size:1.125rem;font-weight:600;margin:0}.invoice-quick-modal-header p{color:#ffffffe6;font-size:.813rem;margin:4px 0 0;opacity:.9}.invoice-quick-modal-header .close-btn{align-items:center;background:#fff3;border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;transition:background .2s ease;width:32px}.invoice-quick-modal-header .close-btn svg{color:#fff!important}.invoice-quick-modal-header .close-btn:hover:not(:disabled){background:#ffffff4d}.invoice-quick-modal-body{flex:1 1;overflow-y:auto;padding:var(--spacing-lg)}.invoice-summary{background:var(--color-background);border-radius:var(--radius-md);flex-direction:column;margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}.invoice-summary,.summary-row{display:flex;gap:var(--spacing-sm)}.summary-row{align-items:center;font-size:.938rem}.summary-row svg{color:var(--color-text-tertiary)}.summary-row .label{color:var(--color-text-secondary)}.summary-row .value{color:var(--color-text-primary);font-weight:500}.summary-row .value.amount{color:var(--color-success-dark);font-family:monospace;font-size:1rem}.patient-picker{margin-bottom:var(--spacing-md)}.patient-dropdown-container{position:relative}.patient-dropdown-trigger{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;display:flex;font-size:.875rem;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);transition:all .2s ease;width:100%}.patient-dropdown-trigger:focus,.patient-dropdown-trigger:hover:not(:disabled){border-color:var(--color-primary)}.patient-dropdown-trigger:focus{box-shadow:0 0 0 3px var(--color-primary-bg);outline:none}.patient-dropdown-trigger svg{color:var(--color-text-tertiary);transition:transform .2s ease}.patient-dropdown-trigger svg.rotated{transform:rotate(180deg)}.patient-dropdown{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;left:0;max-height:280px;overflow:hidden;position:absolute;right:0;top:calc(100% + 4px);z-index:10}.patient-search{border:none;border-bottom:1px solid var(--color-border);font-size:.875rem;outline:none;padding:var(--spacing-sm) var(--spacing-md)}.patient-list{max-height:220px;overflow-y:auto}.patient-option{align-items:center;background:none;border:none;color:var(--color-text-primary);cursor:pointer;display:flex;font-size:.875rem;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);text-align:right;transition:background .15s ease;width:100%}.patient-option:hover{background:var(--color-background)}.patient-option.selected{background:var(--color-primary-bg);color:var(--color-primary)}.patient-option .check-icon{color:var(--color-primary);margin-right:auto}.no-patients{color:var(--color-text-tertiary);font-size:.875rem;padding:var(--spacing-lg);text-align:center}.patient-appointments-section{background:var(--color-background);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}.patient-appointments-section .section-header{align-items:center;color:var(--color-text-secondary);display:flex;font-size:.813rem;font-weight:500;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.patient-appointments-section .refresh-btn{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--color-text-tertiary);cursor:pointer;display:flex;justify-content:center;margin-right:auto;padding:4px;transition:all .2s ease}.patient-appointments-section .refresh-btn:hover:not(:disabled){background:var(--color-primary-bg);color:var(--color-primary)}.patient-appointments-section .refresh-btn .spinning{animation:spin 1s linear infinite}.appointments-list{gap:var(--spacing-xs);max-height:200px;overflow-y:auto}.appointments-loading,.no-appointments{align-items:center;color:var(--color-text-tertiary);display:flex;font-size:.813rem;gap:var(--spacing-sm);justify-content:center;padding:var(--spacing-md)}.appointments-loading .spinner{animation:spin 1s linear infinite}.appointment-item{background:#fff;border:1px solid var(--color-border);justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);transition:all .15s ease}.appointment-item:hover:not(:disabled){background:var(--color-primary-bg);border-color:var(--color-primary-light)}.appointment-item.selected{background:var(--color-primary-bg);border-color:var(--color-primary)}.appointment-item.has-invoice{opacity:.7}.appointment-item .apt-main{align-items:center;display:flex;gap:var(--spacing-md)}.appointment-item .apt-date{align-items:center;color:var(--color-text-primary);display:flex;font-size:.813rem;gap:var(--spacing-xs)}.appointment-item .apt-date svg{color:var(--color-text-tertiary)}.appointment-item .apt-time{color:var(--color-text-secondary);font-size:.75rem}.appointment-item .apt-amount{color:var(--color-success-dark);font-family:monospace;font-size:.813rem;font-weight:500}.appointment-item .apt-status{align-items:center;display:flex;gap:var(--spacing-sm)}.invoice-badge{align-items:center;border-radius:var(--radius-sm);display:inline-flex;font-size:.688rem;font-weight:500;gap:4px;padding:2px 6px}.invoice-badge.has{background:var(--color-success-bg);color:var(--color-success-dark)}.invoice-badge.none{background:var(--color-background);color:var(--color-text-tertiary)}.appointment-item .selected-check,.load-more-btn{color:var(--color-primary)}.load-more-btn{align-items:center;background:none;border:1px dashed var(--color-border);border-radius:var(--radius-sm);cursor:pointer;display:flex;font-size:.813rem;gap:var(--spacing-xs);justify-content:center;margin-top:var(--spacing-xs);padding:var(--spacing-sm);transition:all .2s ease}.load-more-btn:hover:not(:disabled){background:var(--color-primary-bg);border-color:var(--color-primary-light)}.load-more-btn:disabled{cursor:not-allowed;opacity:.6}.load-more-btn .spinner{animation:spin 1s linear infinite}.selected-appointment-info{gap:var(--spacing-xs)}.selected-appointment-info,.selected-appointments-info{align-items:center;background:var(--color-primary-bg);border-radius:var(--radius-sm);color:var(--color-primary);display:flex;font-size:.75rem;margin-top:var(--spacing-sm);padding:var(--spacing-sm)}.selected-appointments-info{flex-wrap:wrap;gap:var(--spacing-sm)}.selected-appointments-info .count-badge{align-items:center;background:var(--color-primary);border-radius:10px;color:#fff;display:inline-flex;font-size:.688rem;font-weight:600;height:20px;justify-content:center;min-width:20px;padding:0 6px}.selected-appointments-info .clear-selection{background:#0000;border:1px solid var(--color-primary-light);border-radius:var(--radius-sm);color:var(--color-primary);cursor:pointer;font-size:.688rem;margin-right:auto;padding:2px 8px;transition:all .2s ease}.selected-appointments-info .clear-selection:hover{background:#fff}.appointment-item .apt-checkbox{align-items:center;border:2px solid var(--color-border);border-radius:4px;display:flex;flex-shrink:0;height:18px;justify-content:center;transition:all .15s ease;width:18px}.appointment-item.selected .apt-checkbox{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.invoice-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.invoice-form .form-row{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:1fr 1fr}.invoice-form .form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.invoice-form .form-group.full-width{grid-column:span 2}.invoice-form .form-group label{align-items:center;color:var(--color-text-secondary);display:flex;font-size:.813rem;font-weight:500;gap:var(--spacing-xs)}.invoice-form .form-group label.required:after{color:var(--color-error);content:"*"}.invoice-form .form-group label svg{color:var(--color-text-tertiary)}.invoice-form .form-group input,.invoice-form .form-group select{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:.875rem;padding:var(--spacing-sm) var(--spacing-md)}.invoice-form .form-group input:focus,.invoice-form .form-group select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-bg);outline:none}.invoice-form .form-group input:disabled,.invoice-form .form-group select:disabled{background:var(--color-background);cursor:not-allowed}.invoice-quick-modal-body .error-message{align-items:center;background:var(--color-error-bg);border:1px solid var(--color-error-light);border-radius:var(--radius-md);color:var(--color-error-dark);display:flex;font-size:.875rem;gap:var(--spacing-sm);margin-top:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md)}.invoice-quick-modal-body .error-message svg{color:var(--color-error);flex-shrink:0}.invoice-quick-modal-body.success-state{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:250px;padding:var(--spacing-xl) var(--spacing-lg);text-align:center}.invoice-quick-modal-body.success-state .success-icon{animation:scaleIn .4s ease;color:#b9ed7b;margin-bottom:var(--spacing-md)}.invoice-quick-modal-body.success-state h4{color:var(--color-text-primary);font-size:1.125rem;font-weight:600;margin:0 0 var(--spacing-sm) 0}.invoice-quick-modal-body.success-state p{color:var(--color-text-secondary);font-size:.938rem;margin:0}.invoice-quick-modal-body.success-state .linked-info{align-items:center;background:var(--color-primary-bg);border-radius:var(--radius-sm);color:var(--color-primary);display:flex;font-size:.813rem;gap:var(--spacing-xs);margin-top:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm)}.invoice-quick-modal-body.success-state .view-invoice-btn{align-items:center;background:var(--color-primary-bg);border-radius:var(--radius-md);color:var(--color-primary);display:inline-flex;font-size:.875rem;font-weight:500;gap:var(--spacing-xs);margin-top:var(--spacing-lg);padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;transition:all .2s ease}.invoice-quick-modal-body.success-state .view-invoice-btn:hover{background:var(--color-primary);color:#fff}.invoice-quick-modal-footer{background:var(--color-background);border-top:1px solid var(--color-border);display:flex;flex-shrink:0;gap:var(--spacing-md);justify-content:flex-end;padding:var(--spacing-lg)}.invoice-quick-modal-footer .skip-btn{background:#0000;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;font-size:.875rem;font-weight:500;padding:var(--spacing-sm) var(--spacing-lg);transition:all .2s ease}.invoice-quick-modal-footer .skip-btn:hover:not(:disabled){background:var(--color-surface)}.invoice-quick-modal-footer .create-btn{align-items:center;background:linear-gradient(135deg,#1a403e,#2a5654);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);transition:all .2s ease}.invoice-quick-modal-footer .create-btn:hover:not(:disabled){background:linear-gradient(135deg,#1a403e,#b9ed7b)}.invoice-quick-modal-footer .create-btn:disabled{cursor:not-allowed;opacity:.7}.invoice-quick-modal-footer .create-btn .spinner{animation:spin 1s linear infinite}@media (max-width:560px){.invoice-quick-modal{margin:var(--spacing-sm);max-height:95vh;max-width:100%}.invoice-form .form-row{grid-template-columns:1fr}.invoice-form .form-group.full-width{grid-column:span 1}.invoice-quick-modal-footer{flex-direction:column-reverse}.invoice-quick-modal-footer .create-btn,.invoice-quick-modal-footer .skip-btn{justify-content:center;width:100%}.appointment-item{align-items:flex-start;flex-direction:column;gap:var(--spacing-xs)}.appointment-item .apt-main,.appointment-item .apt-status{justify-content:space-between;width:100%}}.pending-appointments-section{background:var(--color-card);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-lg)}.pending-header{align-items:center;color:var(--color-primary-dark);display:flex;gap:var(--spacing-sm)}.pending-header h3{color:var(--color-text-primary);flex:1 1;font-size:1rem;font-weight:700;margin:0}.pending-count{animation:countPop .3s cubic-bezier(.34,1.56,.64,1);background:var(--color-primary);border-radius:var(--radius-full);color:var(--color-text-primary);font-size:.75rem;font-weight:600;padding:2px 10px;transition:transform .3s ease}.pending-count:hover{transform:scale(1.1)}@keyframes countPop{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.pending-loading{align-items:center;color:var(--color-text-light);display:flex;gap:var(--spacing-sm);justify-content:center;padding:var(--spacing-xl)}.pending-loading .spinner{animation:spin 1s linear infinite}.pending-cards-container{margin:0 calc(var(--spacing-lg)*-1);padding:0 var(--spacing-lg);position:relative}.pending-cards-scroll{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;display:flex;gap:var(--spacing-md);overflow-x:auto;padding:var(--spacing-sm) 0;padding-right:8px;scroll-behavior:smooth;scrollbar-width:none}.pending-cards-scroll::-webkit-scrollbar{display:none}.pending-card{animation:cardSlideIn .5s cubic-bezier(.34,1.56,.64,1) forwards;background:linear-gradient(135deg,#f0fdfa,#e6fffa);border:1px solid #99f6e4;border-radius:var(--radius-lg);box-shadow:0 2px 8px #14b8a61a;display:flex;flex-direction:column;flex-shrink:0;gap:var(--spacing-sm);overflow:visible;padding:var(--spacing-md);position:relative;transition:all .4s cubic-bezier(.4,0,.2,1),transform .5s cubic-bezier(.34,1.56,.64,1),opacity .5s ease-out;width:280px}.pending-card:not(.live-session-card) .status-step{background:#14b8a614}.pending-card:not(.live-session-card) .status-step>span{color:#5eead4}.pending-card:not(.live-session-card) .status-step.active{background:#14b8a633}.pending-card:not(.live-session-card) .status-step.active>span{color:#0d9488;font-weight:600}.pending-card:not(.live-session-card) .status-step.done{background:#14b8a626}.pending-card:not(.live-session-card) .status-step.done>span{color:#14b8a6;font-weight:500}.pending-card:not(.live-session-card) .status-step.done .step-check{color:#14b8a6}.pending-card:not(.live-session-card) .status-step.clickable:hover{background:#14b8a626}.pending-card:not(.live-session-card) .status-step.clickable:hover>span{color:#0d9488}.pending-card:not(.live-session-card) .step-content{background:#fff;border:1px solid #99f6e4}.pending-card:not(.live-session-card) .action-btn{background:#fff}.pending-card:not(.live-session-card) .action-btn.confirm{border-color:#14b8a6;color:#14b8a6}.pending-card:not(.live-session-card) .action-btn.confirm:hover{background:#14b8a6;box-shadow:0 6px 20px #14b8a666;color:#fff}.pending-card:not(.live-session-card) .hide-btn{background:#fff;border:1px solid #99f6e4}.pending-card:not(.live-session-card) .hide-btn:hover{background:#fef2f2;border-color:#fecaca}@keyframes cardSlideIn{0%{opacity:0;transform:translateX(30px) scale(.95)}to{opacity:1;transform:translateX(0) scale(1)}}.pending-card.completing{animation:cardBurst .8s cubic-bezier(.34,1.56,.64,1) forwards;pointer-events:none}@keyframes cardBurst{0%{opacity:1;transform:scale(1) rotate(0deg)}20%{box-shadow:0 0 30px #14b8a666,0 0 60px #14b8a633;transform:scale(1.08) rotate(-1deg)}50%{box-shadow:0 0 50px #14b8a680,0 0 100px #14b8a64d;opacity:1;transform:scale(1.12) rotate(1deg)}to{margin-right:-280px;opacity:0;transform:scale(0) rotate(10deg)}}.pending-card.completing:after{animation:confettiExplode .8s ease-out forwards;background-image:radial-gradient(circle at 20% 30%,#14b8a6 3px,#0000 0),radial-gradient(circle at 80% 20%,#2dd4bf 4px,#0000 0),radial-gradient(circle at 40% 70%,#0d9488 3px,#0000 0),radial-gradient(circle at 60% 40%,#14b8a6 2px,#0000 0),radial-gradient(circle at 30% 50%,#2dd4bf 3px,#0000 0),radial-gradient(circle at 70% 80%,#0d9488 4px,#0000 0),radial-gradient(circle at 15% 60%,#14b8a6 2px,#0000 0),radial-gradient(circle at 85% 55%,#2dd4bf 3px,#0000 0);content:"";height:300%;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:300%;z-index:10}@keyframes confettiExplode{0%{opacity:1;transform:translate(-50%,-50%) scale(.3)}to{opacity:0;transform:translate(-50%,-50%) scale(1.5)}}.pending-card.completing:before{animation:sparkleGlow .8s ease-out forwards;background:radial-gradient(circle at center,#14b8a666 0,#14b8a633 30%,#0000 70%);border-radius:var(--radius-lg);content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:5}@keyframes sparkleGlow{0%{opacity:0;transform:scale(.8)}40%{opacity:1;transform:scale(1.1)}to{opacity:0;transform:scale(1.5)}}.pending-card:hover{border-color:#5eead4;box-shadow:0 8px 24px #14b8a626;transform:translateY(-4px) scale(1.01)}.pending-card.live-session-card:hover{border-color:#fcd34d;box-shadow:0 8px 24px #fbbf2426}.pending-card.completing:hover{box-shadow:none;transform:none}.pending-card:before{background:linear-gradient(90deg,#0000,#ffffff80,#0000);border-radius:var(--radius-lg);content:"";height:100%;left:-100%;pointer-events:none;position:absolute;top:0;transition:left .5s ease;width:100%}.pending-card:hover:before{left:100%}.pending-card.live-session-card:before{display:none}.pending-card-header{align-items:flex-start;display:flex;gap:var(--spacing-sm);justify-content:space-between}.patient-info{flex:1 1;flex-direction:column;gap:4px;min-width:0}.patient-name{font-size:.95rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.appointment-date{color:var(--color-text-secondary);font-size:.75rem;gap:4px}.appointment-date,.hide-btn{align-items:center;display:flex}.hide-btn{background:#fff;border:1px solid #99f6e4;border-radius:var(--radius-sm);color:var(--color-text-light);cursor:pointer;justify-content:center;padding:6px;transition:all var(--transition-fast)}.hide-btn:hover{background:#fef2f2;border-color:#fecaca;color:var(--color-error)}.pending-status-bar{align-items:stretch;border-radius:var(--radius-md);display:flex;gap:4px;margin-top:var(--spacing-xs);padding:0}.status-step{align-items:center;border-radius:var(--radius-sm);display:flex;flex:1 1;gap:4px;justify-content:center;min-height:28px;padding:6px 8px;position:relative;transition:all var(--transition-fast)}.status-step>span{color:#6b7280;font-size:.7rem;font-weight:500;transition:color var(--transition-fast)}.status-step{background:#00000008}.status-step>span{color:#9ca3af}.status-step.active{background:#4dd9b426}.status-step.active>span{color:#059669;font-weight:600}.status-step.done{background:#34d3991f}.status-step.done>span{color:#10b981;font-weight:500}.status-step.done .step-check{animation:checkPop .4s cubic-bezier(.34,1.56,.64,1);color:#10b981;flex-shrink:0}@keyframes checkPop{0%{transform:scale(0) rotate(-90deg)}50%{transform:scale(1.3) rotate(10deg)}to{transform:scale(1) rotate(0deg)}}.status-step.active{animation:activePulse 2s ease-in-out infinite}@keyframes activePulse{0%,to{background:#14b8a626}50%{background:#14b8a640}}.status-step.clickable{cursor:pointer}.status-step.clickable:hover{background:#4dd9b41a;transform:translateY(-1px)}.status-step.clickable:hover>span{color:#059669}.status-step.clickable:active{transform:translateY(0)}.step-content{align-items:center;animation:fadeIn .3s ease-out;background:#fff;border:1px solid #99f6e4;border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--spacing-sm);justify-content:center;margin-top:var(--spacing-xs);min-height:110px;padding:var(--spacing-md) var(--spacing-sm)}@keyframes stepSlideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.step-content.loading{background:#0000;color:var(--color-text-light)}.step-content .spinner{animation:spin 1s linear infinite;color:var(--color-primary)}.step-question{color:var(--color-text-primary);font-size:.85rem;font-weight:500;margin:0;text-align:center}.payment-input-row{align-items:center;background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;gap:var(--spacing-xs);max-width:140px;padding:var(--spacing-xs) var(--spacing-sm);transition:all var(--transition-fast);width:100%}.payment-input-row:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px #4dd9b426}.currency-symbol{color:var(--color-text-secondary);font-size:.9rem;font-weight:500}.payment-input{-moz-appearance:textfield;background:#0000;border:none;color:var(--color-text-primary);flex:1 1;font-size:.9rem;min-width:0;outline:none;text-align:center;width:100%}.payment-input::-webkit-inner-spin-button,.payment-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.payment-input::placeholder{color:var(--color-text-light)}.action-buttons{display:flex;flex-direction:row-reverse;gap:var(--spacing-md);margin-top:var(--spacing-xs)}.action-btn{background:#fff;border:2px solid;border-radius:var(--radius-full);height:44px;width:44px}.action-btn.confirm{border-color:#14b8a6;color:#14b8a6}.action-btn.confirm:hover{background:#14b8a6;box-shadow:0 6px 20px #14b8a666;color:#fff;transform:scale(1.1)}.action-btn.confirm:active{transform:scale(.95);transition:transform .1s ease}.action-btn.cancel{border-color:var(--color-error);color:var(--color-error)}.action-btn.cancel:hover{background:var(--color-error);box-shadow:0 6px 20px #f8717166;color:#fff;transform:scale(1.1)}.action-btn.cancel:active{transform:scale(.95);transition:transform .1s ease}.text-action-buttons{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-xs);width:100%}.text-btn{border:none;border-radius:var(--radius-md);cursor:pointer;font-size:.85rem;font-weight:600;padding:10px 16px;transition:all var(--transition-fast);width:100%}.text-btn.confirm-btn{background:var(--color-error);color:#fff}.text-btn.confirm-btn:hover{background:#dc2626;box-shadow:0 4px 12px #f871714d;transform:translateY(-1px)}.text-btn.cancel-btn{background:var(--color-background);border:1px solid var(--color-border);color:var(--color-text-secondary)}.text-btn.cancel-btn:hover{background:var(--color-border-light);color:var(--color-text-primary)}.step-content.cancel-confirm{background:#f871710f;border:1px solid #f8717126}.step-content.cancel-confirm .warning-icon{color:var(--color-error)}.step-content.cancel-confirm .step-question{font-size:.8rem;line-height:1.4}.step-content.hide-confirm{background:#f871710f;border:1px solid #f8717126}.step-content.hide-confirm .warning-icon{color:var(--color-error)}.step-content.hide-confirm p{margin:0;text-align:center}.hide-warning-text{color:var(--color-text-secondary);font-size:.75rem;line-height:1.4}.step-content.all-done{animation:allDonePulse 2s ease-in-out infinite,allDoneSlideIn .5s cubic-bezier(.34,1.56,.64,1);background:linear-gradient(135deg,#34d3991f,#4dd9b414 50%,#34d3991f);border:2px solid #34d3994d;overflow:hidden;position:relative}@keyframes allDonePulse{0%,to{box-shadow:0 0 0 0 #34d39933}50%{box-shadow:0 0 20px 5px #34d39926}}@keyframes allDoneSlideIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.step-content.all-done .all-done-icon{animation:iconBounce .6s cubic-bezier(.34,1.56,.64,1);color:var(--color-success)}@keyframes iconBounce{0%{transform:scale(0) rotate(-180deg)}50%{transform:scale(1.3) rotate(10deg)}70%{transform:scale(.9) rotate(-5deg)}to{transform:scale(1) rotate(0deg)}}.step-content.all-done p{animation:textFadeIn .4s ease-out .2s both;color:var(--color-success);font-weight:600;margin:0}@keyframes textFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.step-content.all-done:before{animation:shimmerAllDone 2s ease-in-out infinite;background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes shimmerAllDone{0%{left:-100%}50%,to{left:100%}}.step-note{background:#00000008;border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:.72rem;line-height:1.45;margin:0;padding:6px 10px;text-align:center}.step-content.payment-task-step{min-height:140px}.step-content.payment-task-step .step-question{font-size:.82rem;line-height:1.5}.step-content.summary-reminder-step{min-height:130px}.step-content.summary-reminder-step .step-question{font-size:.82rem;line-height:1.5}@media (max-width:1200px){.pending-card{width:260px}}@media (max-width:768px){.pending-appointments-section{padding:var(--spacing-md)}.pending-cards-container{margin:0 calc(var(--spacing-md)*-1);padding:0 var(--spacing-md)}.pending-card{padding:var(--spacing-sm) var(--spacing-md);width:250px}.patient-name{font-size:.9rem}.step-question{font-size:.8rem}.step-content{min-height:100px;padding:var(--spacing-sm)}.action-btn{height:40px;width:40px}.status-step{min-height:26px;padding:5px 6px}.status-step>span{font-size:.68rem}.status-step.done .step-check{height:14px;width:14px}}@media (max-width:480px){.pending-card{width:230px}.pending-header h3{font-size:.9rem}.step-content{min-height:95px}.action-btn{height:38px;width:38px}.action-buttons{gap:var(--spacing-sm)}.status-step{min-height:24px;padding:5px 4px}.status-step>span{font-size:.64rem}.status-step.done .step-check{height:12px;width:12px}}.step-content.invoice-step{background:linear-gradient(135deg,#ff6b350d,#f7931e0d);border-radius:var(--radius-md);padding:var(--spacing-md)}.step-content.invoice-step .invoice-icon{color:#f7931e;margin-bottom:var(--spacing-xs)}.step-content.invoice-step .step-question{color:var(--color-text-primary);font-weight:500}.step-content.cancellation-payment-ask{background:linear-gradient(135deg,#3b82f60f,#6366f10a);border:1px solid #3b82f626}.step-content.cancellation-payment-ask .cancellation-payment-icon{color:#3b82f6;margin-bottom:var(--spacing-xs)}.step-content.cancellation-payment-amount,.step-content.cancellation-payment-details{background:linear-gradient(135deg,#3b82f60f,#6366f10a);border:1px solid #3b82f626}.step-content.cancellation-invoice{background:linear-gradient(135deg,#ff6b350d,#f7931e0d)}.step-content.payment-details-step{background:linear-gradient(135deg,#4dd9b40f,#34d3990a);border:1px solid #4dd9b426;min-height:auto;padding:var(--spacing-sm) var(--spacing-md)}.step-content.payment-details-step .step-question{color:var(--color-primary-dark);font-size:.9rem;font-weight:600;margin-bottom:var(--spacing-xs)}.payment-details-form{display:flex;flex-direction:column;gap:var(--spacing-sm);width:100%}.payment-detail-row{display:flex;flex-direction:column;gap:4px}.payment-detail-row label{color:var(--color-text-secondary);font-size:.7rem;font-weight:500;text-align:right}.payment-date-input{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);direction:ltr;font-size:.85rem;padding:8px 12px;text-align:center;transition:all var(--transition-fast);width:100%}.payment-date-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #4dd9b426;outline:none}.payment-method-buttons{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(3,1fr)}.payment-method-btn{background:var(--color-card);border-radius:var(--radius-sm);font-size:.7rem;font-weight:500;padding:6px 8px;transition:all var(--transition-fast);white-space:nowrap}.payment-method-btn:hover{background:#4dd9b414;color:var(--color-primary-dark)}.payment-method-btn.selected{color:var(--color-text-primary);font-weight:600}@media (max-width:768px){.payment-method-buttons{gap:4px;grid-template-columns:repeat(3,1fr)}.payment-method-btn{font-size:.65rem;padding:5px 6px}.payment-date-input{font-size:.8rem;padding:6px 10px}}@media (max-width:480px){.payment-method-buttons{grid-template-columns:repeat(2,1fr)}}.live-sessions-indicator{align-items:center;animation:pulseGlow 2s ease-in-out infinite;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fcd34d;border-radius:var(--radius-full);color:#b45309;display:flex;font-size:.7rem;font-weight:600;gap:4px;padding:4px 10px}@keyframes pulseGlow{0%,to{box-shadow:0 0 0 0 #fbbf244d}50%{box-shadow:0 0 8px 2px #fbbf244d}}.pending-card.live-session-card{background:linear-gradient(135deg,#fffef5,#fefce8);border:1px solid #fde68a;box-shadow:0 2px 8px #fbbf241a}.live-session-badge{align-items:center;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:var(--radius-full);box-shadow:0 2px 4px #fbbf244d;color:#fff;display:flex;font-size:.65rem;font-weight:600;gap:4px;padding:3px 8px}.live-session-status{align-items:center;background:#fff;border:1px solid #fde68a;border-radius:var(--radius-md);color:#b45309;display:flex;font-size:.8rem;font-weight:500;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md)}.live-session-status svg{color:#f59e0b}.live-session-actions{display:flex;gap:var(--spacing-sm)}.live-session-btn{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:flex;flex:1 1;font-size:.75rem;font-weight:600;gap:6px;justify-content:center;padding:var(--spacing-sm) var(--spacing-md);transition:all .2s ease}.live-session-btn.enter{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fcd34d;color:#b45309}.live-session-btn.enter:hover{background:linear-gradient(135deg,#fde68a,#fcd34d);box-shadow:0 2px 8px #fbbf244d;transform:translateY(-1px)}.live-session-btn.end{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.live-session-btn.end:hover:not(:disabled){background:#fee2e2;border-color:#fca5a5}.live-session-btn:disabled{cursor:not-allowed;opacity:.6}.live-session-btn .spinner{animation:spin 1s linear infinite}.live-session-notes-preview{border-top:1px dashed #fde68a;margin-top:var(--spacing-sm);padding-top:var(--spacing-sm)}.notes-count{color:#92400e;font-size:.7rem;font-weight:500}.pending-card.live-session-card.ending{animation:slideOutReveal .8s cubic-bezier(.4,0,.2,1) forwards}@keyframes slideOutReveal{0%{opacity:1;transform:translateX(0) scale(1)}30%{opacity:1;transform:translateX(-10px) scale(1.02)}to{opacity:0;transform:translateX(100%) scale(.9)}}.quick-actions-fab{bottom:32px;left:32px;position:fixed;z-index:1000}@media (max-width:768px){.quick-actions-fab{display:none}}.fab-overlay{animation:overlayFadeIn .25s ease-out;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000026;bottom:0;left:0;position:fixed;right:0;top:0;z-index:-1}.fab-main-button{align-items:center;background:var(--color-primary);border:none;border-radius:50%;box-shadow:0 4px 16px #4dd9b459,0 2px 6px #0000001a;color:#fff;cursor:pointer;display:flex;height:58px;justify-content:center;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:58px;z-index:10}.fab-main-button:hover{box-shadow:0 6px 24px #4dd9b473,0 4px 10px #0000001f;transform:scale(1.06)}.fab-main-button:active{transform:scale(.96)}.quick-actions-fab.open .fab-main-button{background:var(--color-text-secondary);box-shadow:0 4px 16px #6b72804d,0 2px 6px #0000001a}.quick-actions-fab.open .fab-main-button:hover{background:var(--color-text-light)}.fab-main-icon{align-items:center;display:flex;justify-content:center;transition:transform .35s cubic-bezier(.4,0,.2,1)}.quick-actions-fab.open .fab-main-icon{transform:rotate(180deg)}.fab-main-button:before{animation:fabPulse 2.5s ease-out infinite;background:var(--color-primary);border-radius:50%;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:-1}.quick-actions-fab.open .fab-main-button:before{animation:none;opacity:0}@keyframes fabPulse{0%{opacity:.6;transform:scale(1)}70%{opacity:0;transform:scale(1.4)}to{opacity:0;transform:scale(1)}}.fab-actions-container{bottom:0;height:58px;left:0;pointer-events:none;position:absolute;width:58px}.fab-action-item{align-items:center;background:var(--color-card);border:1.5px solid var(--color-border-light);border-radius:50px;bottom:10px;box-shadow:0 4px 20px #0000001a,0 2px 8px #0000000d;cursor:pointer;display:flex;gap:var(--spacing-sm);left:10px;opacity:0;padding:var(--spacing-sm) var(--spacing-md);padding-left:var(--spacing-sm);pointer-events:none;position:absolute;transform:translate(0) scale(.5);transform-origin:bottom left;transition:transform .45s cubic-bezier(.34,1.56,.64,1),opacity .25s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease;white-space:nowrap}.fab-action-item.visible{opacity:1;pointer-events:auto;transform:translate(var(--action-x),var(--action-y)) scale(1);transition-delay:var(--delay)}.fab-action-item:not(.visible){transition-delay:var(--delay-close)}.fab-action-item:hover{background:var(--color-primary-light);border-color:var(--color-primary);box-shadow:0 6px 20px #4dd9b433,0 4px 10px #00000014;transform:translate(var(--action-x),var(--action-y)) scale(1.03)}.fab-action-item:active{transform:translate(var(--action-x),var(--action-y)) scale(.97)}.fab-action-icon{align-items:center;background:var(--color-primary-light);border-radius:50%;color:var(--color-primary-dark);display:flex;height:36px;justify-content:center;min-width:36px;transition:all .2s ease;width:36px}.fab-action-item:hover .fab-action-icon{background:var(--color-primary);color:#fff}.fab-action-text{color:var(--color-text-primary);font-size:.9rem;font-weight:600;padding-left:var(--spacing-xs);padding-right:var(--spacing-sm)}@media (min-width:1400px){.quick-actions-fab{bottom:40px;left:40px}.fab-actions-container,.fab-main-button{height:62px;width:62px}.fab-action-icon{height:40px;min-width:40px;width:40px}.fab-action-text{font-size:.95rem}}@media (prefers-reduced-motion:reduce){.fab-action-icon,.fab-action-item,.fab-main-button,.fab-main-icon,.fab-overlay{animation:none;transition:none}.fab-main-button:before{animation:none}.fab-action-item.visible{transform:translate(var(--action-x),var(--action-y)) scale(1)}}@media (max-height:700px){.fab-action-item{padding:var(--spacing-xs) var(--spacing-sm);padding-left:var(--spacing-xs)}.fab-action-icon{height:32px;min-width:32px;width:32px}.fab-action-text{font-size:.85rem}}.onboarding-checklist{background:var(--color-card);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);margin:0 auto;max-width:700px;min-width:700px;padding:var(--spacing-md)}.onboarding-checklist .onboarding-header{align-items:center;display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.onboarding-checklist .onboarding-header h3{color:var(--color-text-primary);font-size:.9rem;font-weight:600;margin:0}.onboarding-checklist .progress-text{color:var(--color-text-light);font-size:.75rem}.onboarding-checklist .dismiss-btn{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--color-text-light);cursor:pointer;display:flex;height:24px;justify-content:center;margin-right:auto;transition:all var(--transition-fast);width:24px}.onboarding-checklist .dismiss-btn:hover{background:var(--color-border-light);color:var(--color-text-secondary)}.steps-list{display:flex;flex-direction:column;gap:2px}.step-item{align-items:center;border-radius:var(--radius-md);display:flex;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);transition:background var(--transition-fast)}.step-item:hover{background:var(--color-background)}.step-item.completed{opacity:.5}.step-number{align-items:center;color:var(--color-text-light);display:flex;flex-shrink:0;justify-content:center}.step-item.completed .step-number{color:var(--color-primary)}.step-label{align-items:center;color:var(--color-text-primary);display:flex;flex:1 1;font-size:.85rem;font-weight:500;gap:var(--spacing-xs)}.step-item.completed .step-label{color:var(--color-text-secondary);text-decoration:line-through}.optional-badge{background:var(--color-border-light);border-radius:var(--radius-sm);color:var(--color-text-light);font-size:.65rem;font-weight:500;padding:2px 6px}.step-btn{align-items:center;background:var(--color-primary);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:.75rem;font-weight:600;gap:4px;padding:6px 12px;transition:all var(--transition-fast)}.step-btn:hover{background:var(--color-primary-dark)}@media (max-width:600px){.onboarding-checklist{padding:var(--spacing-sm)}.step-item{flex-wrap:wrap}.step-btn{justify-content:center;margin-right:28px;margin-top:var(--spacing-xs);width:100%}}.settings-page{margin:0 auto;max-width:1400px}.settings-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-lg)}.settings-header .header-title{align-items:center;display:flex;gap:var(--spacing-md)}.settings-header .header-title h1{color:var(--color-text-primary);font-size:1.75rem;font-weight:700}.settings-header .header-icon{color:var(--color-primary-dark)}.settings-page .settings-tabs{background:var(--color-card);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);padding:var(--spacing-sm)}.settings-page .settings-tab{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;font-family:inherit;font-size:1rem;font-weight:500;gap:var(--spacing-sm);overflow:hidden;padding:var(--spacing-md) var(--spacing-xl);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.settings-page .settings-tab:before{background:var(--color-primary-light);border-radius:var(--radius-md);content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s cubic-bezier(.4,0,.2,1)}.settings-page .settings-tab:hover{color:var(--color-text-primary)}.settings-page .settings-tab:hover:before{opacity:.5}.settings-page .settings-tab.active{color:var(--color-primary-dark)}.settings-page .settings-tab.active:before{opacity:1}.settings-page .settings-tab span,.settings-page .settings-tab svg{position:relative;z-index:1}.settings-container{background:var(--color-card);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);overflow:hidden}.settings-content{padding:var(--spacing-xl)}.profile-tab{display:flex;flex-direction:column;gap:var(--spacing-lg)}.profile-info-card{align-items:center;background:var(--color-background);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);display:flex;gap:var(--spacing-xl);padding:var(--spacing-xl)}.profile-avatar{align-items:center;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);border-radius:50%;box-shadow:var(--shadow-md);color:#fff;display:flex;flex-shrink:0;font-size:1.5rem;font-weight:600;height:80px;justify-content:center;width:80px}.profile-details{flex:1 1}.profile-details h3{color:var(--color-text-primary);font-size:1.35rem;font-weight:600;margin-bottom:var(--spacing-sm)}.profile-email,.profile-phone{color:var(--color-text-secondary);font-size:.95rem;margin:4px 0}.admin-edit-notice{align-items:center;background:var(--color-secondary-yellow-light);border:1px solid var(--color-secondary-yellow);border-radius:var(--radius-md);color:var(--color-text-primary);display:inline-flex;font-size:.9rem;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg)}.admin-edit-notice svg{color:#b8860b;flex-shrink:0}.customization-card .card-icon.appointments{background:linear-gradient(135deg,#3b82f626,#2563eb1a);color:#3b82f6}.customization-card .card-icon.patients{background:linear-gradient(135deg,#8b5cf626,#7c3aed1a);color:#8b5cf6}.customization-card .card-icon.treatments{background:linear-gradient(135deg,#22c55e26,#16a34a1a);color:#22c55e}.customization-card .card-icon.tasks{background:linear-gradient(135deg,#f59e0b26,#d977061a);color:#f59e0b}.customization-card .card-icon.finance{background:linear-gradient(135deg,#22c55e26,#16a34a1a);color:#22c55e}.customization-card .card-icon.system{background:linear-gradient(135deg,#ef444426,#dc26261a);color:#ef4444}.customization-card .card-icon.leads{background:linear-gradient(135deg,#06b6d426,#0ea5e91a);color:#06b6d4}.customization-card .add-item-btn{background:#0000;border:1.5px dashed var(--color-border)}.customization-card .card-empty{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-sm);justify-content:center;padding:var(--spacing-xl)}.customization-card .card-empty svg{color:var(--color-text-light)}.customization-card .card-empty p{color:var(--color-text-secondary);font-size:.9rem;font-weight:500}.customization-card .card-empty span{color:var(--color-text-light);font-size:.8rem}.card-save-indicator{align-items:center;background:var(--color-background);border-radius:var(--radius-full);color:var(--color-text-secondary);display:flex;flex-shrink:0;height:28px;justify-content:center;width:28px}.card-save-indicator.success{background:var(--color-success-light);color:var(--color-success)}.card-save-indicator.inline{font-size:.8rem;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);width:auto}.card-save-indicator .spinner{animation:spin 1s linear infinite}.customization-card .item-tag.locked{opacity:.7}.customization-card .item-locked-badge{background:var(--color-background);border-radius:var(--radius-sm);color:var(--color-text-light);font-size:.7rem;margin-right:auto;padding:2px 8px}.customization-card .item-actions{margin-right:auto}.customization-card .item-actions button:hover:not(:disabled){background:var(--color-background);color:var(--color-text-primary)}.customization-card .item-actions button.delete:hover:not(:disabled){background:#ef44441a;color:#ef4444}.customization-card .item-actions button:disabled{cursor:not-allowed;opacity:.3}.reset-btn{background:#0000;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;font-family:inherit;font-size:.8rem;font-weight:500;margin-top:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.reset-btn:hover:not(:disabled){border-color:var(--color-text-light);color:var(--color-text-primary)}.reset-btn:disabled{cursor:not-allowed;opacity:.6}.notification-items-list{display:flex;flex-direction:column;gap:var(--spacing-xs)}.notification-toggle-item{align-items:center;background:var(--color-card);border:1px solid var(--color-border-light);border-radius:var(--radius-md);display:flex;gap:var(--spacing-sm);justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.notification-toggle-item:hover{border-color:var(--color-border)}.notification-toggle-item.disabled{opacity:.7}.notification-toggle-item.disabled:hover{opacity:.85}.notification-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.notification-label{color:var(--color-text-primary);font-size:.85rem;font-weight:500}.notification-description{color:var(--color-text-secondary);font-size:.75rem;line-height:1.3}.toggle-btn{background:none;border:none;cursor:pointer;flex-shrink:0;padding:0;transition:all var(--transition-fast)}.toggle-btn:disabled{cursor:not-allowed;opacity:.6}.toggle-track{background:var(--color-border);border-radius:var(--radius-full);display:block;height:20px;position:relative;transition:all var(--transition-fast);width:38px}.toggle-btn.on .toggle-track{background:var(--color-primary)}.toggle-thumb{background:#fff;border-radius:50%;box-shadow:var(--shadow-sm);height:16px;position:absolute;right:2px;top:2px;transition:all var(--transition-fast);width:16px}.toggle-btn.on .toggle-thumb{left:2px;right:auto}.settings-page .modal-overlay{align-items:center;animation:fadeIn .2s ease;background:#00000080;display:flex;inset:0;justify-content:center;padding:var(--spacing-lg);position:fixed;z-index:var(--z-modal)}.settings-page .modal{animation:modalIn .2s ease;background:var(--color-card);border-radius:var(--radius-lg);display:flex;flex-direction:column;max-height:90vh;max-width:400px;overflow:hidden;width:100%}.settings-page .modal-header{align-items:center;border-bottom:1px solid var(--color-border-light);display:flex;justify-content:space-between;padding:var(--spacing-lg)}.settings-page .modal-header h3{color:var(--color-text-primary);font-size:1.1rem;font-weight:600;margin:0}.settings-page .modal-close{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all var(--transition-fast);width:32px}.settings-page .modal-close:hover{background:var(--color-background);color:var(--color-text-primary)}.settings-page .modal-body{padding:var(--spacing-lg)}.settings-page .form-group{margin-bottom:var(--spacing-md)}.settings-page .form-group label{color:var(--color-text-primary);display:block;font-size:.9rem;font-weight:500;margin-bottom:var(--spacing-xs)}.settings-page .form-group label.required:after{color:var(--color-error);content:" *"}.settings-page .form-group input{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:inherit;font-size:.95rem;padding:var(--spacing-sm) var(--spacing-md);transition:border-color var(--transition-fast);width:100%}.settings-page .form-group input:focus{border-color:var(--color-primary);outline:none}.color-picker{gap:var(--spacing-sm)}.color-option{border:3px solid #0000;border-radius:var(--radius-full);height:32px;width:32px}.color-option.selected{border-color:var(--color-text-primary);box-shadow:var(--shadow-md)}.settings-page .modal-footer{border-top:1px solid var(--color-border-light);display:flex;gap:var(--spacing-sm);justify-content:flex-end;padding:var(--spacing-lg)}.settings-page .btn-secondary{align-items:center;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;font-family:inherit;font-size:.9rem;font-weight:500;gap:var(--spacing-sm);justify-content:center;padding:var(--spacing-sm) var(--spacing-lg);transition:all var(--transition-fast)}.settings-page .btn-secondary:hover{background:var(--color-card);border-color:var(--color-text-light);color:var(--color-text-primary)}.settings-page .btn-primary{align-items:center;background:var(--color-primary);border:none;border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;display:flex;font-family:inherit;font-size:.9rem;font-weight:600;gap:var(--spacing-sm);justify-content:center;padding:var(--spacing-sm) var(--spacing-lg);transition:all var(--transition-fast)}.settings-page .btn-primary:hover:not(:disabled){background:var(--color-primary-dark)}.settings-page .btn-primary:disabled{cursor:not-allowed;opacity:.6}@media (max-width:1024px){.customization-grid{grid-template-columns:1fr}}@media (max-width:768px){.settings-page .settings-tabs{flex-wrap:wrap}.settings-page .settings-tab{flex:1 1;font-size:.9rem;justify-content:center;padding:var(--spacing-sm) var(--spacing-md)}.settings-content{padding:var(--spacing-md)}.profile-info-card{flex-direction:column;padding:var(--spacing-lg);text-align:center}.profile-details h3{font-size:1.2rem}.admin-edit-notice{justify-content:center;width:100%}.customization-card .card-header{flex-wrap:wrap;gap:var(--spacing-sm)}.customization-card .add-item-btn{margin-top:var(--spacing-xs)}.customization-card .item-tag{width:100%}.customization-card .item-actions{opacity:1}}@media (max-width:480px){.settings-page .settings-tab span{display:none}.settings-page .settings-tab{flex:none;padding:var(--spacing-sm)}.notification-toggle-item{flex-wrap:wrap}.toggle-btn{margin-right:auto}}.home-page{display:flex;flex-direction:column;gap:var(--spacing-lg);max-width:100%;overflow-x:hidden}.welcome-section,.welcome-section h1{margin-bottom:var(--spacing-xs)}.welcome-section h1{align-items:center;color:var(--color-text-primary);display:flex;font-size:1.75rem;font-weight:700;gap:var(--spacing-sm)}.wave-icon{animation:wave 2s ease-in-out infinite;color:var(--color-secondary-yellow);transform-origin:70% 70%}@keyframes wave{0%,to{transform:rotate(0deg)}10%,30%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}40%{transform:rotate(-4deg)}50%,to{transform:rotate(0deg)}}.welcome-section p{color:var(--color-text-secondary);font-size:1rem}.stats-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(6,1fr)}.stat-card{background:var(--color-card);border:1px solid var(--color-border-light);flex-direction:column;gap:var(--spacing-xs);overflow:hidden;padding:var(--spacing-md);position:relative;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-card:before{border-radius:50%;bottom:0;content:"";height:60px;left:0;opacity:.1;position:absolute;transform:translate(-20%,30%);width:60px}.stat-card.stat-primary:before{background:var(--color-primary)}.stat-card.stat-purple:before{background:#7c5bb0}.stat-card.stat-yellow:before{background:#b8860b}.stat-card.stat-green:before{background:#059669}.stat-card-header{gap:var(--spacing-xs)}.stat-icon{height:32px;width:32px}.stat-card.stat-primary .stat-icon{background:var(--color-primary-light);color:var(--color-primary-dark)}.stat-card.stat-purple .stat-icon{background:var(--color-secondary-purple-light);color:#7c5bb0}.stat-card.stat-yellow .stat-icon{background:var(--color-secondary-yellow-light);color:#b8860b}.stat-card.stat-green .stat-icon{background:#34d3991f;color:#059669}.stat-label{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stat-content{flex:1 1}.stat-value{font-size:1.5rem}.stat-card.stat-primary .stat-value{color:var(--color-primary-dark)}.stat-card.stat-purple .stat-value{color:#7c5bb0}.stat-card.stat-yellow .stat-value{color:#b8860b}.stat-card.stat-green .stat-value{color:#059669}.notifications-section{background:var(--color-card);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-lg)}.notifications-header{align-items:center;color:var(--color-primary-dark);display:flex;gap:var(--spacing-sm)}.notifications-header h3{color:var(--color-text-primary);flex:1 1;font-size:1rem;font-weight:700;margin:0}.notifications-badge{align-items:center;background:var(--color-primary);border-radius:var(--radius-full);color:var(--color-text-primary);display:flex;font-size:.7rem;font-weight:600;height:20px;justify-content:center;width:20px}.notifications-container{-webkit-overflow-scrolling:touch;max-height:220px;overflow-y:auto}.empty-notifications{align-items:center;color:var(--color-text-light);display:flex;flex-direction:column;gap:var(--spacing-xs);justify-content:center;padding:var(--spacing-lg)}.empty-notifications p{font-size:.85rem;margin:0}.notifications-list{display:flex;flex-direction:column}.notification-item{align-items:center;border-radius:var(--radius-sm);cursor:pointer;display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);position:relative;transition:background var(--transition-fast)}.notification-item:hover{background:var(--color-background)}.notification-item.urgency-high{background:#ef44440a}.notification-item.urgency-medium{background:#fbbf240a}.notification-item.urgency-high:hover{background:#ef444414}.notification-item.urgency-medium:hover{background:#fbbf2414}.notification-dot{background:var(--color-primary);border-radius:var(--radius-full);flex-shrink:0;height:6px;position:absolute;right:var(--spacing-sm);top:50%;transform:translateY(-50%);width:6px}.notification-item.urgency-high .notification-dot{background:var(--color-error)}.notification-item.urgency-medium .notification-dot{background:var(--color-secondary-yellow)}.notification-item.urgency-low .notification-dot{background:var(--color-primary)}.notification-content{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0;padding-right:var(--spacing-md)}.notification-top{align-items:center;display:flex;gap:var(--spacing-sm);justify-content:space-between}.notification-title{color:var(--color-text-primary);font-size:.85rem;font-weight:600}.notification-message,.notification-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notification-message{color:var(--color-text-secondary);font-size:.8rem;line-height:1.4}.notification-time{font-size:.7rem;white-space:nowrap}.notification-mark-read,.notification-time{color:var(--color-text-light);flex-shrink:0}.notification-mark-read{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);cursor:pointer;display:flex;height:28px;justify-content:center;opacity:0;transition:all var(--transition-fast);width:28px}.notification-item:hover .notification-mark-read{opacity:1}.notification-mark-read:hover{background:var(--color-primary-light);color:var(--color-primary-dark)}.reminders-preview-section{background:var(--color-card);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);cursor:pointer;display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-lg);transition:all var(--transition-fast)}.reminders-preview-section:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-md)}.reminders-preview-header{align-items:center;color:#8b5cf6;display:flex;gap:var(--spacing-sm)}.reminders-preview-header h3{color:var(--color-text-primary);flex:1 1;font-size:1rem;font-weight:700;margin:0}.reminders-preview-badge{background:#8b5cf6;border-radius:var(--radius-full);color:#fff;height:22px;justify-content:center;width:22px}.reminders-preview-badge,.reminders-toggle-hidden-btn{align-items:center;display:flex;font-size:.7rem;font-weight:600}.reminders-toggle-hidden-btn{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;gap:4px;padding:4px 8px;transition:all var(--transition-fast)}.reminders-toggle-hidden-btn:hover{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary-dark)}.reminders-preview-container{-webkit-overflow-scrolling:touch;max-height:220px;overflow-y:auto}.reminders-preview-list{display:flex;flex-direction:column;gap:var(--spacing-xs)}.reminder-preview-item{align-items:flex-start;background:var(--color-background);border-radius:var(--radius-md);display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.reminder-preview-item:hover{background:var(--color-border-light);box-shadow:var(--shadow-sm)}.reminder-preview-item.hidden-reminder{border-right-color:var(--color-border);opacity:.5}.reminder-preview-content{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.reminder-preview-title{color:var(--color-text-primary);font-size:.85rem;font-weight:600}.reminder-preview-text,.reminder-preview-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reminder-preview-text{color:var(--color-text-secondary);font-size:.75rem;line-height:1.4}.reminder-visibility-btn{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--color-text-light);cursor:pointer;display:flex;flex-shrink:0;height:24px;justify-content:center;margin-top:2px;opacity:0;transition:all var(--transition-fast);width:24px}.reminder-preview-item:hover .reminder-visibility-btn{opacity:1}.reminder-visibility-btn:hover{background:var(--color-primary-light);color:var(--color-primary-dark)}.reminders-preview-more{align-items:center;border-radius:var(--radius-sm);color:#8b5cf6;cursor:pointer;display:flex;font-size:.8rem;font-weight:600;gap:var(--spacing-xs);justify-content:center;padding:var(--spacing-sm);transition:all var(--transition-fast)}.reminders-preview-more:hover{background:#8b5cf61a}.leads-section{background:var(--color-card);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);cursor:pointer;display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-lg);transition:all var(--transition-fast)}.leads-section:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-md)}.leads-header{align-items:center;color:#3b82f6;display:flex;gap:var(--spacing-sm)}.leads-header h3{color:var(--color-text-primary);flex:1 1;font-size:1rem;font-weight:700;margin:0}.leads-badge{background:#3b82f6;border-radius:var(--radius-full);color:#fff;font-size:.7rem;font-weight:600;height:22px;width:22px}.leads-add-btn,.leads-badge{align-items:center;display:flex;justify-content:center}.leads-add-btn{background:var(--color-primary-light);border:none;border-radius:var(--radius-sm);color:var(--color-primary-dark);cursor:pointer;height:28px;margin-right:auto;transition:all var(--transition-fast);width:28px}.leads-add-btn:hover{background:var(--color-primary);color:#fff;transform:scale(1.05)}.leads-container{-webkit-overflow-scrolling:touch;max-height:200px;overflow-y:auto}.leads-list{gap:var(--spacing-xs)}.lead-item{align-items:center;background:var(--color-background);border-radius:var(--radius-sm);display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.lead-item:hover{background:var(--color-border-light)}.lead-status-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.lead-name{flex:1 1;font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lead-status-label{flex-shrink:0;font-size:.7rem;font-weight:600}.leads-more{align-items:center;border-radius:var(--radius-sm);color:var(--color-primary-dark);cursor:pointer;display:flex;font-size:.8rem;font-weight:600;gap:var(--spacing-xs);justify-content:center;padding:var(--spacing-sm);transition:all var(--transition-fast)}.leads-more:hover{background:var(--color-primary-light)}.sections-grid{grid-gap:var(--spacing-lg);align-items:stretch;display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(2,1fr)}.section-card.half-width{display:flex;flex-direction:column;min-height:320px;min-width:0}.section-card.half-width .appointments-bar,.section-card.half-width .leads-section,.section-card.half-width .reminders-preview-section,.section-card.half-width .tasks-section{flex:1 1;min-height:320px}.notifications-section,.quick-actions-section,.section-card.full-width{grid-column:1/-1}.appointments-bar{-webkit-overflow-scrolling:touch;background:var(--color-card);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:var(--spacing-lg);overflow-y:auto;padding:var(--spacing-lg)}.bar-section{gap:var(--spacing-md)}.bar-section.upcoming{padding-top:var(--spacing-lg)}.bar-section-header{gap:var(--spacing-sm)}.bar-section-header h3{font-size:1rem;font-weight:700;margin:0}.bar-stats{gap:var(--spacing-sm)}.bar-stat-item{padding:var(--spacing-sm) var(--spacing-md)}.bar-day-group{margin-bottom:var(--spacing-md)}.bar-appointments-list.grouped{-webkit-overflow-scrolling:touch;max-height:200px}.right-content{gap:var(--spacing-lg);height:100%}.right-content,.tasks-section{display:flex;flex-direction:column}.tasks-section{background:var(--color-card);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);cursor:pointer;flex:1 1;gap:var(--spacing-md);min-height:0;padding:var(--spacing-lg);transition:all var(--transition-fast)}.tasks-section:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-md)}.section-card.half-width .tasks-section .tasks-container{max-height:250px}.tasks-header{align-items:center;color:var(--color-secondary-yellow);display:flex;gap:var(--spacing-sm)}.tasks-header h3{color:var(--color-text-primary);font-size:1rem;font-weight:700;margin:0}.tasks-container{-webkit-overflow-scrolling:touch;flex:1 1;min-height:0;overflow-y:auto}.empty-tasks{align-items:center;color:var(--color-text-light);display:flex;flex-direction:column;gap:var(--spacing-sm);height:100%;justify-content:center}.empty-tasks p{font-size:.9rem;margin:0}.empty-state-enhanced{flex-direction:column;gap:var(--spacing-md);height:100%;min-height:150px;padding:var(--spacing-lg);text-align:center}.empty-state-enhanced,.empty-state-icon{align-items:center;display:flex;justify-content:center}.empty-state-icon{border-radius:var(--radius-md);flex-shrink:0;height:56px;width:56px}.empty-state-icon.success{background:#4dd9b426;color:var(--color-primary-dark)}.empty-state-icon.neutral{background:var(--color-background);color:var(--color-text-light)}.empty-state-content h4{color:var(--color-text-primary);font-size:1rem;font-weight:700;margin:0 0 var(--spacing-xs) 0}.empty-state-content p{color:var(--color-text-secondary);font-size:.85rem;line-height:1.5;margin:0}.empty-state-cta{align-items:center;background:var(--color-primary);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:var(--spacing-xs);margin-top:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);transition:all var(--transition-fast)}.empty-state-cta:hover{background:var(--color-primary-dark);transform:translateX(2px)}.empty-state-compact{align-items:center;color:var(--color-text-light);display:flex;flex-direction:column;gap:var(--spacing-sm);justify-content:center;padding:var(--spacing-md);text-align:center}.empty-state-compact .empty-icon{color:var(--color-text-light);opacity:.6}.empty-state-compact p{color:var(--color-text-secondary);font-size:.85rem;margin:0}.empty-state-link{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--color-primary-dark);cursor:pointer;display:inline-flex;font-size:.8rem;font-weight:600;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);transition:all var(--transition-fast)}.empty-state-link:hover{background:var(--color-primary-light);transform:translateX(2px)}.arrow-rtl{transform:scaleX(-1)}.tasks-list{gap:var(--spacing-xs)}.task-item{align-items:center;background:var(--color-background);border-radius:var(--radius-sm);display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.task-item:hover{background:var(--color-border-light)}.task-item.completed{opacity:.5}.task-item.completed .task-title{text-decoration:line-through}.task-status-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.task-title{flex:1 1;font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-status-label{flex-shrink:0;font-size:.7rem;font-weight:600}.quick-actions-section{background:var(--color-card);border:1px solid var(--color-border-light);display:flex;flex-direction:column;gap:var(--spacing-md)}.quick-actions-section.mobile-only{display:none}@media (max-width:768px){.quick-actions-section.mobile-only{display:flex}}.quick-actions-header{align-items:center;color:var(--color-primary-dark);display:flex;gap:var(--spacing-sm)}.quick-actions-header h3{color:var(--color-text-primary);font-size:1rem;font-weight:700;margin:0}.quick-actions-grid{grid-gap:var(--spacing-sm);display:grid;gap:var(--spacing-sm);grid-template-columns:repeat(4,1fr)}.quick-actions-grid.compact{gap:var(--spacing-sm);grid-template-columns:repeat(3,1fr);max-width:100%}.quick-action{background:var(--color-background);border:1.5px solid var(--color-border);cursor:pointer;display:flex;font-family:inherit;transition:all var(--transition-fast)}.quick-action,.quick-action.compact{align-items:center;border-radius:var(--radius-md);flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-md) var(--spacing-sm)}.quick-action.compact{justify-content:center;min-width:0;overflow:hidden}.quick-action.compact.placeholder{pointer-events:none;visibility:hidden}.quick-action:hover{background:var(--color-primary-light);border-color:var(--color-primary);transform:translateY(-2px)}.quick-action.compact:hover{transform:translateY(-1px)}.action-icon{align-items:center;background:var(--color-card);border-radius:var(--radius-md);color:var(--color-text-secondary);display:flex;height:40px;justify-content:center;transition:all var(--transition-fast);width:40px}.action-icon.compact{background:var(--color-primary-light);border-radius:50%;color:var(--color-primary-dark);height:36px;min-width:36px;width:36px}.quick-action.compact:hover .action-icon.compact{background:var(--color-primary);color:#fff}.quick-action.compact.invoice .action-icon.compact{background:#22c55e26;color:#22c55e}.quick-action.compact.invoice:hover .action-icon.compact{background:#22c55e;color:#fff}.quick-action:hover .action-icon{background:var(--color-card);color:var(--color-primary-dark)}.action-label{color:var(--color-text-primary);font-size:.85rem;font-weight:500}.quick-action.compact .action-label{font-size:.75rem;font-weight:600;line-height:1.2;max-width:100%;text-align:center;word-break:break-word}@media (max-width:1200px){.stats-grid{grid-template-columns:repeat(3,1fr)}.sections-grid{gap:var(--spacing-md)}.quick-actions-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:768px){.home-page{gap:var(--spacing-lg);padding-bottom:var(--spacing-xl)}.welcome-section h1{font-size:1.5rem}.sections-grid{grid-template-columns:1fr}.section-card.half-width{min-height:auto}.section-card.half-width .appointments-bar,.section-card.half-width .leads-section,.section-card.half-width .reminders-preview-section,.section-card.half-width .tasks-section{max-height:none;min-height:auto}.stats-grid{gap:var(--spacing-sm);grid-template-columns:repeat(2,1fr)}.stat-card{padding:var(--spacing-sm);text-align:center}.stat-card-header{flex-direction:column;gap:2px;justify-content:center}.stat-icon{height:30px;width:30px}.stat-value{font-size:1.25rem}.stat-label{font-size:.7rem}.notifications-section{padding:var(--spacing-md)}.notifications-container{max-height:180px}.leads-section{padding:var(--spacing-md)}.leads-container{max-height:160px}.lead-item{padding:var(--spacing-sm)}.lead-name{font-size:.8rem}.lead-status-label{font-size:.65rem}.reminders-preview-section{padding:var(--spacing-md)}.reminders-preview-container{max-height:200px}.reminder-preview-item{padding:var(--spacing-sm)}.reminder-preview-title{font-size:.8rem}.reminder-preview-text{font-size:.7rem}.reminder-visibility-btn{height:22px;opacity:1;width:22px}.notification-item{padding:var(--spacing-sm)}.notification-mark-read{height:24px;opacity:1;width:24px}.notification-title{font-size:.8rem}.notification-message{font-size:.75rem}.appointments-bar{flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-md)}.bar-section.upcoming{border-right:none;border-top:1px solid var(--color-border-light);padding-right:0;padding-top:var(--spacing-lg)}.bar-appointments-list.grouped{max-height:120px}.tasks-section{padding:var(--spacing-md)}.tasks-container{max-height:200px}.quick-actions-section.mobile-only{max-width:100%;overflow:hidden;padding:var(--spacing-md)}.quick-actions-grid.compact{gap:var(--spacing-sm);grid-template-columns:repeat(3,1fr);max-width:100%}.quick-action.compact{gap:var(--spacing-xs);min-height:80px;padding:var(--spacing-sm)}.action-icon.compact{height:34px;min-width:34px;width:34px}.quick-action.compact .action-label{font-size:.7rem}.right-content{gap:var(--spacing-md)}}@media (max-width:480px){.welcome-section h1{font-size:1.25rem}.wave-icon{height:24px!important;width:24px!important}.stats-grid{gap:var(--spacing-xs)}.stat-card{padding:var(--spacing-xs)}.stat-icon{height:26px;width:26px}.stat-icon svg{height:14px;width:14px}.stat-value{font-size:1.1rem}.stat-label{font-size:.65rem}.notification-dot{height:5px;width:5px}.notification-title{font-size:.75rem}.notification-message{font-size:.7rem}.notification-mark-read{height:22px;width:22px}.bar-item-time{font-size:.75rem;min-width:40px}.bar-item-name,.task-title{font-size:.8rem}.task-status-label{font-size:.65rem}.quick-action{gap:var(--spacing-xs);padding:var(--spacing-sm)}.action-icon{height:36px;width:36px}.action-label{font-size:.75rem}.quick-action.compact{min-height:70px;padding:var(--spacing-xs)}.action-icon.compact{height:30px;min-width:30px;width:30px}.empty-state-enhanced{min-height:120px;padding:var(--spacing-md)}.empty-state-icon{height:44px;width:44px}.empty-state-content h4{font-size:.9rem}.empty-state-content p{font-size:.8rem}.empty-state-cta{font-size:.8rem;padding:var(--spacing-xs) var(--spacing-md)}.empty-state-compact p{font-size:.8rem}.empty-state-link{font-size:.75rem}.quick-action.compact .action-label{font-size:.65rem}}.patients-table-container{background:var(--color-card);border:1px solid var(--color-border-light);border-radius:var(--radius-xl);overflow:hidden}.table-wrapper{overflow-x:auto}.patients-table{border-collapse:collapse;width:100%}.patients-table thead{background:var(--color-background)}.patients-table th{color:var(--color-text-light);font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:var(--spacing-lg) var(--spacing-xl);text-align:right;text-transform:uppercase;white-space:nowrap}.patients-table tbody tr{cursor:pointer;transition:all var(--transition-fast)}.patients-table tbody tr:hover{background:var(--color-primary-light)}.patients-table tbody tr.row-even{background:var(--color-background)}.patients-table tbody tr.row-even:hover{background:var(--color-primary-light)}.patients-table td{padding:var(--spacing-md) var(--spacing-xl);vertical-align:middle}.patient-name-cell{min-width:200px}.patients-table th:first-child{text-align:center}.patient-info{gap:var(--spacing-md)}.patient-avatar{font-size:.85rem}.name-text{color:var(--color-text-primary);font-size:.95rem;font-weight:600}.patient-types-cell{min-width:140px}.patient-type-tags{display:flex;flex-wrap:wrap;gap:6px}.patient-type-tag{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:.8rem;font-weight:500;padding:4px 10px;white-space:nowrap}.no-types{color:var(--color-text-light)}.phone-cell{min-width:120px}.phone-text{color:var(--color-text-secondary);font-family:SF Mono,Fira Code,monospace;font-size:.9rem;letter-spacing:.5px}.therapist-cell{min-width:140px}.therapist-info{color:var(--color-text-secondary);font-size:.9rem;gap:var(--spacing-xs)}.therapist-info svg{color:var(--color-primary);flex-shrink:0}.patients-table.admin-view tbody tr{cursor:pointer}.patients-table.admin-view tbody tr:hover{background:#6366f114}.patients-table .status-badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:.8rem;font-weight:500;height:auto;justify-content:center;line-height:1.2;padding:6px 14px;white-space:nowrap;width:auto}.patients-table .status-badge.status-green{background:#34d3991f;color:#10b981}.patients-table .status-badge.status-yellow{background:#fbbf241f;color:#d97706}.patients-table .status-badge.status-gray{background:#9ca3af1f;color:#6b7280}.patients-table .status-badge.status-blue{background:#3b82f61f;color:#3b82f6}.patients-table .status-badge.status-red{background:#f871711f;color:#ef4444}.patients-table .status-badge.status-purple{background:#a78bfa1f;color:#8b5cf6}.notes-cell{max-width:180px}.notes-wrapper{gap:var(--spacing-sm)}.notes-toggle,.notes-wrapper{align-items:center;display:flex}.notes-toggle{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;flex-shrink:0;justify-content:center;padding:6px;transition:all var(--transition-fast)}.notes-toggle:hover{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary-dark)}.notes-text{color:var(--color-text-secondary);font-size:.85rem;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notes-hidden{font-size:.8rem;font-style:italic}.no-notes,.notes-hidden{color:var(--color-text-light)}.date-cell{color:var(--color-text-secondary);font-size:.9rem;white-space:nowrap}.pagination{border-top:1px solid var(--color-border-light);padding:var(--spacing-lg)}.pagination-btn{transition:all var(--transition-fast)}.pagination-btn:hover:not(:disabled){background:var(--color-primary-light);color:var(--color-primary-dark)}.patients-table-loading{align-items:center;background:var(--color-card);border:1px solid var(--color-border-light);border-radius:var(--radius-xl);color:var(--color-text-secondary);display:flex;flex-direction:column;gap:var(--spacing-md);justify-content:center;padding:var(--spacing-4xl)}@media (max-width:900px){.patients-table td,.patients-table th{padding:var(--spacing-sm) var(--spacing-md)}.patients-table td:nth-child(4),.patients-table th:nth-child(4){display:none}.notes-text{max-width:80px}}@media (max-width:640px){.patients-table td:nth-child(5),.patients-table th:nth-child(5){display:none}.patient-avatar{font-size:.75rem;height:32px;width:32px}}.patients-cards-container{display:flex;flex-direction:column;gap:var(--spacing-xl)}.patients-cards-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.patient-card{background:var(--color-card);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);cursor:pointer;overflow:hidden;transition:all var(--transition-fast)}.patient-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-header{align-items:center;display:flex;justify-content:center;padding:var(--spacing-xl) var(--spacing-lg) var(--spacing-md)}.patient-avatar{box-shadow:var(--shadow-sm);font-size:1.3rem;height:64px;text-transform:uppercase;width:64px}.card-body{align-items:center;display:flex;flex-direction:column;padding:0 var(--spacing-lg) var(--spacing-lg);text-align:center}.patient-card .patient-name{color:var(--color-text-primary);font-size:1.1rem;font-weight:600;margin:0 0 var(--spacing-sm) 0}.patient-card .status-badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:.75rem;font-weight:500;height:auto;justify-content:center;line-height:1.2;padding:5px 12px;width:-webkit-fit-content;width:fit-content}.patient-card .status-badge.status-green{background:#34d39926;color:var(--color-success)}.patient-card .status-badge.status-yellow{background:#fbbf2426;color:var(--color-warning)}.patient-card .status-badge.status-gray{background:var(--color-background-alt);color:var(--color-text-secondary)}.patient-card .status-badge.status-blue{background:#3b82f626;color:#3b82f6}.card-badges-row{align-items:center;display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.patient-card .patient-type-badges{display:flex;flex-wrap:wrap;gap:4px;justify-content:center}.patient-card .patient-type-mini-badge{align-items:center;border-radius:var(--radius-full);color:#fff;display:inline-flex;font-size:.65rem;font-weight:500;max-width:70px;overflow:hidden;padding:2px 8px;text-overflow:ellipsis;white-space:nowrap}.card-info{border-top:1px solid var(--color-border-light);flex-direction:column;margin-top:var(--spacing-md);padding-top:var(--spacing-md);width:100%}.card-info,.info-row{display:flex;gap:var(--spacing-sm)}.info-row{align-items:center;color:var(--color-text-secondary);font-size:.85rem;justify-content:center}.info-row svg{color:var(--color-text-light);flex-shrink:0}.card-notes{border-top:1px solid var(--color-border-light);margin-top:var(--spacing-md);padding-top:var(--spacing-md);width:100%}.card-notes .notes-toggle{align-items:center;background:#0000;border:none;color:var(--color-text-light);cursor:pointer;display:flex;font-size:.8rem;gap:var(--spacing-xs);padding:0;transition:color var(--transition-fast)}.card-notes .notes-toggle:hover{color:var(--color-primary-dark)}.card-notes .notes-text{color:var(--color-text-secondary);font-size:.85rem;line-height:1.5;margin-top:var(--spacing-sm)}.patients-cards-loading{align-items:center;color:var(--color-text-secondary);display:flex;flex-direction:column;gap:var(--spacing-md);justify-content:center;padding:var(--spacing-4xl)}.patients-cards-loading .loading-spinner{animation:spin .8s linear infinite;border:3px solid var(--color-border-light);border-radius:50%;border-top-color:var(--color-primary);height:40px;width:40px}.patients-empty-state{align-items:center;background:var(--color-card);border:1px solid var(--color-border-light);border-radius:var(--radius-xl);display:flex;flex-direction:column;gap:var(--spacing-sm);justify-content:center;padding:var(--spacing-4xl) var(--spacing-xl);text-align:center}.patients-empty-state .empty-state-icon{align-items:center;background:var(--color-primary-light);border-radius:50%;color:var(--color-primary);display:flex;height:72px;justify-content:center;margin-bottom:var(--spacing-sm);width:72px}.patients-empty-state .empty-state-title{color:var(--color-text-primary);font-size:1.1rem;font-weight:600;margin:0}.patients-empty-state .empty-state-desc{color:var(--color-text-secondary);font-size:.9rem;line-height:1.5;margin:0;max-width:300px}.patients-empty-state .empty-state-btn{background:var(--color-primary);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;margin-top:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-lg);transition:all var(--transition-fast)}.patients-empty-state .empty-state-btn:hover{background:var(--color-primary-dark);transform:translateY(-1px)}.patients-cards-container .pagination{align-items:center;background:var(--color-card);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);display:flex;gap:var(--spacing-md);justify-content:center;padding:var(--spacing-lg)}.patients-cards-container .pagination-btn{align-items:center;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all var(--transition-fast);width:36px}.patients-cards-container .pagination-btn:hover:not(:disabled){background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary-dark)}.patients-cards-container .pagination-btn:disabled{cursor:not-allowed;opacity:.5}.patients-cards-container .pagination-info{color:var(--color-text-secondary);font-size:.9rem}.patient-card.admin-view:hover{border-color:#6366f180}.card-header{position:relative}.admin-badge{align-items:center;background:#6366f11a;border-radius:var(--radius-sm);display:flex;font-size:.7rem;gap:4px;left:var(--spacing-sm);padding:4px 8px;position:absolute;top:var(--spacing-sm)}.admin-badge,.info-row.therapist-row{color:var(--color-primary);font-weight:500}.info-row.therapist-row svg{color:var(--color-primary)}@media (max-width:640px){.patients-cards-grid{grid-template-columns:1fr}}.view-toggle-btn{align-items:center;background:#0000;border:none;color:var(--color-text-light);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all var(--transition-fast);width:40px}.view-toggle-btn:first-child{border-left:1px solid var(--color-border)}.view-toggle-btn:hover:not(.active){background:var(--color-card);color:var(--color-text-secondary)}.view-toggle-btn.active{background:var(--color-primary);color:var(--color-text-primary)}.view-toggle-btn.disabled{cursor:not-allowed;opacity:.4}.view-toggle-btn.disabled:hover{background:#0000;color:var(--color-text-light)}.patients-page{display:flex;flex-direction:column;gap:var(--spacing-xl)}.patients-header{align-items:flex-start;display:flex;justify-content:space-between}.header-title h1{font-size:1.75rem;margin-bottom:var(--spacing-xs)}.subtitle{color:var(--color-text-secondary);font-size:.95rem}.add-patient-btn{align-items:center;background:var(--color-primary);border:none;border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;display:flex;font-family:inherit;font-size:.95rem;font-weight:600;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);transition:all var(--transition-fast)}.add-patient-btn:hover{background:var(--color-primary-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.patients-filters{align-items:center;display:flex;gap:var(--spacing-md);justify-content:space-between}.search-form{flex:1 1;max-width:400px}.filters-right{align-items:center;display:flex;gap:var(--spacing-md)}.search-input-wrapper{align-items:center;display:flex;position:relative}.search-icon{color:var(--color-text-light);pointer-events:none;position:absolute;right:var(--spacing-md)}.search-input{background:var(--color-card);border:1.5px solid var(--color-border);border-radius:var(--radius-md);font-family:inherit;font-size:.95rem;padding:var(--spacing-sm) var(--spacing-md);padding-right:44px;transition:all var(--transition-fast);width:100%}.search-input:focus{border-color:var(--color-primary);box-shadow:var(--shadow-focus);outline:none}.filter-icon,.search-input::placeholder{color:var(--color-text-light)}.filter-icon{pointer-events:none;position:absolute;right:var(--spacing-sm);z-index:1}.patients-page select.status-filter{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:var(--color-card);border:1.5px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;display:block;font-family:inherit;font-size:.9rem;height:36px;line-height:1.4;min-width:140px;overflow:visible;padding:6px var(--spacing-md);padding-right:32px;transition:all var(--transition-fast)}.patients-page select.status-filter:focus{border-color:var(--color-primary);outline:none}.patients-page select.patient-type-filter{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:var(--color-card);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:left 10px center;background-repeat:no-repeat;border:1.5px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;display:block;font-family:inherit;font-size:.9rem;min-width:160px;padding:6px var(--spacing-md);padding-right:32px;transition:all var(--transition-fast)}.patients-page select.patient-type-filter:focus{border-color:var(--color-primary);outline:none}.error-message{background:#f871711a;border:1px solid #f871714d;color:var(--color-error);font-size:.95rem;padding:var(--spacing-md) var(--spacing-lg)}@media (max-width:768px){.patients-header{flex-direction:column;gap:var(--spacing-md)}.add-patient-btn{justify-content:center;width:100%}.patients-filters{flex-direction:column}.search-form{max-width:none;width:100%}.filters-right{justify-content:space-between;width:100%}.filter-wrapper{flex:1 1}.patients-page select.patient-type-filter,.patients-page select.status-filter{width:100%}}.day-time-picker{display:flex;flex-direction:column;gap:var(--spacing-md)}.days-row{direction:rtl;display:flex;gap:var(--spacing-sm);width:100%}.day-btn{align-items:center;background:var(--color-background);border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-family:inherit;gap:2px;justify-content:center;min-height:60px;padding:var(--spacing-sm) var(--spacing-xs);transition:all var(--transition-fast)}.day-btn.selected,.day-btn:hover{background:var(--color-primary-light);border-color:var(--color-primary)}.day-btn.active{border-color:var(--color-primary-dark);box-shadow:0 0 0 2px var(--color-primary-light)}.day-label{font-size:.95rem;text-align:center}.day-time{color:var(--color-primary-dark);direction:ltr;font-size:.65rem;font-weight:500;white-space:nowrap}.time-selector{animation:slideDown .2s ease;background:var(--color-card);border:1px solid var(--color-border-light);border-radius:var(--radius-md);padding:var(--spacing-md)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.time-selector-header{align-items:center;color:var(--color-text-secondary);display:flex;font-size:.9rem;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.time-range{align-items:center;display:flex;gap:var(--spacing-md);justify-content:center}.time-field{display:flex;flex-direction:column;gap:var(--spacing-xs)}.time-field label{color:var(--color-text-secondary);font-size:.8rem}.time-field select{background:var(--color-background);border:1.5px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;direction:ltr;font-family:inherit;font-size:1rem;min-width:100px;padding:var(--spacing-sm) var(--spacing-md);text-align:center}.time-field select:focus{border-color:var(--color-primary);outline:none}.time-separator{color:var(--color-text-secondary);padding-top:var(--spacing-lg)}.selected-summary{border-top:1px solid var(--color-border-light);display:flex;flex-wrap:wrap;gap:var(--spacing-xs);padding-top:var(--spacing-sm)}.summary-tag{background:var(--color-background-alt);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:.8rem;padding:var(--spacing-xs) var(--spacing-sm)}@media (max-width:600px){.days-row{flex-wrap:wrap}.day-btn{min-height:55px}.day-btn,.day-btn:nth-child(7){flex:0 0 calc(33.33% - var(--spacing-sm))}.time-range{flex-direction:column}.time-separator{padding:0}}.create-patient-page{margin:0 auto;max-width:900px}.page-header{gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.page-header h1{color:var(--color-text-primary);flex:1 1;font-size:1.5rem;font-weight:700;text-align:center}.form-container{background:var(--color-card);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);overflow:hidden}.tabs-nav{background:var(--color-background);border-bottom:1px solid var(--color-border-light);display:flex;overflow-x:auto}.tab-btn{background:none;border-bottom:3px solid #0000;font-size:.95rem;white-space:nowrap}.tab-btn.active,.tab-btn:hover{background:var(--color-card)}.required-badge{background:var(--color-primary-light);border-radius:var(--radius-full);color:var(--color-primary-dark);font-size:.7rem;font-weight:600;padding:2px 6px}.form-content{padding:var(--spacing-xl)}.form-section{display:flex;flex-direction:column;gap:var(--spacing-lg)}.section-title{font-size:1.1rem;margin-bottom:0}.form-row{grid-gap:var(--spacing-lg);gap:var(--spacing-lg);grid-template-columns:repeat(2,1fr)}.form-row.three-cols{grid-template-columns:repeat(3,1fr)}.form-group input,.form-group select,.form-group textarea{text-align:right}.form-group input[dir=ltr],.form-group input[type=date],.form-group input[type=email],.form-group input[type=number],.form-group input[type=tel]{direction:ltr;text-align:left}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:var(--color-error)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--color-text-light)}.error-text{color:var(--color-error);font-size:.8rem}.checkbox-group,.radio-group{display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.checkbox-option,.radio-option{align-items:center;color:var(--color-text-primary);cursor:pointer;display:flex;font-size:.95rem;gap:var(--spacing-xs)}.checkbox-option input,.radio-option input{accent-color:var(--color-primary);cursor:pointer;height:18px;width:18px}.checkbox-single{margin-top:var(--spacing-md)}.parent-section{background:var(--color-background);border-radius:var(--radius-md);padding:var(--spacing-md)}.parent-section h4{color:var(--color-text-secondary);font-size:.9rem;font-weight:600;margin-bottom:var(--spacing-sm)}.submit-error{align-items:center;background:#ef44441a;background:var(--color-error-light,#ef44441a);border:1px solid var(--color-error);border-radius:var(--radius-md);color:var(--color-error);display:flex;font-size:.9rem;gap:var(--spacing-sm);margin:0 var(--spacing-xl);padding:var(--spacing-md)}.form-actions{background:var(--color-background);border-top:1px solid var(--color-border-light);display:flex;justify-content:flex-end;padding:var(--spacing-lg) var(--spacing-xl)}.save-btn{font-size:1rem;gap:var(--spacing-sm)}.save-btn:hover:not(:disabled){box-shadow:var(--shadow-md);transform:translateY(-1px)}.modal-overlay{animation:fadeIn .2s ease}.exit-warning-modal{animation:slideUp .3s ease;background:var(--color-card);border-radius:var(--radius-lg);max-width:400px;padding:var(--spacing-xl);position:relative;width:90%}.modal-header{gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.warning-icon{color:var(--color-warning)}.exit-warning-modal p{color:var(--color-text-secondary);margin-bottom:var(--spacing-lg)}.modal-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end}.btn-secondary{border:1.5px solid var(--color-border);font-size:.95rem}.btn-secondary:hover{background:var(--color-background-alt)}.btn-primary{font-size:.95rem}.btn-primary:hover{background:var(--color-primary-dark)}.modal-close{background:none;left:var(--spacing-md);padding:var(--spacing-xs);position:absolute;top:var(--spacing-md)}.modal-close:hover{background:var(--color-background-alt)}@media (max-width:768px){.tabs-nav{padding:0 var(--spacing-sm)}.tab-btn{font-size:.85rem;padding:var(--spacing-sm) var(--spacing-md)}.tab-btn span:not(.required-badge){display:none}.form-content{padding:var(--spacing-md)}.form-row,.form-row.three-cols{grid-template-columns:1fr}.form-actions{padding:var(--spacing-md)}.save-btn{justify-content:center;width:100%}}.patient-files-tab{flex-direction:column;padding:var(--spacing-lg)}.files-header,.patient-files-tab{display:flex;gap:var(--spacing-md)}.files-header{align-items:center;justify-content:space-between}.files-header-title{align-items:center;display:flex;gap:var(--spacing-sm)}.files-header-title h3{color:var(--color-text-primary);font-size:1.1rem;font-weight:600;margin:0}.files-header-title svg{color:var(--color-primary-dark)}.files-count{background:var(--color-background-alt);border-radius:var(--radius-full);color:var(--color-text-secondary);font-size:.75rem;padding:2px 8px}.files-header-actions{display:flex;gap:var(--spacing-sm)}.files-btn{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:flex;font-family:inherit;font-size:.9rem;font-weight:500;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.files-btn.primary{background:var(--color-primary);color:var(--color-text-primary)}.files-btn.primary:hover:not(:disabled){background:var(--color-primary-dark)}.files-btn.secondary{background:var(--color-card);border:1.5px solid var(--color-border);color:var(--color-text-secondary)}.files-btn.secondary:hover:not(:disabled){background:var(--color-background);border-color:var(--color-primary);color:var(--color-text-primary)}.files-btn.danger{background:var(--color-error);color:#fff}.files-btn.danger:hover:not(:disabled){background:#dc2626}.files-btn:disabled{cursor:not-allowed;opacity:.6}.files-btn.camera-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.files-btn.camera-btn:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px)}.files-btn.gallery-btn{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.files-btn.gallery-btn:hover:not(:disabled){background:linear-gradient(135deg,#7c3aed,#6d28d9);transform:translateY(-1px)}.storage-usage-bar{background:var(--color-card);border:1px solid var(--color-border-light);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md)}.storage-usage-bar.warning{background:#fbbf240d;border-color:var(--color-warning)}.storage-info{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-xs)}.storage-label{color:var(--color-text-secondary);font-size:.8rem}.storage-values{color:var(--color-text-primary);font-size:.8rem;font-weight:600}.storage-progress{background:var(--color-border-light);border-radius:var(--radius-full);height:6px;overflow:hidden}.storage-progress-fill{background:var(--color-primary);border-radius:var(--radius-full);height:100%;transition:width .3s ease}.storage-usage-bar.warning .storage-progress-fill{background:var(--color-warning)}.storage-warning{color:var(--color-warning);font-size:.75rem;gap:var(--spacing-xs);margin-top:var(--spacing-xs)}.files-error,.storage-warning{align-items:center;display:flex}.files-error{background:#ef44441a;border:1px solid #ef444433;border-radius:var(--radius-md);color:var(--color-error);font-size:.85rem;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md)}.files-error span{flex:1 1}.files-error button{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--color-error);cursor:pointer;display:flex;justify-content:center;padding:4px}.files-error button:hover{background:#ef444433}.folders-section{background:var(--color-card);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);overflow:hidden}.folders-header{background:var(--color-background);border-bottom:1px solid var(--color-border-light);color:var(--color-text-secondary);font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:var(--spacing-sm) var(--spacing-md);text-transform:uppercase}.folders-list{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);padding:var(--spacing-sm)}.folder-item{align-items:center;background:var(--color-background);border:1px solid var(--color-border-light);border-radius:var(--radius-md);display:flex;transition:all var(--transition-fast)}.folder-item.active{background:var(--color-primary-light);border-color:var(--color-primary)}.folder-btn,.folder-item>button:first-child{align-items:center;background:none;border:none;color:var(--color-text-primary);cursor:pointer;display:flex;font-family:inherit;font-size:.85rem;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm)}.folder-actions{border-left:1px solid var(--color-border-light);display:flex;gap:2px;margin-left:var(--spacing-xs);padding-left:var(--spacing-xs)}.folder-action-btn{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--color-text-tertiary);cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all var(--transition-fast)}.folder-action-btn:hover{background:var(--color-background-alt);color:var(--color-text-primary)}.folder-action-btn.delete:hover{background:#ef44441a;color:var(--color-error)}.files-breadcrumb{color:var(--color-text-secondary);gap:var(--spacing-sm)}.files-breadcrumb,.files-breadcrumb button{align-items:center;display:flex;font-size:.85rem}.files-breadcrumb button{background:none;border:none;color:var(--color-primary);cursor:pointer;font-family:inherit;gap:var(--spacing-xs);padding:0}.files-breadcrumb button:hover{text-decoration:underline}.breadcrumb-separator{color:var(--color-border)}.breadcrumb-current{color:var(--color-text-primary);font-weight:500}.files-drop-zone{background:var(--color-card);border:2px dashed var(--color-border);border-radius:var(--radius-lg);min-height:300px;position:relative;transition:all var(--transition-fast)}.files-drop-zone.dragging{background:var(--color-primary-light);border-color:var(--color-primary)}.files-drop-zone.disabled{opacity:.6;pointer-events:none}.drop-zone-dragging,.drop-zone-empty,.drop-zone-uploading{align-items:center;color:var(--color-text-secondary);display:flex;flex-direction:column;justify-content:center;min-height:300px;padding:var(--spacing-xl);text-align:center}.drop-zone-dragging svg,.drop-zone-empty svg,.drop-zone-uploading svg{color:var(--color-border);margin-bottom:var(--spacing-md)}.drop-zone-dragging h4,.drop-zone-empty h4{color:var(--color-text-primary);font-size:1rem;margin:0 0 var(--spacing-xs) 0}.drop-zone-empty p{font-size:.9rem;margin:0 0 var(--spacing-md) 0}.drop-zone-hint{align-items:center;color:var(--color-text-tertiary);display:flex;font-size:.75rem;gap:var(--spacing-xs)}.drop-zone-dragging svg{animation:bounce .5s ease infinite alternate;color:var(--color-primary)}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-8px)}}.files-loading{align-items:center;color:var(--color-text-secondary);display:flex;flex-direction:column;gap:var(--spacing-sm);justify-content:center;min-height:300px}.files-loading .spinner{animation:spin 1s linear infinite;color:var(--color-primary)}.files-grid{grid-gap:var(--spacing-md);display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.file-card,.files-grid{gap:var(--spacing-md);padding:var(--spacing-md)}.file-card{align-items:flex-start;background:var(--color-background);border:1px solid var(--color-border-light);border-radius:var(--radius-md);display:flex;transition:all var(--transition-fast)}.file-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.file-card-icon{align-items:center;background:var(--color-primary-light);border-radius:var(--radius-md);color:var(--color-primary-dark);display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.file-card-info{flex:1 1;min-width:0}.file-name{color:var(--color-text-primary);display:block;font-size:.9rem;font-weight:500;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-description{color:var(--color-text-secondary);display:block;font-size:.8rem;line-height:1.3;margin-bottom:var(--spacing-xs)}.file-meta{align-items:center;color:var(--color-text-tertiary);display:flex;font-size:.75rem;gap:var(--spacing-xs)}.file-meta .meta-dot{background:var(--color-text-light);border-radius:50%;height:3px;width:3px}.file-uploader{color:var(--color-text-tertiary);font-size:.7rem;margin-top:var(--spacing-xs)}.file-card-actions{display:flex;flex-direction:column;gap:4px}.file-action-btn{transition:all var(--transition-fast)}.files-modal-overlay{align-items:center;animation:fadeIn .2s ease;background:#00000080;display:flex;inset:0;justify-content:center;padding:var(--spacing-md);position:fixed;z-index:1000}.files-modal{animation:slideUp .2s ease;background:var(--color-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:440px;width:100%}.files-modal-header{align-items:center;border-bottom:1px solid var(--color-border-light);display:flex;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg)}.files-modal-header h3{color:var(--color-text-primary);font-size:1.1rem;font-weight:600;margin:0}.files-modal-close{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--color-text-tertiary);cursor:pointer;display:flex;justify-content:center;padding:4px}.files-modal-close:hover{background:var(--color-background-alt);color:var(--color-text-primary)}.files-modal-body{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-lg)}.files-modal-footer{background:var(--color-background);border-radius:0 0 var(--radius-lg) var(--radius-lg);border-top:1px solid var(--color-border-light);display:flex;gap:var(--spacing-sm);justify-content:flex-end;padding:var(--spacing-md) var(--spacing-lg)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.form-group label{color:var(--color-text-secondary);font-size:.85rem}.form-group input,.form-group select,.form-group textarea{border:1.5px solid var(--color-border);font-size:.9rem;transition:all var(--transition-fast)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{box-shadow:var(--shadow-focus)}.color-picker{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.color-option{border:2px solid #0000;border-radius:50%;cursor:pointer;height:28px;transition:all var(--transition-fast);width:28px}.color-option:hover{transform:scale(1.1)}.color-option.active{border-color:var(--color-text-primary);box-shadow:0 0 0 2px #fff,0 0 0 4px currentColor}.file-preview-info{align-items:center;background:var(--color-background);border-radius:var(--radius-md);color:var(--color-text-primary);display:flex;font-size:.9rem;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md)}.file-preview-info svg{color:var(--color-primary-dark)}.delete-modal .files-modal-body{text-align:center}.delete-warning{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-md)}.delete-warning svg{color:var(--color-error)}.delete-warning p{color:var(--color-text-primary);font-size:.95rem;margin:0}.delete-note{color:var(--color-text-tertiary);font-size:.8rem}.preview-overlay{background:#000000d9}.preview-modal{background:var(--color-card);border-radius:var(--radius-lg);display:flex;flex-direction:column;height:90vh;max-height:90vh;max-width:1200px;overflow:hidden;width:100%}.preview-header{align-items:center;background:var(--color-background);border-bottom:1px solid var(--color-border-light);display:flex;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg)}.preview-filename{color:var(--color-text-primary);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-actions{align-items:center;display:flex;gap:var(--spacing-sm)}.preview-actions button{align-items:center;background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;font-family:inherit;font-size:.85rem;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.preview-actions button:hover{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-text-primary)}.preview-actions .close-btn{background:none;border:none;padding:var(--spacing-xs)}.preview-actions .close-btn:hover{background:var(--color-background-alt)}.preview-content{align-items:center;background:var(--color-background);display:flex;flex:1 1;justify-content:center;overflow:auto}.preview-content img{max-height:100%;max-width:100%;object-fit:contain}.preview-content iframe{border:none}.preview-not-available{align-items:center;color:var(--color-text-secondary);display:flex;flex-direction:column;gap:var(--spacing-md);justify-content:center;padding:var(--spacing-xl);text-align:center}.preview-not-available svg{color:var(--color-border)}.preview-not-available p{font-size:.95rem;margin:0}.file-action-btn .spinner,.files-btn .spinner{animation:spin 1s linear infinite}@media (max-width:768px){.patient-files-tab{padding:var(--spacing-md)}.files-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-sm)}.files-header-actions{grid-gap:var(--spacing-xs);display:grid;gap:var(--spacing-xs);grid-template-columns:repeat(2,1fr);width:100%}.files-header-actions .files-btn{font-size:.85rem;justify-content:center;padding:var(--spacing-sm)}.files-header-actions .files-btn.secondary{grid-column:span 2}.folders-list{flex-direction:column}.folder-item{width:100%}.folder-btn{flex:1 1}.files-grid{grid-template-columns:1fr;padding:var(--spacing-sm)}.file-card{align-items:stretch;flex-direction:column;gap:var(--spacing-sm)}.file-card-icon{align-self:flex-start;height:40px;width:40px}.file-card-actions{border-top:1px solid var(--color-border-light);flex-direction:row;justify-content:flex-end;margin-top:var(--spacing-xs);padding-top:var(--spacing-sm)}.files-modal{margin:var(--spacing-md);max-width:100%}.preview-modal{border-radius:0;height:100vh;max-height:100vh}.preview-header{padding:var(--spacing-sm) var(--spacing-md)}.preview-filename{font-size:.85rem}}.patient-profile-page{margin:0 auto;max-width:1400px}.page-header{margin-bottom:var(--spacing-lg)}.back-btn{background:none;border:none;font-family:inherit;font-size:.95rem;padding:var(--spacing-sm);transition:all var(--transition-fast)}.back-btn:hover{background:var(--color-background-alt)}.error-state,.loading-state{align-items:center;color:var(--color-text-secondary);display:flex;flex-direction:column;gap:var(--spacing-md);justify-content:center;padding:var(--spacing-4xl)}.error-state button{background:var(--color-primary);border:none;color:var(--color-text-primary);font-family:inherit;padding:var(--spacing-sm) var(--spacing-lg)}.profile-container{background:var(--color-card);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);overflow:hidden}.main-tabs-nav{background:var(--color-card);border-bottom:1px solid var(--color-border-light);padding:var(--spacing-sm)}.main-tab-btn,.main-tabs-nav{display:flex;gap:var(--spacing-sm)}.main-tab-btn{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;font-family:inherit;font-size:.95rem;font-weight:500;overflow:hidden;padding:var(--spacing-md) var(--spacing-xl);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.main-tab-btn:before{background:var(--color-primary-light);border-radius:var(--radius-md);content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s cubic-bezier(.4,0,.2,1)}.main-tab-btn:hover{color:var(--color-text-primary)}.main-tab-btn:hover:before{opacity:.5}.main-tab-btn.active{color:var(--color-primary-dark)}.main-tab-btn.active:before{opacity:1}.main-tab-btn span,.main-tab-btn svg{position:relative;z-index:1}.main-tab-content{animation:patientTabContentFadeIn .4s cubic-bezier(.4,0,.2,1);min-height:400px}@keyframes patientTabContentFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.profile-tab-content{display:flex;flex-direction:column}.profile-header{align-items:center;border-bottom:1px solid var(--color-border-light);display:flex;gap:var(--spacing-lg);padding:var(--spacing-xl)}.patient-avatar{color:var(--color-text-primary);font-size:1.5rem;font-weight:700;height:70px;width:70px}.patient-main-info{flex:1 1}.patient-main-info h2{color:var(--color-text-primary);font-size:1.5rem;font-weight:700;margin-bottom:var(--spacing-xs)}.patient-profile-page .status-badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:.85rem;font-weight:500;height:auto;justify-content:center;line-height:1.2;padding:6px 14px;width:auto}.patient-profile-page .status-badge.status-green{background:#34d39926;color:var(--color-success)}.patient-profile-page .status-badge.status-yellow{background:#fbbf2426;color:var(--color-warning)}.patient-profile-page .status-badge.status-gray{background:var(--color-background-alt);color:var(--color-text-secondary)}.patient-profile-page .status-badge.status-blue{background:#3b82f626;color:#3b82f6}.edit-btn{align-items:center;background:var(--color-background);border:1.5px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;font-family:inherit;font-size:.9rem;font-weight:500;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.edit-btn:hover{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary-dark)}.edit-actions{display:flex;gap:var(--spacing-sm)}.cancel-btn{align-items:center;background:var(--color-background);border:1.5px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;font-family:inherit;font-size:.9rem;font-weight:500;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.cancel-btn:hover{background:var(--color-secondary-pink-light);border-color:var(--color-error);color:var(--color-error)}.save-btn{font-size:.9rem}.sub-tabs-nav{background:var(--color-background);border-bottom:1px solid var(--color-border-light);padding:var(--spacing-md) var(--spacing-xl)}.sub-tab-btn,.sub-tabs-nav{display:flex;gap:var(--spacing-xs)}.sub-tab-btn{align-items:center;background:none;border:1.5px solid #0000;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;font-family:inherit;font-size:.85rem;font-weight:500;padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.sub-tab-btn:hover{background:var(--color-card);color:var(--color-text-primary)}.sub-tab-btn.active{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary-dark)}.sub-tab-content{padding:var(--spacing-xl)}.profile-section{display:flex;flex-direction:column;gap:var(--spacing-lg)}.section-title{border-bottom:1px solid var(--color-border-light);color:var(--color-text-primary);font-size:1rem;font-weight:600;margin-top:var(--spacing-md);padding-bottom:var(--spacing-xs)}.section-title:first-child{margin-top:0}.fields-grid{grid-gap:var(--spacing-md) var(--spacing-xl);display:grid;gap:var(--spacing-md) var(--spacing-xl);grid-template-columns:repeat(2,1fr)}.field-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.field-group.full-width{grid-column:1/-1}.field-group label{color:var(--color-text-secondary);font-size:.8rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.field-value{color:var(--color-text-primary);font-size:.95rem;min-height:24px}.field-group input,.field-group select,.field-group textarea{background:var(--color-background);border:1.5px solid var(--color-border);border-radius:var(--radius-md);font-family:inherit;font-size:.95rem;padding:var(--spacing-sm) var(--spacing-md);text-align:right;transition:all var(--transition-fast)}.field-group input[dir=ltr],.field-group input[type=date],.field-group input[type=email],.field-group input[type=number],.field-group input[type=tel]{direction:ltr;text-align:left}.field-group input:focus,.field-group select:focus,.field-group textarea:focus{border-color:var(--color-primary);box-shadow:var(--shadow-focus);outline:none}.checkbox-group{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.checkbox-option{align-items:center;color:var(--color-text-primary);cursor:pointer;display:flex;font-size:.9rem;gap:var(--spacing-xs)}.checkbox-option input{accent-color:var(--color-primary);cursor:pointer;height:18px;width:18px}.empty-tab{align-items:center;color:var(--color-text-secondary);display:flex;flex-direction:column;justify-content:center;padding:var(--spacing-4xl);text-align:center}.empty-tab svg{color:var(--color-border);margin-bottom:var(--spacing-md)}.empty-tab h3{color:var(--color-text-primary);font-size:1.25rem;margin-bottom:var(--spacing-sm)}@media (max-width:768px){.profile-header{flex-direction:column;padding:var(--spacing-lg)}.patient-main-info,.profile-header{text-align:center}.edit-actions{justify-content:center;width:100%}.sub-tabs-nav{overflow-x:auto;padding:var(--spacing-sm) var(--spacing-md)}.sub-tab-btn span{display:none}.fields-grid{grid-template-columns:1fr}.main-tabs-nav{gap:var(--spacing-xs);padding:var(--spacing-xs)}.main-tab-btn{flex:1 1;font-size:.85rem;justify-content:center;padding:var(--spacing-sm) var(--spacing-xs)}.main-tab-btn span{display:none}.main-tab-btn svg{height:20px;width:20px}.sub-tab-content{padding:var(--spacing-md)}}.read-only-banner{align-items:center;background:#6366f11a;border:1px solid #6366f133;border-radius:var(--radius-md);color:var(--color-primary);display:flex;font-size:.9rem;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);padding:var(--spacing-sm) var(--spacing-md)}.read-only-banner svg{flex-shrink:0}.view-only-badge{align-items:center;background:#6366f11a;border-radius:var(--radius-md);color:var(--color-primary);display:flex;font-size:.85rem;font-weight:500;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md)}.treatments-tab-content{padding:var(--spacing-lg)}.treatments-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-lg)}.treatments-header h3{align-items:center;display:flex;font-size:1.1rem;gap:var(--spacing-sm);margin:0}.new-treatment-btn,.treatments-header h3{color:var(--color-text-primary);font-weight:600}.new-treatment-btn{border-radius:var(--radius-md);font-family:inherit;font-size:.9rem;padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.treatments-empty,.treatments-loading{align-items:center;color:var(--color-text-secondary);display:flex;flex-direction:column;justify-content:center;padding:var(--spacing-4xl);text-align:center}.treatments-loading .spinner{animation:spin 1s linear infinite;color:var(--color-primary);margin-bottom:var(--spacing-md)}.treatments-empty svg{color:var(--color-border);margin-bottom:var(--spacing-md);opacity:.5}.treatments-empty h4{color:var(--color-text-primary);font-size:1.1rem;margin:0 0 var(--spacing-sm) 0}.treatments-empty p{font-size:.9rem;margin:0 0 var(--spacing-lg) 0}.new-treatment-btn-large{align-items:center;background:var(--color-primary);border:none;border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;display:flex;font-family:inherit;font-size:1rem;font-weight:600;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);transition:all var(--transition-fast)}.new-treatment-btn-large:hover{background:var(--color-primary-dark)}.treatment-card,.treatments-timeline{position:relative}.treatment-card{background:var(--color-card);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);cursor:pointer;display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-md);padding:var(--spacing-md);transition:all var(--transition-fast)}.treatment-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.treatment-card.draft{border-style:dashed;opacity:.85}.treatment-timeline-dot{align-items:center;background:var(--color-primary);border-radius:50%;color:#fff;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px;z-index:2}.treatment-card.draft .treatment-timeline-dot{background:var(--color-text-tertiary)}.treatment-timeline-line{background:var(--color-border);height:calc(100% + var(--spacing-md));position:absolute;right:31px;top:56px;width:2px;z-index:1}.treatment-card-content{flex:1 1;min-width:0}.treatment-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-xs)}.treatment-date{align-items:center;color:var(--color-text-primary);display:flex;font-size:.85rem;font-weight:600;gap:var(--spacing-xs)}.treatment-status{border-radius:var(--radius-full);font-size:.75rem;font-weight:500;padding:2px 8px}.treatment-status.locked{background:#d1fae5;color:#065f46}.treatment-status.draft{background:#fef3c7;color:#92400e}.treatment-type{color:var(--color-text-secondary);font-size:.9rem;margin-bottom:var(--spacing-xs)}.treatment-summary{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--color-text-tertiary);display:-webkit-box;font-size:.85rem;margin-bottom:var(--spacing-xs);overflow:hidden;text-overflow:ellipsis}.treatment-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:var(--spacing-xs)}.treatment-tag{align-items:center;border-radius:var(--radius-full);display:flex;font-size:.7rem;font-weight:500;gap:3px;padding:2px 8px}.treatment-comments-count{color:var(--color-text-tertiary);font-size:.75rem;margin-top:var(--spacing-xs)}@media (max-width:768px){.treatments-tab-content{padding:var(--spacing-md)}.treatments-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-md)}.new-treatment-btn{justify-content:center;width:100%}.treatment-card{padding:var(--spacing-sm)}.treatment-timeline-dot{height:28px;width:28px}.treatment-timeline-line{right:28px;top:48px}}.payments-tab-content{display:flex;flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-lg)}.payments-stat,.payments-stats-row{display:flex;gap:var(--spacing-md)}.payments-stat{align-items:center;background:var(--color-card);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);flex:1 1;padding:var(--spacing-md) var(--spacing-lg)}.payments-stat .stat-icon-wrapper{align-items:center;border-radius:var(--radius-md);display:flex;height:42px;justify-content:center;width:42px}.payments-stat.paid .stat-icon-wrapper{background:#34d39926;color:#059669}.payments-stat.pending .stat-icon-wrapper{background:#fbbf2426;color:#d97706}.payments-stat .stat-info{display:flex;flex-direction:column;gap:2px}.payments-stat .stat-value{color:var(--color-text-primary);font-size:1.25rem;font-weight:700}.payments-stat.paid .stat-value{color:#059669}.payments-stat.pending .stat-value{color:#d97706}.payments-stat .stat-label{color:var(--color-text-secondary);font-size:.8rem}.payments-history-card{background:var(--color-card);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.payments-history-header{align-items:center;border-bottom:1px solid var(--color-border-light);display:flex;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg)}.payments-history-header svg{color:var(--color-primary-dark)}.payments-history-header h3{color:var(--color-text-primary);flex:1 1;font-size:1rem;font-weight:600;margin:0}.payments-count{background:var(--color-primary);border-radius:var(--radius-full);color:var(--color-text-primary);font-size:.7rem;font-weight:600;height:20px;width:20px}.payments-count,.payments-empty,.payments-loading{align-items:center;display:flex;justify-content:center}.payments-empty,.payments-loading{color:var(--color-text-muted);flex-direction:column;padding:var(--spacing-xl)}.payments-empty svg{color:var(--color-text-light);margin-bottom:var(--spacing-sm)}.payments-empty p{font-size:.9rem;margin:0}.payments-history-list{-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;max-height:320px;overflow-y:auto}.payments-history-item{align-items:center;display:flex;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-lg);transition:background var(--transition-fast)}.payments-history-item:hover{background:var(--color-background)}.payment-status-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.payment-status-dot.paid{background:#34d399}.payment-status-dot.pending{background:#fbbf24}.payment-item-title{color:var(--color-text-primary);font-size:.9rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.payment-item-meta .meta-dot{background:var(--color-text-light);border-radius:50%;height:3px;width:3px}.payment-item-meta .pending-label{color:#d97706;font-weight:500}.payment-amount-badge{border-radius:var(--radius-md);font-size:.85rem;font-weight:600;min-width:70px;padding:6px 12px;text-align:center}.payment-amount-badge.paid{background:#34d39926;color:#059669}.payment-amount-badge.pending{background:#fbbf2426;color:#d97706}.patient-types-selector{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.patient-type-chip{align-items:center;background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-secondary);cursor:pointer;display:inline-flex;font-family:inherit;font-size:.85rem;gap:6px;padding:6px 12px;transition:all var(--transition-fast)}.patient-type-chip.selected,.patient-type-chip:hover{border-color:var(--type-color,var(--color-primary));color:var(--color-text-primary)}.patient-type-chip.selected{background:color-mix(in srgb,var(--color-primary) 10%,#0000);background:color-mix(in srgb,var(--type-color,var(--color-primary)) 10%,#0000)}.patient-type-chip .type-color-dot{border-radius:var(--radius-full);flex-shrink:0;height:8px;width:8px}.patient-type-badges{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.patient-type-badge{align-items:center;border-radius:var(--radius-full);color:#fff;display:inline-flex;font-size:.75rem;font-weight:500;padding:3px 10px}.payments-section-card{background:var(--color-card);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.payments-section-card.unpaid{background:linear-gradient(135deg,#fbbf2408 0,var(--color-card) 100%);border-color:#fbbf244d}.payments-section-header{border-bottom:1px solid var(--color-border-light);padding:var(--spacing-md) var(--spacing-lg)}.section-title-row{align-items:center;display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.section-title-row h3{color:var(--color-text-primary);flex:1 1;font-size:1rem;font-weight:600;margin:0}.section-title-row .warning-icon{color:#d97706}.section-title-row svg:first-child:not(.warning-icon){color:var(--color-primary-dark)}.section-count{align-items:center;background:var(--color-primary);border-radius:var(--radius-full);color:var(--color-text-primary);display:flex;font-size:.7rem;font-weight:600;height:20px;justify-content:center;min-width:20px;padding:0 6px}.payments-section-card.unpaid .section-count{background:#fbbf2433;color:#d97706}.section-description{color:var(--color-text-secondary);font-size:.8rem;line-height:1.5;margin:0}.unpaid-appointments-list{display:flex;flex-direction:column}.unpaid-appointment-item{align-items:center;border-bottom:1px solid var(--color-border-light);display:flex;gap:var(--spacing-md);justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);transition:background var(--transition-fast)}.unpaid-appointment-item:last-child{border-bottom:none}.unpaid-appointment-item:hover{background:#fbbf240d}.unpaid-apt-main{flex:1 1;flex-direction:column;min-width:0}.unpaid-apt-date,.unpaid-apt-main{display:flex;gap:var(--spacing-xs)}.unpaid-apt-date{align-items:center;color:var(--color-text-primary);font-size:.9rem;font-weight:500}.unpaid-apt-date svg{color:var(--color-text-tertiary)}.unpaid-apt-info{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.expected-amount{color:var(--color-text-secondary);font-size:.8rem}.treatment-link-btn{align-items:center;background:var(--color-primary-light);border:none;border-radius:var(--radius-sm);color:var(--color-primary-dark);cursor:pointer;display:inline-flex;font-family:inherit;font-size:.75rem;font-weight:500;gap:4px;padding:2px 8px;transition:all var(--transition-fast)}.mark-paid-btn,.treatment-link-btn:hover{background:var(--color-primary)}.mark-paid-btn{align-items:center;border:none;border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;display:flex;font-family:inherit;font-size:.85rem;font-weight:600;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast);white-space:nowrap}.mark-paid-btn:hover{background:var(--color-primary-dark);transform:translateY(-1px)}.show-more-hint{background:var(--color-background);color:var(--color-text-tertiary);font-size:.8rem;padding:var(--spacing-sm) var(--spacing-lg);text-align:center}.payments-history-list.enhanced{max-height:none}.payments-history-item.enhanced{align-items:flex-start;border-bottom:1px solid var(--color-border-light);display:flex;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg)}.payments-history-item.enhanced:last-child{border-bottom:none}.payment-item-status{padding-top:2px}.payment-item-status .status-icon.paid{color:#059669}.payment-item-status .status-icon.pending{color:#d97706}.payment-item-content{display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-xs);min-width:0}.payment-item-header{align-items:center;display:flex;gap:var(--spacing-sm);justify-content:space-between}.payments-history-item.enhanced .payment-item-title{color:var(--color-text-primary);font-size:.9rem;font-weight:600}.payment-item-details{display:flex;flex-direction:column;gap:var(--spacing-xs)}.payments-history-item.enhanced .payment-item-meta{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.payments-history-item.enhanced .payment-item-meta .meta-item{align-items:center;color:var(--color-text-secondary);display:flex;font-size:.8rem;gap:4px}.payments-history-item.enhanced .payment-item-meta .meta-item svg{color:var(--color-text-tertiary)}.pending-badge{background:#fbbf2426;border-radius:var(--radius-sm);color:#d97706;font-size:.75rem;font-weight:500;padding:2px 8px}.payment-item-extras{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-top:2px}.treatment-link-chip{align-items:center;background:var(--color-primary-light);border:none;border-radius:var(--radius-sm);color:var(--color-primary-dark);cursor:pointer;display:inline-flex;font-family:inherit;font-size:.7rem;font-weight:500;gap:4px;padding:3px 8px;transition:all var(--transition-fast)}.treatment-link-chip:hover{background:var(--color-primary)}.invoice-status-chip{align-items:center;border-radius:var(--radius-sm);display:inline-flex;font-size:.7rem;font-weight:500;gap:4px;padding:3px 8px}.invoice-status-chip.has-invoice{background:#34d39926;color:#059669}.invoice-status-chip.has-invoice.clickable{cursor:pointer;text-decoration:none;transition:all var(--transition-fast)}.invoice-status-chip.has-invoice.clickable:hover{background:#34d39940;transform:translateY(-1px)}.invoice-status-chip.no-invoice{background:var(--color-background-alt);color:var(--color-text-tertiary)}.rate-warning-chip{align-items:center;background:#6366f11a;border-radius:var(--radius-sm);color:var(--color-primary);display:inline-flex;font-size:.7rem;font-weight:500;gap:4px;padding:3px 8px}.payment-modal-overlay{animation:fadeIn .2s ease-out;inset:0}.payment-modal{animation:slideUp .3s ease-out;background:var(--color-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-height:90vh;overflow-y:auto}.payment-modal-header{padding:var(--spacing-lg)}.payment-modal-header h3{margin:0}.payment-modal-header .close-btn{align-items:center;background:var(--color-background);border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all var(--transition-fast);width:32px}.payment-modal-header .close-btn:hover{background:var(--color-secondary-pink-light);color:var(--color-error)}.payment-modal-body{display:flex;flex-direction:column;gap:var(--spacing-lg)}.payment-apt-info{align-items:center;background:var(--color-background);border-radius:var(--radius-md);color:var(--color-text-secondary);display:flex;font-size:.9rem;gap:var(--spacing-sm);padding:var(--spacing-md)}.payment-apt-info svg{color:var(--color-primary-dark)}.payment-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.payment-form .form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.payment-form .form-group label{color:var(--color-text-secondary);font-size:.85rem;font-weight:500}.payment-form .form-group input,.payment-form .form-group select{background:var(--color-card);border:1.5px solid var(--color-border);border-radius:var(--radius-md);font-family:inherit;font-size:.95rem;padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.payment-form .form-group input:focus,.payment-form .form-group select:focus{border-color:var(--color-primary);box-shadow:var(--shadow-focus);outline:none}.payment-form .form-group input[type=number]{direction:ltr;text-align:left}.rate-hint{font-size:.75rem;gap:4px;margin-top:4px}.invoice-notice,.rate-hint{align-items:center;color:var(--color-primary);display:flex}.invoice-notice{background:#6366f114;border-radius:var(--radius-md);font-size:.8rem;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md)}.payment-modal-footer{align-items:center;background:var(--color-background);justify-content:flex-end}.payment-modal-footer .cancel-btn{background:var(--color-card);border:1.5px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;font-family:inherit;font-size:.9rem;font-weight:500;padding:var(--spacing-sm) var(--spacing-lg);transition:all var(--transition-fast)}.payment-modal-footer .cancel-btn:hover{background:var(--color-secondary-pink-light);border-color:var(--color-error);color:var(--color-error)}.payment-modal-footer .confirm-btn{align-items:center;background:var(--color-primary);border:none;border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;display:flex;font-family:inherit;font-size:.9rem;font-weight:600;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);transition:all var(--transition-fast)}.payment-modal-footer .confirm-btn:hover:not(:disabled){background:var(--color-primary-dark)}.payment-modal-footer .confirm-btn:disabled{opacity:.6}.payment-modal-footer .confirm-btn .spinner{animation:spin 1s linear infinite}@media (max-width:768px){.payments-tab-content{padding:var(--spacing-md)}.payments-stats-row{flex-direction:column}.payments-stat{padding:var(--spacing-sm) var(--spacing-md)}.payments-stat .stat-icon-wrapper{height:36px;width:36px}.payments-stat .stat-value{font-size:1.1rem}.payments-history-item{padding:var(--spacing-sm) var(--spacing-md)}.payment-amount-badge{font-size:.8rem;min-width:60px;padding:4px 8px}.payments-section-header{padding:var(--spacing-sm) var(--spacing-md)}.section-title-row h3{font-size:.9rem}.unpaid-appointment-item{align-items:flex-start;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md)}.mark-paid-btn{justify-content:center;width:100%}.payments-history-item.enhanced{padding:var(--spacing-sm) var(--spacing-md)}.payment-item-header{gap:var(--spacing-xs)}.payment-item-extras,.payment-item-header{align-items:flex-start;flex-direction:column}.payment-modal{margin:var(--spacing-sm);max-width:100%}}.ai-patient-summary-box{background:linear-gradient(135deg,#f0fdfa,#e6fffa);border:1px solid #99f6e4;border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg);overflow:hidden;padding:var(--spacing-md);position:relative}.ai-patient-summary-box:before{background:linear-gradient(135deg,#4dd9b426,#0000);border-radius:0 0 0 100%;content:"";height:80px;pointer-events:none;position:absolute;right:0;top:0;width:80px}.ai-summary-header{margin-bottom:var(--spacing-sm)}.ai-summary-icon{align-items:center;background:linear-gradient(135deg,var(--color-primary) 0,#2dd4a8 100%);border-radius:var(--radius-md);color:#fff;display:flex;flex-shrink:0;height:28px;justify-content:center;width:28px}.ai-summary-title{color:var(--color-primary-dark);font-size:.9rem;font-weight:600}.ai-summary-content{color:var(--color-text-secondary);font-size:.85rem;line-height:1.6}.ai-summary-heading{color:var(--color-primary-dark);font-size:.9rem;font-weight:600;margin:var(--spacing-sm) 0 var(--spacing-xs) 0}.ai-summary-heading:first-child{margin-top:0}.ai-summary-subheading{color:var(--color-text-primary);font-size:.85rem;font-weight:600;margin:var(--spacing-xs) 0 4px 0}.ai-summary-paragraph{margin:0 0 4px}.ai-summary-bullet{align-items:flex-start;display:flex;gap:var(--spacing-xs);margin:0 0 4px}.ai-summary-bullet .bullet-icon{color:var(--color-primary);flex-shrink:0;font-weight:700}.ai-summary-numbered{align-items:flex-start;display:flex;gap:var(--spacing-xs);margin:0 0 4px}.ai-summary-numbered .number-icon{color:var(--color-primary);flex-shrink:0;font-weight:600;min-width:16px}.ai-summary-spacer{height:var(--spacing-xs)}.ai-summary-content strong{color:var(--color-text-primary);font-weight:600}@media (max-width:768px){.ai-patient-summary-box{margin-bottom:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md)}.ai-summary-content{font-size:.8rem}}.signed-forms-loading{align-items:center;color:var(--color-text-light);display:flex;flex-direction:column;gap:var(--spacing-md);justify-content:center;padding:var(--spacing-3xl)}.signed-forms-loading .spinner{animation:spin 1s linear infinite}.signed-forms-empty{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-md);justify-content:center;padding:var(--spacing-3xl);text-align:center}.signed-forms-empty svg{color:var(--color-text-light)}.signed-forms-empty h3{color:var(--color-text-secondary);font-size:1.1rem;font-weight:600;margin:0}.signed-forms-empty p{color:var(--color-text-light);font-size:.9rem;margin:0}.signed-forms-tab-content{padding:var(--spacing-lg)}.signed-forms-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.signed-form-card{align-items:center;background:var(--color-card);border:1px solid var(--color-border-light);border-radius:var(--radius-md);display:flex;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);transition:all var(--transition-fast)}.signed-form-card:hover{border-color:var(--color-border);box-shadow:var(--shadow-sm)}.signed-form-icon{align-items:center;background:#f0fdf4;background:var(--color-secondary-green-light,#f0fdf4);border-radius:var(--radius-md);color:#22c55e;color:var(--color-success,#22c55e);display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.signed-form-content{flex:1 1;min-width:0}.signed-form-name{color:var(--color-text-primary);font-size:1rem;font-weight:600;margin:0 0 4px}.signed-form-meta{display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.signed-form-date,.signed-form-type{color:var(--color-text-secondary);font-size:.85rem}.signed-form-type{background:var(--color-background);border-radius:var(--radius-sm);padding:2px 8px}.signed-form-actions{align-items:center;display:flex;gap:var(--spacing-sm)}.view-pdf-btn{align-items:center;background:var(--color-secondary-blue-light);border:none;border-radius:var(--radius-md);color:#3b82f6;cursor:pointer;display:flex;font-family:inherit;font-size:.85rem;font-weight:500;gap:6px;padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;transition:all var(--transition-fast)}.view-pdf-btn:hover{background:#3b82f6;color:#fff}@media (max-width:640px){.signed-form-card{align-items:flex-start;flex-direction:column;gap:var(--spacing-sm)}.signed-form-icon{height:36px;width:36px}.signed-form-meta{flex-direction:column;gap:var(--spacing-xs)}.signed-form-actions{margin-top:var(--spacing-sm);width:100%}.view-pdf-btn{justify-content:center;width:100%}}.treatment-doc-page{background:var(--color-background);display:flex;flex-direction:column;height:100%;max-height:calc(100vh - 80px);overflow:hidden}.treatment-doc-header{align-items:center;background:var(--color-card);border-bottom:1px solid var(--color-border);display:flex;flex-shrink:0;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg)}.back-btn{align-items:center;background:#0000;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:14px;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);transition:all .2s ease}.back-btn:hover{background:var(--color-hover);color:var(--color-text-primary)}.patient-info{align-items:center;display:flex;gap:var(--spacing-sm)}.patient-avatar{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%)}.patient-details h2{color:var(--color-text-primary);font-size:16px;font-weight:600;margin:0}.patient-details .treatment-date{align-items:center;color:var(--color-text-secondary);display:flex;font-size:13px;gap:var(--spacing-xs)}.treatment-header-actions{align-items:center;display:flex;gap:var(--spacing-sm)}.treatment-status-badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:12px;font-weight:500;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);white-space:nowrap}.treatment-status-draft{background:#fef3c7;color:#92400e}.treatment-status-locked{background:#d1fae5;color:#065f46}.treatment-auto-save-indicator{align-items:center;color:var(--color-text-tertiary);display:flex;font-size:12px;gap:var(--spacing-xs)}.treatment-auto-save-indicator.saving{color:var(--color-primary)}.treatment-lock-btn,.treatment-save-btn{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);transition:all .2s ease}.treatment-save-btn{background:var(--color-card);border:1px solid var(--color-border);color:var(--color-text-primary)}.treatment-save-btn:hover:not(:disabled){background:var(--color-hover)}.treatment-lock-btn{background:var(--color-primary);color:#fff}.treatment-lock-btn:hover:not(:disabled){background:var(--color-primary-dark)}.treatment-lock-btn:disabled,.treatment-save-btn:disabled{cursor:not-allowed;opacity:.5}.treatment-content{display:flex;flex:1 1;overflow:hidden}.timeline-sidebar{background:var(--color-card);border-left:1px solid var(--color-border);display:flex;flex-direction:column;min-width:280px;overflow:hidden;width:280px}.timeline-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:var(--spacing-md)}.timeline-header h3{color:var(--color-text-primary);font-size:14px;font-weight:600;margin:0}.new-treatment-btn,.timeline-header h3{align-items:center;display:flex;gap:var(--spacing-xs)}.new-treatment-btn{background:var(--color-primary);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-size:12px;padding:var(--spacing-xs) var(--spacing-sm);transition:background .2s ease}.new-treatment-btn:hover{background:var(--color-primary-dark)}.timeline-list{-webkit-overflow-scrolling:touch;flex:1 1;overflow-y:auto;padding:var(--spacing-sm)}.timeline-item{border:2px solid #0000;border-radius:var(--radius-md);cursor:pointer;display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs);padding:var(--spacing-sm);transition:all .2s ease}.timeline-item:hover{background:var(--color-hover)}.timeline-item.active{background:#4dd9b41a;border-color:var(--color-primary)}.timeline-item.draft{border-color:var(--color-border);border-style:dashed;opacity:.7}.timeline-dot{background:var(--color-primary);border-radius:50%;flex-shrink:0;height:12px;margin-top:4px;width:12px}.timeline-item.draft .timeline-dot{background:#0000;border:2px dashed var(--color-text-tertiary)}.timeline-item-content{flex:1 1;min-width:0}.timeline-item-date{color:var(--color-text-primary);font-size:12px;font-weight:600;margin-bottom:2px}.timeline-item-type{color:var(--color-text-secondary);font-size:11px;margin-bottom:4px}.timeline-item-summary{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:var(--color-text-tertiary);display:-webkit-box;font-size:11px;overflow:hidden;text-overflow:ellipsis}.timeline-item-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.timeline-tag{border-radius:var(--radius-sm);font-size:10px;font-weight:500;padding:2px 6px}.timeline-empty{align-items:center;color:var(--color-text-tertiary);display:flex;flex-direction:column;justify-content:center;padding:var(--spacing-xl);text-align:center}.timeline-empty svg{margin-bottom:var(--spacing-sm);opacity:.5}.timeline-empty p{font-size:13px;margin:0}.treatment-form-area{background:var(--color-background);display:flex;flex:1 1;flex-direction:column;overflow:hidden}.treatment-form-scroll{-webkit-overflow-scrolling:touch;flex:1 1;overflow-y:auto;padding:var(--spacing-lg)}.treatment-form{margin:0 auto;max-width:900px}.treatment-form-section{background:var(--color-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-lg);padding:var(--spacing-lg)}.treatment-form-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-md)}.treatment-form-section-header h3{color:var(--color-text-primary);font-size:16px;font-weight:600;gap:var(--spacing-xs);margin:0}.treatment-linking-section{border-bottom:1px solid var(--color-border);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md)}.treatment-linking-label{align-items:center;color:var(--color-text-secondary);display:flex;font-size:13px;font-weight:500;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.treatment-appointments-list{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.treatment-appointment-option{background:var(--color-background);border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;display:flex;flex-direction:column;gap:2px;min-width:140px;padding:var(--spacing-sm) var(--spacing-md);position:relative;text-align:right;transition:all .2s ease}.treatment-appointment-option:hover{border-color:var(--color-primary)}.treatment-appointment-option.selected{background:#4dd9b41a;border-color:var(--color-primary)}.treatment-apt-date{color:var(--color-text-primary);font-size:13px;font-weight:600}.treatment-apt-time{color:var(--color-text-secondary);font-size:12px}.treatment-apt-type{color:var(--color-text-tertiary);font-size:11px}.treatment-apt-check{color:var(--color-primary);left:6px;position:absolute;top:6px}.treatment-no-link-btn{align-items:center;background:#0000;border:1px dashed var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:13px;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);transition:all .2s ease}.treatment-no-link-btn:hover{border-color:var(--color-text-tertiary);color:var(--color-text-primary)}.treatment-no-link-btn.active{background:#4dd9b41a;border-color:var(--color-primary);color:var(--color-primary)}.treatment-no-appointments{align-items:center;color:var(--color-text-tertiary);display:flex;font-size:13px;gap:var(--spacing-md)}.treatment-form-row{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.treatment-form-row.full{flex-direction:column}.treatment-form-group{display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-xs)}.treatment-form-group-full{flex:initial;width:100%}.treatment-form-group label{align-items:center;color:var(--color-text-secondary);display:flex;font-size:13px;font-weight:500;gap:var(--spacing-xs)}.treatment-form-group label.required:after{color:var(--color-error);content:" *"}.treatment-form-group input,.treatment-form-group select,.treatment-form-group textarea{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:14px;padding:var(--spacing-sm) var(--spacing-md);transition:border-color .2s ease}.treatment-form-group input:focus,.treatment-form-group select:focus,.treatment-form-group textarea:focus{border-color:var(--color-primary);outline:none}.treatment-form-group input:disabled,.treatment-form-group select:disabled,.treatment-form-group textarea:disabled{background:var(--color-background);color:var(--color-text-tertiary);cursor:not-allowed}.treatment-tags-selection{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.treatment-tag-option{align-items:center;border:2px solid #0000;border-radius:var(--radius-full);cursor:pointer;display:flex;font-size:12px;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);transition:all .2s ease}.treatment-tag-option.selected{border-color:currentColor}.treatment-tag-option:not(.selected){opacity:.6}.treatment-tag-option:hover:not(.selected){opacity:1}.treatment-template-selection{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.treatment-template-option{align-items:center;background:var(--color-background);border:2px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:13px;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);transition:all .2s ease}.treatment-template-option:hover{border-color:var(--color-primary);color:var(--color-text-primary)}.treatment-template-option.selected{background:#4dd9b41a;border-color:var(--color-primary);color:var(--color-primary)}.treatment-template-option.default{border-style:dashed}.treatment-template-fields{display:flex;flex-direction:column;gap:var(--spacing-md)}.treatment-template-field{display:flex;flex-direction:column;gap:var(--spacing-xs)}.treatment-template-field label{color:var(--color-text-primary);font-size:14px;font-weight:500}.treatment-template-field label.required:after{color:var(--color-error);content:" *"}.treatment-template-field input,.treatment-template-field textarea{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:14px;padding:var(--spacing-sm) var(--spacing-md);transition:border-color .2s ease}.treatment-template-field input:focus,.treatment-template-field textarea:focus{border-color:var(--color-primary);outline:none}.treatment-template-field input:disabled,.treatment-template-field textarea:disabled{background:var(--color-background);color:var(--color-text-tertiary);cursor:not-allowed}.treatment-template-field textarea{min-height:100px;resize:vertical}.treatment-checkbox-label{align-items:center;cursor:pointer;display:flex;gap:var(--spacing-sm)}.treatment-checkbox-label input[type=checkbox]{cursor:pointer;height:18px;width:18px}.treatment-editor-wrapper{border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.treatment-editor-wrapper .editor-toolbar{align-items:center;background:var(--color-background);border-bottom:1px solid var(--color-border);display:flex;gap:var(--spacing-xs);padding:var(--spacing-sm)}.treatment-editor-wrapper .toolbar-btn{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.treatment-editor-wrapper .toolbar-btn:hover:not(:disabled){background:var(--color-hover);color:var(--color-text-primary)}.treatment-editor-wrapper .toolbar-btn:disabled{cursor:not-allowed;opacity:.5}.treatment-editor-wrapper .toolbar-dropdown{position:relative}.treatment-editor-wrapper .dropdown-menu{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);min-width:120px;padding:var(--spacing-xs);position:absolute;right:0;top:100%;z-index:100}.treatment-editor-wrapper .dropdown-item{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--color-text-primary);cursor:pointer;display:flex;font-size:13px;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);text-align:right;width:100%}.treatment-editor-wrapper .dropdown-item:hover{background:var(--color-hover)}.treatment-editor-wrapper .color-grid{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(4,1fr)}.treatment-editor-wrapper .color-btn{border:2px solid #0000;border-radius:var(--radius-sm);cursor:pointer;height:24px;transition:all .2s ease;width:24px}.treatment-editor-wrapper .color-btn:hover{border-color:var(--color-border);transform:scale(1.1)}.treatment-editor-wrapper .toolbar-btn.phonetic-btn{color:var(--color-primary)}.treatment-editor-wrapper .toolbar-btn.phonetic-btn:hover:not(:disabled){background:var(--color-primary-light);color:var(--color-primary-dark)}.treatment-editor-wrapper .phonetic-menu{max-width:320px;min-width:280px;padding:0}.treatment-editor-wrapper .phonetic-header{background:var(--color-background);border-bottom:1px solid var(--color-border-light);padding:var(--spacing-sm) var(--spacing-md)}.treatment-editor-wrapper .phonetic-title{color:var(--color-text-secondary);font-size:.85rem;font-weight:600}.treatment-editor-wrapper .phonetic-tabs{background:var(--color-background);border-bottom:1px solid var(--color-border-light);display:flex;gap:var(--spacing-xs);padding:var(--spacing-xs)}.treatment-editor-wrapper .phonetic-tab{background:#0000;border:none;border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;flex:1 1;font-family:inherit;font-size:.75rem;font-weight:500;padding:var(--spacing-xs) var(--spacing-sm);transition:all .2s ease}.treatment-editor-wrapper .phonetic-tab:hover{background:var(--color-card);color:var(--color-text-primary)}.treatment-editor-wrapper .phonetic-tab.active{background:var(--color-primary);color:#fff}.treatment-editor-wrapper .phonetic-grid{grid-gap:2px;display:grid;gap:2px;grid-template-columns:repeat(4,1fr);max-height:200px;overflow-y:auto;padding:var(--spacing-xs)}.treatment-editor-wrapper .phonetic-symbol-btn{align-items:center;background:var(--color-background);border:none;border-radius:var(--radius-sm);cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:48px;padding:var(--spacing-xs);transition:all .2s ease}.treatment-editor-wrapper .phonetic-symbol-btn:hover{background:var(--color-primary-light)}.treatment-editor-wrapper .phonetic-symbol-btn .symbol{color:var(--color-text-primary);font-family:Lucida Sans Unicode,Arial Unicode MS,sans-serif;font-size:1.1rem;font-weight:600}.treatment-editor-wrapper .phonetic-symbol-btn .symbol-name{color:var(--color-text-light);font-size:.6rem;line-height:1.2;margin-top:2px;text-align:center}.treatment-editor-wrapper .phonetic-grid::-webkit-scrollbar{width:4px}.treatment-editor-wrapper .phonetic-grid::-webkit-scrollbar-track{background:#0000}.treatment-editor-wrapper .phonetic-grid::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}.treatment-editor-wrapper .editor-content{background:var(--color-card);direction:rtl;line-height:1.6;min-height:200px;outline:none;padding:var(--spacing-md)}.treatment-editor-long .editor-content{min-height:300px}.treatment-editor-wrapper .editor-content:empty:before{color:var(--color-text-tertiary);content:attr(data-placeholder);pointer-events:none}.treatment-editor-wrapper .editor-content .text-size-heading{font-size:24px;font-weight:700}.treatment-editor-wrapper .editor-content .text-size-subheading{font-size:18px;font-weight:600}.treatment-editor-wrapper .editor-content .text-size-normal{font-size:14px;font-weight:400}.treatment-comments-section{background:var(--color-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-lg)}.treatment-comments-section h3{align-items:center;color:var(--color-text-primary);display:flex;font-size:16px;font-weight:600;gap:var(--spacing-xs);margin:0 0 var(--spacing-md) 0}.treatment-comments-list{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.treatment-comment-item{background:var(--color-background);border-radius:var(--radius-md);display:flex;gap:var(--spacing-sm);padding:var(--spacing-md)}.treatment-comment-avatar{align-items:center;background:var(--color-primary);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:600;height:32px;justify-content:center;width:32px}.treatment-comment-content{flex:1 1}.treatment-comment-header{align-items:center;display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.treatment-comment-author{color:var(--color-text-primary);font-size:13px;font-weight:600}.treatment-comment-date{color:var(--color-text-tertiary);font-size:11px}.treatment-comment-text{color:var(--color-text-secondary);font-size:13px;line-height:1.5;white-space:pre-wrap}.treatment-comment-empty{color:var(--color-text-tertiary);font-size:13px;padding:var(--spacing-lg);text-align:center}.treatment-add-comment{align-items:center;display:flex;gap:var(--spacing-sm)}.treatment-add-comment-btn-container{align-items:center;display:flex;height:100%;justify-content:center}.treatment-add-comment textarea{border:1px solid var(--color-border);border-radius:var(--radius-md);flex:1 1;font-size:13px;min-height:60px;padding:var(--spacing-sm) var(--spacing-md);resize:none}.treatment-add-comment textarea:focus{border-color:var(--color-primary);outline:none}.treatment-add-comment-btn{align-items:center;align-self:flex-end;background:var(--color-primary);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;font-size:13px;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);transition:background .2s ease}.treatment-add-comment-btn:hover:not(:disabled){background:var(--color-primary-dark)}.treatment-add-comment-btn:disabled{cursor:not-allowed;opacity:.5}.locked-treatment{opacity:.9}.locked-treatment .treatment-editor-wrapper .editor-content,.locked-treatment .treatment-form-group input,.locked-treatment .treatment-form-group select,.locked-treatment .treatment-form-group textarea,.locked-treatment .treatment-template-field input,.locked-treatment .treatment-template-field textarea{background:var(--color-background);cursor:default}.locked-banner{align-items:center;background:#d1fae5;border-radius:var(--radius-md);color:#065f46;display:flex;font-size:14px;font-weight:500;gap:var(--spacing-sm);justify-content:center;margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}.ai-summary-box{animation:ai-glow-pulse 3s ease-in-out infinite;background:#fff;border:1px solid #4dd9b440;border-radius:var(--radius-lg);box-shadow:0 0 20px #4dd9b426,0 0 40px #4dd9b414,inset 0 1px 0 #ffffff80;margin-bottom:var(--spacing-xl);margin-top:var(--spacing-xl);padding:var(--spacing-lg);position:relative}@keyframes ai-glow-pulse{0%,to{box-shadow:0 0 20px #4dd9b426,0 0 40px #4dd9b414,inset 0 1px 0 #ffffff80}50%{box-shadow:0 0 25px #4dd9b433,0 0 50px #4dd9b41f,inset 0 1px 0 #ffffff80}}.ai-summary-header{align-items:center;display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.ai-summary-icon{color:var(--color-primary);filter:drop-shadow(0 0 4px rgba(77,217,180,.5))}.ai-summary-label{color:var(--color-text-secondary);font-size:12px;font-weight:500;letter-spacing:.02em}.ai-summary-content{color:var(--color-text-primary);font-size:14px;line-height:1.7;white-space:pre-wrap}.treatment-loading{align-items:center;color:var(--color-text-tertiary);display:flex;flex-direction:column;gap:var(--spacing-md);height:100%;justify-content:center}.treatment-spinner{animation:treatment-spin 1s linear infinite}@keyframes treatment-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.confirm-lock-modal{align-items:center;animation:fadeIn .2s ease-out;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:var(--spacing-md);position:fixed;right:0;top:0;z-index:1000}.confirm-lock-content{animation:slideUp .25s ease-out;background:var(--color-card);border-radius:var(--radius-lg);max-width:400px;padding:var(--spacing-xl);text-align:center;width:100%}.confirm-lock-icon{align-items:center;background:#fef3c7;border-radius:50%;color:#92400e;display:flex;height:64px;justify-content:center;margin:0 auto var(--spacing-md);width:64px}.confirm-lock-content h3{color:var(--color-text-primary);font-size:18px;font-weight:600;margin:0 0 var(--spacing-sm) 0}.confirm-lock-content p{color:var(--color-text-secondary);font-size:14px;line-height:1.5;margin:0 0 var(--spacing-lg) 0}.confirm-lock-actions{display:flex;gap:var(--spacing-sm);justify-content:center}.confirm-lock-actions button{border-radius:var(--radius-md);cursor:pointer;font-size:14px;font-weight:500;padding:var(--spacing-sm) var(--spacing-lg);transition:all .2s ease}.cancel-lock-btn{background:var(--color-background);border:1px solid var(--color-border);color:var(--color-text-primary)}.cancel-lock-btn:hover{background:var(--color-hover)}.confirm-lock-btn{align-items:center;background:var(--color-primary);border:none;color:#fff;display:flex;gap:var(--spacing-xs)}.confirm-lock-btn:hover{background:var(--color-primary-dark)}.treatment-delete-btn{align-items:center;background:#0000;border:1px solid var(--color-error);border-radius:var(--radius-md);color:var(--color-error);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);transition:all .2s ease}.treatment-delete-btn:hover:not(:disabled){background:#ef44441a}.treatment-delete-btn:disabled{cursor:not-allowed;opacity:.5}.confirm-delete-modal{align-items:center;animation:fadeIn .2s ease-out;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:var(--spacing-md);position:fixed;right:0;top:0;z-index:1000}.confirm-delete-content{animation:slideUp .25s ease-out;background:var(--color-card);border-radius:var(--radius-lg);max-width:400px;padding:var(--spacing-xl);text-align:center;width:100%}.confirm-delete-icon{align-items:center;background:#fee2e2;border-radius:50%;color:#dc2626;display:flex;height:64px;justify-content:center;margin:0 auto var(--spacing-md);width:64px}.confirm-delete-content h3{color:var(--color-text-primary);font-size:18px;font-weight:600;margin:0 0 var(--spacing-sm) 0}.confirm-delete-content p{color:var(--color-text-secondary);font-size:14px;line-height:1.5;margin:0 0 var(--spacing-lg) 0}.confirm-delete-actions{display:flex;gap:var(--spacing-sm);justify-content:center}.confirm-delete-actions button{border-radius:var(--radius-md);cursor:pointer;font-size:14px;font-weight:500;padding:var(--spacing-sm) var(--spacing-lg);transition:all .2s ease}.cancel-delete-btn{background:var(--color-background);border:1px solid var(--color-border);color:var(--color-text-primary)}.cancel-delete-btn:hover{background:var(--color-hover)}.confirm-delete-btn{align-items:center;background:#dc2626;border:none;color:#fff;display:flex;gap:var(--spacing-xs)}.confirm-delete-btn:hover:not(:disabled){background:#b91c1c}.confirm-delete-btn:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.treatment-doc-page{height:auto;max-height:none;overflow:visible}.treatment-doc-header{flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-md)}.header-right{justify-content:space-between;width:100%}.treatment-header-actions{flex-wrap:wrap;justify-content:flex-end;width:100%}.treatment-content{flex-direction:column;overflow:visible}.timeline-sidebar{border-bottom:1px solid var(--color-border);border-left:none;min-width:100%;order:-1;width:100%}.timeline-list{-webkit-overflow-scrolling:touch;display:flex;flex-direction:row;gap:var(--spacing-sm);overflow-x:auto;overflow-y:hidden;padding:var(--spacing-sm);scrollbar-width:none}.timeline-list::-webkit-scrollbar{display:none}.timeline-item{flex-direction:column;flex-shrink:0;margin-bottom:0;max-width:160px;min-width:140px}.timeline-dot,.timeline-item-summary{display:none}.treatment-form-scroll,.treatment-form-section{padding:var(--spacing-md)}.treatment-form-row,.treatment-template-selection{flex-direction:column}.treatment-template-option{justify-content:center;width:100%}.treatment-appointments-list{flex-direction:column}.treatment-appointment-option{width:100%}.back-btn span,.treatment-delete-btn span,.treatment-lock-btn span,.treatment-save-btn span{display:none}}@media (min-width:769px) and (max-width:1024px){.timeline-sidebar{min-width:220px;width:220px}}.treatment-form-section-header.clickable{align-items:center;border-radius:var(--radius-md);cursor:pointer;display:flex;justify-content:space-between;margin:calc(var(--spacing-lg)*-1);margin-bottom:var(--spacing-md);padding:var(--spacing-md);transition:background .2s ease}.treatment-form-section-header.clickable:hover{background:var(--color-background-alt)}.treatment-form-section-header h3{align-items:center;display:flex;gap:var(--spacing-sm)}.files-badge{align-items:center;background:var(--color-primary);border-radius:var(--radius-full);color:var(--color-text-primary);display:inline-flex;font-size:.7rem;font-weight:600;height:20px;justify-content:center;margin-right:var(--spacing-xs);width:20px}.section-toggle{color:var(--color-text-tertiary);font-size:.8rem;font-weight:500}.section-toggle.open{color:var(--color-primary-dark)}.treatment-files-content{display:flex;flex-direction:column;gap:var(--spacing-md)}.treatment-files-upload{display:flex;flex-direction:column;gap:var(--spacing-sm)}.treatment-upload-buttons{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.treatment-upload-btn{align-items:center;background:var(--color-background);border:1.5px dashed var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;font-family:inherit;font-size:.85rem;font-weight:500;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);transition:all .2s ease}.treatment-upload-btn:hover:not(:disabled){background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary-dark)}.treatment-upload-btn:disabled{cursor:not-allowed;opacity:.6}.treatment-upload-btn.camera-btn{background:var(--color-primary-light);border-color:var(--color-primary);border-style:solid;color:var(--color-primary-dark)}.treatment-upload-btn.camera-btn:hover:not(:disabled){background:var(--color-primary);color:#fff}.treatment-upload-btn.gallery-btn{background:#8b5cf61a;border-color:#8b5cf6;border-style:solid;color:#7c3aed}.treatment-upload-btn.gallery-btn:hover:not(:disabled){background:#8b5cf6;color:#fff}.upload-hint{color:var(--color-text-tertiary);font-size:.75rem}.treatment-files-error{background:#ef44441a;border:1px solid #ef444433;border-radius:var(--radius-md);font-size:.85rem;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md)}.treatment-files-error,.treatment-files-error button{align-items:center;color:var(--color-error);display:flex}.treatment-files-error button{background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;padding:4px}.treatment-files-error button:hover{background:#ef444433}.treatment-pending-files,.treatment-saved-files{display:flex;flex-direction:column;gap:var(--spacing-xs)}.pending-files-header,.saved-files-header{color:var(--color-text-secondary);font-size:.75rem;font-weight:600;letter-spacing:.5px;margin-bottom:var(--spacing-xs);text-transform:uppercase}.treatment-file-item{align-items:center;background:var(--color-background);border:1px solid var(--color-border-light);border-radius:var(--radius-md);display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);transition:all .2s ease}.treatment-file-item.pending{background:#fbbf240d;border-color:#fbbf244d;border-style:dashed}.treatment-file-item:hover{border-color:var(--color-primary)}.file-item-icon{align-items:center;background:var(--color-primary-light);border-radius:var(--radius-sm);color:var(--color-primary-dark);display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.file-item-info{flex:1 1;min-width:0}.file-item-name{color:var(--color-text-primary);display:block;font-size:.85rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-item-meta,.file-item-size{color:var(--color-text-tertiary);font-size:.75rem}.file-item-meta{align-items:center;display:flex;gap:var(--spacing-sm)}.file-in-folder{align-items:center;color:var(--color-primary-dark);display:inline-flex;font-weight:500;gap:3px}.file-item-toggle{flex-shrink:0}.toggle-label{color:var(--color-text-secondary);font-size:.8rem;gap:var(--spacing-xs)}.toggle-label input[type=checkbox]{cursor:pointer;height:16px;width:16px}.toggle-text{align-items:center;display:flex;gap:4px}.toggle-text svg{color:var(--color-primary-dark)}.file-item-actions{display:flex;flex-shrink:0;gap:4px}.file-action-btn{align-items:center;background:var(--color-card);border:1px solid var(--color-border-light);border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;display:flex;height:28px;justify-content:center;text-decoration:none;transition:all .2s ease;width:28px}.file-action-btn:hover{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary-dark)}.file-action-btn.delete:hover{background:#ef44441a;border-color:var(--color-error);color:var(--color-error)}.file-item-remove{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--color-text-tertiary);cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .2s ease;width:28px}.file-item-remove:hover{background:#ef44441a;color:var(--color-error)}.treatment-files-empty{align-items:center;color:var(--color-text-tertiary);display:flex;flex-direction:column;justify-content:center;padding:var(--spacing-xl);text-align:center}.treatment-files-empty svg{color:var(--color-border);margin-bottom:var(--spacing-sm)}.treatment-files-empty span{font-size:.85rem}@media (max-width:768px){.treatment-files-upload{align-items:stretch;flex-direction:column}.treatment-upload-buttons{grid-gap:var(--spacing-xs);display:grid;gap:var(--spacing-xs);grid-template-columns:repeat(3,1fr)}.treatment-upload-btn{font-size:.8rem;justify-content:center;padding:var(--spacing-sm)}.treatment-file-item{flex-wrap:wrap;gap:var(--spacing-xs)}.file-item-toggle{margin-top:var(--spacing-xs)}.file-item-actions,.file-item-toggle{border-top:1px solid var(--color-border-light);padding-top:var(--spacing-xs);width:100%}.file-item-actions{justify-content:flex-end}}.game-selection-section{background:var(--color-card);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);margin-top:var(--spacing-xl);padding:var(--spacing-lg)}.game-selection-section h3{align-items:center;color:var(--color-text-primary);display:flex;font-size:1.1rem;font-weight:600;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.game-selection-section h3 svg{color:#8b5cf6}.game-selection-section .section-description{color:var(--color-text-muted);font-size:.9rem;margin-bottom:var(--spacing-lg)}.games-grid{grid-gap:var(--spacing-md);gap:var(--spacing-md)}.game-card{background:var(--color-bg-secondary);border:2px solid var(--color-border-light);border-radius:var(--radius-lg);font-family:inherit;min-height:90px;padding:var(--spacing-md);transition:all var(--transition-fast)}.game-card:hover:not(:disabled){background:var(--color-bg-hover);border-color:#8b5cf64d;box-shadow:var(--shadow-md);transform:translateY(-2px)}.game-card.selected{background:#8b5cf614;border-color:#8b5cf6}.game-card:disabled{cursor:default;opacity:.7}.game-card-header{gap:var(--spacing-sm)}.game-card-name{font-size:.95rem;font-weight:600}.game-selected-check{background:#8b5cf6;flex-shrink:0}.game-card-age{background:#8b5cf61a;border-radius:var(--radius-full);color:var(--color-text-muted);color:#8b5cf6;font-size:.75rem;padding:2px 8px;width:-webkit-fit-content;width:fit-content}.game-card-goals{gap:4px;margin-top:auto}.game-goal-tag{font-size:.7rem;font-weight:500}.game-goals-more{background:var(--color-bg-secondary);border-radius:var(--radius-sm);color:var(--color-text-muted);font-size:.7rem;padding:2px 6px}.selected-games-summary{background:#8b5cf614;border:1px solid #8b5cf633;border-radius:var(--radius-md);color:#8b5cf6;font-size:.9rem;font-weight:500;margin-top:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);text-align:center}@media (max-width:768px){.games-grid{gap:var(--spacing-sm);grid-template-columns:repeat(2,1fr)}.game-card{min-height:80px;padding:var(--spacing-sm)}.game-card-name{font-size:.85rem}}@media (max-width:480px){.games-grid{grid-template-columns:1fr 1fr}}.live-session-import-section{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-color:var(--color-primary)}.live-session-import-section .treatment-form-section-header h3{color:var(--color-primary-dark)}.live-session-import-section .treatment-form-section-header h3 svg{color:var(--color-primary)}.live-sessions-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.live-session-option{align-items:center;background:#fff;border:1px solid var(--color-primary);border-radius:var(--radius-md);cursor:pointer;display:flex;gap:var(--spacing-md);padding:var(--spacing-md);text-align:right;transition:all .2s ease}.live-session-option:hover{background:#f0fdf4;box-shadow:0 2px 8px #4dd9b433;transform:translateY(-1px)}.live-session-icon{align-items:center;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);border-radius:50%;color:#fff;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.live-session-info{display:flex;flex:1 1;flex-direction:column;gap:2px}.live-session-date{color:var(--color-text-primary);font-size:14px;font-weight:500}.live-session-notes{color:var(--color-text-secondary);font-size:12px}.import-btn-text{background:var(--color-primary);border-radius:var(--radius-sm);color:#fff;font-size:13px;font-weight:500;padding:var(--spacing-xs) var(--spacing-sm)}.imported-session-info{align-items:center;background:#fff;border:2px solid var(--color-primary);border-radius:var(--radius-md);display:flex;gap:var(--spacing-md);padding:var(--spacing-md)}.imported-session-badge{align-items:center;background:linear-gradient(135deg,#e8f8f4,#d4f4eb);border-radius:var(--radius-full);color:var(--color-primary-dark);display:flex;font-size:13px;font-weight:600;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm)}.imported-session-badge svg{color:var(--color-primary)}.imported-session-details{display:flex;flex:1 1;flex-direction:column;gap:2px}.imported-session-date{color:var(--color-text-primary);font-size:14px;font-weight:500}.imported-session-notes-count{color:var(--color-text-secondary);font-size:12px}.clear-import-btn{align-items:center;background:#fef2f2;border:1px solid #fca5a5;border-radius:var(--radius-sm);color:#ef4444;cursor:pointer;display:flex;font-size:13px;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);transition:all .2s ease}.clear-import-btn:hover{background:#fee2e2;border-color:#ef4444}.imported-live-notes{background:#fff;border:1px solid #93c5fd;border-radius:var(--radius-md);margin-top:var(--spacing-md);padding:var(--spacing-md)}.imported-notes-header{align-items:center;color:#1d4ed8;display:flex;font-size:13px;font-weight:600;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.imported-note-item{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-radius:var(--radius-sm);border-right:3px solid #3b82f6;margin-bottom:var(--spacing-sm);padding:var(--spacing-sm)}.imported-note-item:last-child{margin-bottom:0}.imported-note-title{color:var(--color-text-primary);font-size:13px;font-weight:600;margin-bottom:4px}.imported-note-content{color:var(--color-text-secondary);font-size:13px;line-height:1.5;white-space:pre-line}.ai-processing-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff2;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.ai-processing-content{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-2xl);text-align:center}.ai-processing-icon{align-items:center;animation:pulse-glow 2s infinite;background:linear-gradient(135deg,var(--color-primary) 0,#2dd4a8 100%);border-radius:50%;color:#fff;display:flex;height:80px;justify-content:center;width:80px}.ai-processing-text{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-sm)}.ai-processing-text span{color:var(--color-text-primary);font-size:1.1rem;font-weight:500}.ai-processing-subtext{color:var(--color-text-secondary)!important;font-size:.9rem!important;font-weight:400!important}.ai-spinner{animation:spin 1s linear infinite}.ai-check,.ai-spinner{color:var(--color-primary)}.ai-check{animation:scaleIn .3s ease}.rich-text-editor{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;transition:border-color var(--transition-fast)}.rich-text-editor:focus-within{border-color:var(--color-primary)}.rich-text-editor.rich-text-editor-disabled{background:var(--color-background);opacity:.7;pointer-events:none}.rich-text-editor.rich-text-editor-disabled .editor-toolbar{pointer-events:none}.rich-text-editor.rich-text-editor-disabled .toolbar-btn{color:var(--color-text-light);cursor:not-allowed}.rich-text-editor.rich-text-editor-disabled .editor-content{background:var(--color-background);cursor:not-allowed}.editor-toolbar{background:var(--color-background);border-bottom:1px solid var(--color-border-light);gap:var(--spacing-xs);padding:var(--spacing-sm)}.editor-toolbar,.toolbar-btn{align-items:center;display:flex}.toolbar-btn{background:#0000;border:none;border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;height:32px;justify-content:center;transition:all var(--transition-fast);width:32px}.toolbar-btn:hover{background:var(--color-card);color:var(--color-text-primary)}.toolbar-btn:active{background:var(--color-primary-light);color:var(--color-primary-dark)}.toolbar-dropdown{position:relative}.dropdown-menu{animation:fadeIn .15s ease;background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);margin-top:var(--spacing-xs);min-width:120px;position:absolute;right:0;top:100%;z-index:var(--z-dropdown)}.size-menu{padding:var(--spacing-xs)}.dropdown-item{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--color-text-primary);cursor:pointer;display:flex;font-family:inherit;font-size:.9rem;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);text-align:right;transition:background var(--transition-fast);width:100%}.dropdown-item:hover{background:var(--color-background)}.color-menu{padding:var(--spacing-sm)}.color-grid{grid-gap:var(--spacing-xs);display:grid;gap:var(--spacing-xs);grid-template-columns:repeat(4,1fr)}.color-btn{border:2px solid #0000;border-radius:var(--radius-sm);cursor:pointer;height:28px;transition:all var(--transition-fast);width:28px}.color-btn:hover{border-color:var(--color-text-light);transform:scale(1.1)}.toolbar-btn.phonetic-btn{color:var(--color-primary)}.toolbar-btn.phonetic-btn:hover{background:var(--color-primary-light);color:var(--color-primary-dark)}.phonetic-menu{max-width:320px;min-width:280px;padding:0}.phonetic-header{background:var(--color-background);border-bottom:1px solid var(--color-border-light);padding:var(--spacing-sm) var(--spacing-md)}.phonetic-title{color:var(--color-text-secondary);font-size:.85rem;font-weight:600}.phonetic-tabs{background:var(--color-background);border-bottom:1px solid var(--color-border-light);display:flex;gap:var(--spacing-xs);padding:var(--spacing-xs)}.phonetic-tab{background:#0000;border:none;border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;flex:1 1;font-family:inherit;font-size:.75rem;font-weight:500;padding:var(--spacing-xs) var(--spacing-sm);transition:all var(--transition-fast)}.phonetic-tab:hover{background:var(--color-card);color:var(--color-text-primary)}.phonetic-tab.active{background:var(--color-primary);color:#fff}.phonetic-grid{grid-gap:2px;display:grid;gap:2px;grid-template-columns:repeat(4,1fr);max-height:200px;overflow-y:auto;padding:var(--spacing-xs)}.phonetic-symbol-btn{align-items:center;background:var(--color-background);border:none;border-radius:var(--radius-sm);cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:48px;padding:var(--spacing-xs);transition:all var(--transition-fast)}.phonetic-symbol-btn:hover{background:var(--color-primary-light)}.phonetic-symbol-btn .symbol{color:var(--color-text-primary);font-family:Lucida Sans Unicode,Arial Unicode MS,sans-serif;font-size:1.1rem;font-weight:600}.phonetic-symbol-btn .symbol-name{color:var(--color-text-light);font-size:.6rem;line-height:1.2;margin-top:2px;text-align:center}.phonetic-grid::-webkit-scrollbar{width:4px}.phonetic-grid::-webkit-scrollbar-track{background:#0000}.phonetic-grid::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}.toolbar-btn.speech-to-text-btn{color:var(--color-text-secondary);position:relative;transition:all .2s ease}.toolbar-btn.speech-to-text-btn:hover{background:var(--color-primary-light);color:var(--color-primary)}.toolbar-btn.speech-to-text-btn.recording{animation:speechPulse 1.5s ease-in-out infinite;background:#ef44441a;color:#ef4444}.toolbar-btn.speech-to-text-btn.recording:after{animation:speechRing 1.5s ease-in-out infinite;border:2px solid #ef44444d;border-radius:var(--radius-sm);content:"";height:100%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}@keyframes speechPulse{0%,to{box-shadow:0 0 0 0 #ef444466;transform:scale(1)}50%{box-shadow:0 0 0 6px #ef444400;transform:scale(1.05)}}@keyframes speechRing{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1.5)}}.speech-overlay{-webkit-tap-highlight-color:transparent;align-items:center;animation:overlayFadeIn .3s ease;background:#000000bf;bottom:0;cursor:pointer;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:99999}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.speech-overlay-content{align-items:center;cursor:default;display:flex;flex-direction:column;gap:24px;padding:40px}.speech-overlay-microphone{align-items:center;animation:micPulse 2s ease-in-out infinite;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:50%;box-shadow:0 0 0 0 #ef4444b3;color:#fff;display:flex;height:120px;justify-content:center;position:relative;width:120px}@keyframes micPulse{0%,to{box-shadow:0 0 0 0 #ef4444b3}50%{box-shadow:0 0 0 30px #ef444400}}.speech-mic-waves{left:0;top:0}.speech-mic-waves,.speech-wave{height:100%;position:absolute;width:100%}.speech-wave{animation:waveExpand 2s ease-out infinite;border:3px solid #ffffff4d;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.speech-wave:nth-child(2){animation-delay:.5s}.speech-wave:nth-child(3){animation-delay:1s}@keyframes waveExpand{0%{height:100%;opacity:.8;width:100%}to{height:200%;opacity:0;width:200%}}.speech-overlay-text{align-items:center;display:flex;justify-content:center;min-height:60px;text-align:center}.speech-listening{animation:textPulse 1.5s ease-in-out infinite;color:#fff;font-size:1.5rem;font-weight:500}@keyframes textPulse{0%,to{opacity:1}50%{opacity:.5}}.speech-interim{background:#ffffff1a;border-radius:12px;color:#fff;direction:rtl;font-size:1.25rem;font-weight:400;line-height:1.6;max-width:80vw;padding:12px 24px;text-align:center}.speech-stop-btn{align-items:center;background:#fff;border:none;border-radius:50px;box-shadow:0 4px 20px #0000004d;color:#ef4444;cursor:pointer;display:flex;font-family:inherit;font-size:1rem;font-weight:600;gap:8px;padding:14px 28px;transition:all .2s ease}.speech-stop-btn:hover{box-shadow:0 6px 25px #0006;transform:scale(1.05)}.speech-stop-btn:active{transform:scale(.98)}.speech-hint{color:#fff9;font-size:.85rem;margin:0}@media (max-width:768px){.speech-overlay-microphone{height:100px;width:100px}.speech-overlay-microphone svg{height:40px;width:40px}.speech-listening{font-size:1.25rem}.speech-interim{font-size:1.1rem;padding:10px 20px}.speech-stop-btn{font-size:.95rem;padding:12px 24px}.speech-overlay-content{gap:20px;padding:30px 20px}}.speech-error-overlay{align-items:center;animation:overlayFadeIn .3s ease;background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:99999}.speech-error-modal{animation:modalSlideIn .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;direction:rtl;max-width:400px;padding:32px;text-align:center;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.speech-error-icon{align-items:center;background:linear-gradient(135deg,#fef2f2,#fee2e2);border-radius:50%;color:#ef4444;display:flex;height:80px;justify-content:center;margin:0 auto 20px;width:80px}.speech-error-title{color:#1f2937;font-size:1.25rem;font-weight:700;margin:0 0 12px}.speech-error-message{color:#6b7280;font-size:.95rem;line-height:1.6;margin:0 0 20px}.speech-error-tips{background:#f9fafb;border-radius:12px;margin-bottom:24px;padding:16px;text-align:right}.speech-error-tips p{color:#374151;font-size:.9rem;margin:0 0 8px}.speech-error-tips ul{list-style-type:disc;margin:0;padding:0 20px 0 0}.speech-error-tips li{color:#6b7280;font-size:.85rem;line-height:1.5;margin-bottom:6px}.speech-error-tips li:last-child{margin-bottom:0}.speech-error-close-btn{align-items:center;background:linear-gradient(135deg,var(--color-primary) 0,#3b82f6 100%);background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark,#3b82f6) 100%);border:none;border-radius:50px;box-shadow:0 4px 15px #3b82f64d;color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:1rem;font-weight:600;justify-content:center;padding:12px 32px;transition:all .2s ease}.speech-error-close-btn:hover{box-shadow:0 6px 20px #3b82f666;transform:translateY(-2px)}.speech-error-close-btn:active{transform:translateY(0)}@media (max-width:768px){.speech-error-modal{padding:24px}.speech-error-icon{height:64px;width:64px}.speech-error-icon svg{height:32px;width:32px}.speech-error-title{font-size:1.1rem}.speech-error-message{font-size:.9rem}}.speech-interim-indicator{display:none}.speech-interim-indicator .interim-text{color:#ef4444;font-style:italic;max-width:100%;opacity:.8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.speech-interim-indicator .listening-dot{animation:listeningBlink 1s ease-in-out infinite;background:#ef4444;border-radius:50%;flex-shrink:0;height:8px;width:8px}@keyframes listeningBlink{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}@media (max-width:768px){.toolbar-btn.speech-to-text-btn{height:36px;width:36px}.speech-interim-indicator{font-size:.8rem;padding:var(--spacing-xs) var(--spacing-sm)}}@media (hover:none) and (pointer:coarse){.toolbar-btn.speech-to-text-btn{min-height:44px;min-width:44px}.toolbar-btn.speech-to-text-btn:active{transform:scale(.95)}}.editor-content{color:var(--color-text-primary);font-size:.95rem;line-height:1.6;max-height:500px;min-height:300px;outline:none;overflow-y:auto;padding:var(--spacing-md)}.rich-text-editor-long .editor-content,.rich-text-editor-normal .editor-content{max-height:450px;min-height:300px}.rich-text-editor-very_long .editor-content{max-height:600px;min-height:400px}.editor-content:empty:before{color:var(--color-text-light);content:attr(data-placeholder);pointer-events:none}.editor-content .text-size-normal{font-size:.95rem;font-weight:400}.editor-content .text-size-subheading{display:block;font-size:1.15rem;font-weight:600;margin:var(--spacing-sm) 0}.editor-content .text-size-heading{display:block;font-size:1.4rem;font-weight:700;margin:var(--spacing-md) 0 var(--spacing-sm)}.rich-text-display,.rich-text-display .text-size-normal{font-size:.95rem}.rich-text-display .text-size-subheading{font-size:1.1rem}.rich-text-display .text-size-heading{font-size:1.25rem}.editor-content::-webkit-scrollbar{width:6px}.editor-content::-webkit-scrollbar-track{background:#0000}.editor-content::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}.editor-content::-webkit-scrollbar-thumb:hover{background:var(--color-text-light)}.live-session-page{background:var(--color-background);display:flex;flex-direction:column;height:100%;max-height:calc(100vh - 80px);overflow:hidden;position:relative;transform-origin:top center;transition:transform .4s cubic-bezier(.4,0,.2,1)}.live-session-page.fullscreen{background:var(--color-background);bottom:0;left:0;overflow:auto;position:fixed;right:0;top:0;z-index:9999}.live-session-page:-webkit-full-screen,.live-session-page:fullscreen{background:var(--color-background);height:100vh;width:100vw}.live-session-page.fullscreen .live-session-content{zoom:1.2;-moz-transform:scale(1.2);-moz-transform-origin:top center;transition:zoom .4s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1)}@-moz-document url-prefix(){.live-session-page.fullscreen .live-session-content{margin:0 auto;transform:scale(1.2);transform-origin:top center;width:83.33%}}.live-session-watermark{bottom:-100px;height:500px;left:-100px;opacity:.04;pointer-events:none;position:fixed;transform:rotate(-45deg);width:500px;z-index:0}.live-session-watermark img{height:100%;object-fit:contain;width:100%}.live-session-error,.live-session-loading{align-items:center;color:var(--color-text-secondary);display:flex;flex-direction:column;gap:var(--spacing-md);height:100%;justify-content:center}.live-session-loading .spinner{animation:spin 1s linear infinite}.live-session-error button{background:var(--color-primary);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:14px;padding:var(--spacing-sm) var(--spacing-lg)}.live-session-header{align-items:center;background:var(--color-card);border-bottom:1px solid var(--color-border);display:flex;flex-shrink:0;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);position:relative;z-index:10}.header-left,.header-right,.session-timer-section{align-items:center;display:flex;gap:var(--spacing-md)}.session-timer-section{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md)}.timer-item{align-items:center;display:flex;flex-direction:column;gap:2px}.timer-label{color:var(--color-text-tertiary);font-size:11px;font-weight:400}.timer-divider{background:var(--color-border);height:32px;width:1px}.session-clock{font-feature-settings:"tnum";align-items:center;color:var(--color-text-secondary);display:flex;font-size:1rem;font-variant-numeric:tabular-nums;font-weight:500;gap:var(--spacing-xs)}.session-clock svg{color:var(--color-text-tertiary)}.session-remaining{font-feature-settings:"tnum";align-items:center;color:var(--color-primary-dark);display:flex;font-size:1rem;font-variant-numeric:tabular-nums;font-weight:500;gap:var(--spacing-xs)}.session-remaining svg{color:var(--color-primary)}.end-session-btn{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius-md);color:#dc2626;cursor:pointer;display:flex;flex-direction:column;font-size:12px;font-weight:500;gap:4px;justify-content:center;min-height:54px;padding:var(--spacing-sm) var(--spacing-md);transition:all .2s ease}.end-session-btn svg{flex-shrink:0}.end-session-btn:hover:not(:disabled){background:#fee2e2;border-color:#fca5a5}.end-session-btn:disabled{cursor:not-allowed;opacity:.5}.auto-save-indicator{align-items:center;background:var(--color-hover);border-radius:var(--radius-sm);color:var(--color-text-tertiary);display:flex;font-size:13px;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm)}.auto-save-indicator.saving{background:#e8f8f4;color:var(--color-primary)}.auto-save-indicator .spinner{animation:spin 1s linear infinite}.save-btn{align-items:center;background:var(--color-card);border:1px solid var(--color-border);display:flex;font-size:14px;font-weight:500;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);transition:all .2s ease}.save-btn:hover:not(:disabled){background:var(--color-hover);border-color:var(--color-primary);color:var(--color-primary)}.save-btn:disabled{opacity:.5}.fullscreen-btn{align-items:center;background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.fullscreen-btn:hover{background:var(--color-hover);border-color:var(--color-primary);color:var(--color-primary)}.patient-info-bar{align-items:center;background:var(--color-card);border-bottom:1px solid var(--color-border);display:flex;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-lg);position:relative;z-index:10}.patient-avatar{align-items:center;background:var(--color-primary);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:600;height:40px;justify-content:center;width:40px}.patient-info-details{display:flex;flex-direction:column;gap:2px}.patient-name{color:var(--color-text-primary);font-size:15px;font-weight:500}.session-info{align-items:center;color:var(--color-text-tertiary);display:flex;font-size:12px;gap:var(--spacing-xs)}.session-info svg{opacity:.7}.session-status-badge{align-items:center;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:var(--radius-full);color:var(--color-primary-dark);display:flex;font-size:11px;font-weight:500;gap:var(--spacing-xs);margin-right:auto;padding:var(--spacing-xs) var(--spacing-sm)}.session-status-badge svg{animation:pulse 2s ease-in-out infinite}.live-session-content{flex:1 1;overflow:hidden;position:relative;transition:zoom .4s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1);z-index:1}.live-session-scroll{display:flex;flex-direction:column;gap:var(--spacing-lg);height:100%;overflow-y:auto;padding:var(--spacing-lg)}.live-session-section{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.live-session-section.games-section{background:linear-gradient(135deg,#faf5ff,#f3e8ff);border-color:#e9d5ff;box-shadow:0 0 20px #8b5cf60f,0 0 40px #8b5cf608}.live-session-section.games-section .section-header h3 svg{color:#8b5cf6}.live-session-section.notes-section{background:linear-gradient(135deg,#f0fdfa,#e6fffa);border-color:#99f6e4;box-shadow:0 0 20px #14b8a60f,0 0 40px #14b8a608}.live-session-section.notes-section .section-header h3 svg{color:var(--color-primary)}.section-header{margin-bottom:var(--spacing-md)}.section-header,.section-header h3{align-items:center;display:flex;gap:var(--spacing-sm)}.section-header h3{color:var(--color-text-primary);font-size:14px;font-weight:500;margin:0}.section-header h3 svg{color:var(--color-primary)}.template-selection{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.template-option{align-items:center;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:14px;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);transition:all .2s ease}.template-option:hover{border-color:var(--color-primary);color:var(--color-primary)}.template-option.selected{background:#ecfdf5;border-color:var(--color-primary);color:var(--color-primary-dark);font-weight:500}.tools-section{background:linear-gradient(135deg,#fffef5,#fefce8);border-color:#fde68a;box-shadow:0 0 20px #fbbf2414,0 0 40px #fbbf240a}.tools-section .section-header h3 svg{color:#f59e0b}.tool-summary-box{background:#fff;border:1px solid #fde68a;border-radius:var(--radius-md);margin-bottom:var(--spacing-md);padding:var(--spacing-md)}.tool-summary-box.ai-summary-box{background:linear-gradient(135deg,#f0fdfa,#e6fffa);border:1px solid #99f6e4;overflow:hidden;position:relative}.tool-summary-box.ai-summary-box:before{background:linear-gradient(135deg,#4dd9b426,#0000);border-radius:0 0 0 100%;content:"";height:60px;position:absolute;right:0;top:0;width:60px}.tool-summary-box.ai-summary-box .summary-label{color:var(--color-primary-dark)}.tool-summary-box.ai-summary-box .summary-label svg{color:var(--color-primary)}.summary-label{align-items:center;color:#b45309;display:flex;font-size:12px;font-weight:500;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.summary-label svg{color:#f59e0b}.summary-content{color:var(--color-text-secondary);font-size:13px;line-height:1.6;white-space:pre-line}.ai-tools-grid{grid-gap:var(--spacing-sm);display:grid;gap:var(--spacing-sm);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.ai-tool-btn{align-items:flex-start;background:#fff;border:1px solid #fde68a;border-radius:var(--radius-md);cursor:pointer;display:flex;gap:var(--spacing-md);padding:var(--spacing-md);text-align:right;transition:all .2s ease}.ai-tool-btn:hover{background:#fffbeb;border-color:#fbbf24;box-shadow:0 2px 8px #fbbf2426}.ai-tool-icon{align-items:center;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:var(--radius-md);color:#b45309;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.ai-tool-info{display:flex;flex-direction:column;gap:2px}.ai-tool-title{color:var(--color-text-primary);font-size:14px;font-weight:500}.ai-tool-desc{color:var(--color-text-tertiary);font-size:12px;line-height:1.4}.template-fields{gap:var(--spacing-md)}.template-field,.template-fields{display:flex;flex-direction:column}.template-field{gap:var(--spacing-xs)}.template-field label{color:var(--color-text-primary);font-size:14px;font-weight:500}.template-field label.required:after{color:#ef4444;content:" *"}.template-field input{border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:14px;padding:var(--spacing-sm) var(--spacing-md);transition:border-color .2s ease}.template-field input:focus{border-color:var(--color-primary);outline:none}.games-grid{grid-gap:var(--spacing-sm);display:grid;gap:var(--spacing-sm);grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.game-card{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);text-align:right;transition:all .2s ease}.game-card.selected,.game-card:hover{border-color:var(--color-primary)}.game-card.selected{background:linear-gradient(135deg,#e8f8f4,#d4f4eb)}.game-card-header{align-items:center;display:flex;justify-content:space-between}.game-card-name{color:var(--color-text-primary);font-size:14px;font-weight:500}.game-selected-check{align-items:center;background:var(--color-primary);border-radius:50%;color:#fff;display:flex;height:20px;justify-content:center;width:20px}.game-card-goals{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.game-goal-tag{border-radius:var(--radius-sm);font-size:11px;padding:2px 6px}.game-goals-more{color:var(--color-text-tertiary);font-size:11px}.live-notes-list{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.live-note-item{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #93c5fd;border-radius:var(--radius-md);padding:var(--spacing-md)}.live-note-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-sm)}.live-note-number{color:#1d4ed8;font-size:13px;font-weight:600}.live-note-delete{align-items:center;background:#fff;border:1px solid #fca5a5;border-radius:var(--radius-sm);color:#ef4444;cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .2s ease;width:28px}.live-note-delete:hover{background:#fef2f2;border-color:#ef4444}.live-note-title{background:#fff;border:1px solid #93c5fd;border-radius:var(--radius-md);font-size:14px;font-weight:500;margin-bottom:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);width:100%}.live-note-title:focus{border-color:#3b82f6;outline:none}.live-note-content{background:#fff;border:1px solid #93c5fd;border-radius:var(--radius-md);font-family:inherit;font-size:14px;min-height:80px;padding:var(--spacing-sm) var(--spacing-md);resize:vertical;width:100%}.live-note-content:focus{border-color:#3b82f6;outline:none}.add-live-note-btn{align-items:center;background:var(--color-background);border:1px dashed var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:var(--spacing-sm);justify-content:center;padding:var(--spacing-md);transition:all .2s ease;width:100%}.add-live-note-btn:hover{background:#ecfdf5;border-color:var(--color-primary);color:var(--color-primary-dark)}.end-session-modal{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.end-session-content{background:var(--color-card);border-radius:var(--radius-lg);max-width:400px;padding:var(--spacing-xl);text-align:center;width:90%}.end-session-icon{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:50%;color:#dc2626;display:flex;height:56px;justify-content:center;margin:0 auto var(--spacing-md);width:56px}.end-session-content h3{color:var(--color-text-primary);font-size:18px;font-weight:600;margin:0 0 var(--spacing-sm)}.end-session-content p{color:var(--color-text-secondary);font-size:14px;line-height:1.6;margin:0 0 var(--spacing-lg)}.end-session-actions{display:flex;gap:var(--spacing-sm);justify-content:center}.end-session-actions .cancel-btn{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;font-size:14px;padding:var(--spacing-sm) var(--spacing-lg);transition:all .2s ease}.end-session-actions .cancel-btn:hover{background:var(--color-hover)}.end-session-actions .confirm-btn{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius-md);color:#dc2626;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);transition:all .2s ease}.end-session-actions .confirm-btn:hover:not(:disabled){background:#fee2e2;border-color:#fca5a5}.end-session-actions .confirm-btn:disabled{cursor:not-allowed;opacity:.6}.end-session-actions .confirm-btn .spinner{animation:spin 1s linear infinite}@media (max-width:768px){.live-session-header{flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-md)}.header-left,.header-right{justify-content:space-between;width:100%}.session-timer-section{flex:1 1}.patient-info-bar{flex-wrap:wrap;gap:var(--spacing-sm)}.session-status-badge{margin-right:0;order:3}.ai-tools-grid{grid-template-columns:1fr}.live-session-scroll{padding:var(--spacing-md)}}.ai-tool-modal-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.ai-tool-modal{animation:slideUp .3s cubic-bezier(.4,0,.2,1);background:var(--color-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-width:520px;overflow:hidden;padding:0;width:90%}.ai-tool-modal-header{align-items:center;background:linear-gradient(135deg,#fffef5,#fefce8);border-bottom:1px solid #fde68a;display:flex;justify-content:space-between;padding:var(--spacing-lg)}.ai-tool-modal-header h3{align-items:center;color:var(--color-text-primary);display:flex;font-size:16px;font-weight:600;gap:var(--spacing-sm);margin:0}.ai-tool-modal-header h3 svg{color:#f59e0b}.ai-tool-modal-close{align-items:center;background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.ai-tool-modal-close:hover{background:#fee2e2;border-color:#fca5a5;color:#dc2626}.ai-tool-modal-body{padding:var(--spacing-lg)}.ai-tool-textarea{border:1.5px solid var(--color-border);border-radius:var(--radius-md);font-family:inherit;font-size:14px;line-height:1.6;min-height:100px;padding:var(--spacing-md);resize:vertical;transition:all .2s ease;width:100%}.ai-tool-textarea:focus{border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b1a;outline:none}.ai-tool-textarea::placeholder{color:var(--color-text-tertiary)}.ai-tool-modal-footer{background:var(--color-background);border-top:1px solid var(--color-border);display:flex;gap:var(--spacing-sm);justify-content:flex-end;padding:var(--spacing-md) var(--spacing-lg)}.ai-tool-cancel-btn{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;font-size:14px;font-weight:500;padding:var(--spacing-sm) var(--spacing-lg);transition:all .2s ease}.ai-tool-cancel-btn:hover{background:var(--color-hover)}.ai-tool-submit-btn{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);transition:all .2s ease}.ai-tool-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 4px 12px #f59e0b4d;transform:translateY(-1px)}.ai-tool-submit-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.ai-loading-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff2;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10001}.ai-loading-content{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-lg)}.ai-loading-spinner{align-items:center;animation:pulse-glow 2s ease-in-out infinite;background:linear-gradient(135deg,#fffef5,#fefce8);border:2px solid #fde68a;border-radius:50%;display:flex;height:80px;justify-content:center;width:80px}@keyframes pulse-glow{0%,to{box-shadow:0 0 0 0 #f59e0b66}50%{box-shadow:0 0 30px 10px #f59e0b33}}.ai-loading-spinner svg{animation:spin 1s linear infinite;color:#f59e0b}.ai-loading-text{align-items:center;color:var(--color-text-secondary);display:flex;font-size:16px;font-weight:500;gap:var(--spacing-sm)}.ai-loading-text svg{animation:sparkle 1.5s ease-in-out infinite;color:#f59e0b}@keyframes sparkle{0%,to{opacity:1;transform:scale(1) rotate(0deg)}50%{opacity:.7;transform:scale(1.2) rotate(180deg)}}.ai-responses-container{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.ai-response-box{animation:responseAppear .5s cubic-bezier(.4,0,.2,1);background:#fff;border:1px solid #fde68a;border-radius:var(--radius-md);box-shadow:0 2px 12px #fbbf2414;overflow:hidden}@keyframes responseAppear{0%{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.ai-response-header{align-items:center;background:linear-gradient(135deg,#fffef5,#fefce8);border-bottom:1px solid #fde68a;display:flex;justify-content:space-between;padding:var(--spacing-xs) var(--spacing-md)}.ai-response-type{align-items:center;color:#b45309;display:flex;font-size:11px;font-weight:600;gap:6px}.ai-response-type svg{color:#f59e0b;height:14px;width:14px}.ai-response-close{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--color-text-light);cursor:pointer;display:flex;height:24px;justify-content:center;opacity:.6;transition:all .2s ease;width:24px}.ai-response-close:hover{background:#fee2e2;color:#dc2626;opacity:1}.ai-response-question{align-items:center;background:#fffbeb;border-bottom:1px solid #fde68a;display:flex;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md)}.question-label{color:#b45309;font-size:10px;font-weight:600;white-space:nowrap}.question-text{color:var(--color-text-tertiary);font-size:11px;font-style:italic;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ai-response-content{color:var(--color-text-secondary);font-size:12.5px;line-height:1.65;padding:var(--spacing-md)}.ai-response-heading{align-items:center;background:linear-gradient(135deg,#fefce8,#fef3c7);border-radius:var(--radius-sm);border-right:3px solid #f59e0b;color:#b45309;display:flex;font-size:13px;font-weight:600;gap:var(--spacing-xs);margin:var(--spacing-md) 0 var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm)}.ai-response-heading:first-child{margin-top:0}.ai-response-subheading{align-items:center;color:#92400e;display:flex;font-size:12.5px;font-weight:600;gap:var(--spacing-xs);margin:var(--spacing-sm) 0 var(--spacing-xs)}.ai-response-paragraph{color:var(--color-text-secondary);margin:0 0 var(--spacing-xs)}.ai-response-bullet{align-items:flex-start;color:var(--color-text-secondary);display:flex;gap:var(--spacing-xs);margin:0 0 6px}.ai-response-bullet .bullet-icon{color:#f59e0b;flex-shrink:0;font-weight:700;margin-top:1px}.ai-response-numbered{align-items:flex-start;color:var(--color-text-secondary);display:flex;gap:var(--spacing-xs);margin:0 0 6px}.ai-response-numbered .number-icon{color:#f59e0b;flex-shrink:0;font-weight:700;min-width:18px}.ai-response-spacer{height:8px}.ai-bold{color:var(--color-text-primary);font-weight:600}@media (max-width:768px){.ai-tool-modal{margin:var(--spacing-md);max-width:none;width:95%}.ai-tool-modal-footer{flex-direction:column;gap:var(--spacing-sm)}.ai-tool-modal-footer button{justify-content:center;width:100%}.ai-response-box{border-radius:var(--radius-md)}}.settings-modal{background:var(--color-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow:hidden;width:100%}.settings-modal.large{max-height:calc(100vh - 48px);max-width:1100px;width:100%}.settings-modal .modal-header{align-items:center;border-bottom:1px solid var(--color-border-light);display:flex;justify-content:space-between;padding:var(--spacing-lg)}.settings-modal .modal-header h2{color:var(--color-text-primary);font-size:1.25rem;font-weight:700;margin:0}.settings-tabs{border-bottom:1px solid var(--color-border-light);padding:0 var(--spacing-lg)}.tab-btn{align-items:center;background:#0000;border:none;border-bottom:2px solid #0000;color:var(--color-text-secondary);cursor:pointer;display:flex;font-family:inherit;font-size:.9rem;font-weight:500;gap:var(--spacing-sm);margin-bottom:-1px;padding:var(--spacing-md) var(--spacing-lg);transition:all var(--transition-fast)}.tab-btn:hover{color:var(--color-text-primary)}.tab-btn.active{border-bottom-color:var(--color-primary);color:var(--color-primary-dark)}.settings-content{flex:1 1;overflow-x:hidden;overflow-y:auto}.tab-panel{display:flex;flex-direction:column;gap:var(--spacing-lg);max-width:100%;overflow-x:hidden;padding:var(--spacing-lg)}.tab-description{color:var(--color-text-secondary);font-size:.9rem;margin:0}.work-hours-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.work-hour-row{gap:var(--spacing-lg);padding:var(--spacing-sm) 0}.day-toggle,.work-hour-row{align-items:center;display:flex}.day-toggle{cursor:pointer;gap:var(--spacing-sm);width:80px}.day-toggle input[type=checkbox]{accent-color:var(--color-primary);height:18px;width:18px}.day-label{color:var(--color-text-primary);font-weight:600}.time-inputs{align-items:center;display:flex;gap:var(--spacing-sm)}.time-inputs.disabled{opacity:.4;pointer-events:none}.time-inputs input{border:1.5px solid var(--color-border);border-radius:var(--radius-sm);font-family:inherit;font-size:.9rem;padding:var(--spacing-xs) var(--spacing-sm);width:100px}.time-inputs input:focus{border-color:var(--color-primary);outline:none}.time-inputs span{color:var(--color-text-light)}.default-settings{border-top:1px solid var(--color-border-light);flex-direction:column;padding-top:var(--spacing-md)}.default-settings,.setting-row{display:flex;gap:var(--spacing-md)}.setting-row{align-items:center;justify-content:space-between}.setting-row label{color:var(--color-text-secondary);font-size:.9rem}.setting-row input[type=number]{border:1.5px solid var(--color-border);border-radius:var(--radius-sm);font-family:inherit;font-size:.9rem;padding:var(--spacing-xs) var(--spacing-sm);text-align:center;width:80px}.setting-row input:focus{border-color:var(--color-primary);outline:none}.booking-toggle{margin-bottom:var(--spacing-md)}.toggle-label{align-items:center;color:var(--color-text-primary);cursor:pointer;display:flex;font-weight:500;gap:var(--spacing-sm)}.toggle-label input[type=checkbox]{accent-color:var(--color-primary);height:18px;width:18px}.booking-link-section{background:var(--color-background);border-radius:var(--radius-md);padding:var(--spacing-md)}.booking-link-section label{color:var(--color-text-secondary);display:block;font-size:.85rem;font-weight:600;margin-bottom:var(--spacing-sm)}.link-input-group{display:flex;gap:var(--spacing-sm)}.link-input{border:1.5px solid var(--color-border);border-radius:var(--radius-md);direction:ltr;flex:1 1;font-family:inherit;font-size:.85rem;padding:var(--spacing-sm) var(--spacing-md)}.copy-btn,.link-input{background:var(--color-card)}.copy-btn{align-items:center;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;height:44px;justify-content:center;transition:all var(--transition-fast);width:44px}.copy-btn:hover{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary-dark)}.generate-btn{background:var(--color-primary);border:none;border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;font-family:inherit;font-size:.9rem;font-weight:600;padding:var(--spacing-sm) var(--spacing-lg);transition:all var(--transition-fast)}.generate-btn:hover:not(:disabled){background:var(--color-primary-dark)}.booking-restrictions{background:var(--color-background);border-radius:var(--radius-md);padding:var(--spacing-md)}.booking-restrictions h4{color:var(--color-text-secondary);font-size:.9rem;font-weight:600;margin:0 0 var(--spacing-md) 0}.info-note{background:#fbbf241a;border-radius:var(--radius-md);color:var(--color-warning);font-size:.85rem;margin:0;padding:var(--spacing-sm) var(--spacing-md)}.sms-options{gap:var(--spacing-md)}.reminder-setting,.sms-options{display:flex;flex-direction:column}.reminder-setting{gap:var(--spacing-sm)}.reminder-hours-input{align-items:center;display:flex;gap:var(--spacing-sm);padding-right:var(--spacing-xl)}.reminder-hours-input input[type=number]{border:1.5px solid var(--color-border);border-radius:var(--radius-sm);font-family:inherit;font-size:.95rem;font-weight:600;padding:var(--spacing-xs) var(--spacing-sm);text-align:center;width:70px}.reminder-hours-input input[type=number]:focus{border-color:var(--color-primary);outline:none}.reminder-hours-input span{color:var(--color-text-secondary);font-size:.9rem}.readonly-template{background:var(--color-background);cursor:not-allowed;opacity:.8}.message-template{display:flex;flex-direction:column;gap:var(--spacing-sm)}.message-template label{color:var(--color-text-secondary);font-size:.9rem;font-weight:600}.message-template textarea{border:1.5px solid var(--color-border);border-radius:var(--radius-md);font-family:inherit;font-size:.9rem;padding:var(--spacing-sm) var(--spacing-md);resize:vertical;text-align:right}.message-template textarea:focus{border-color:var(--color-primary);outline:none}.template-help{color:var(--color-text-light);font-size:.8rem;margin:0}.save-btn{align-self:flex-start;background:var(--color-primary);border:none;border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;font-family:inherit;font-size:.95rem;font-weight:600;padding:var(--spacing-sm) var(--spacing-xl);transition:all var(--transition-fast)}.save-btn:hover:not(:disabled){background:var(--color-primary-dark)}.save-btn:disabled{cursor:not-allowed;opacity:.6}.availability-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:var(--spacing-lg);justify-content:space-between}.week-range{color:var(--color-primary-dark);font-size:.85rem;font-weight:600;margin:var(--spacing-xs) 0 0 0}.week-section{background:var(--color-background);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--spacing-md)}.week-section.next-week{background:linear-gradient(135deg,var(--color-background) 0,#10b9810d 100%);border-color:var(--color-primary);margin-top:var(--spacing-lg)}.week-section-title{align-items:center;border-bottom:1px solid var(--color-border-light);color:var(--color-text-primary);display:flex;font-size:.9rem;font-weight:700;gap:var(--spacing-sm);margin:0 0 var(--spacing-sm) 0;padding-bottom:var(--spacing-xs)}.week-section.next-week .week-section-title{border-bottom-color:var(--color-primary);color:var(--color-primary-dark)}.week-section.next-week .week-section-title:before{background:var(--color-primary);border-radius:50%;content:"";height:8px;width:8px}.template-actions{display:flex;gap:var(--spacing-sm)}.template-btn{align-items:center;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;font-family:inherit;font-size:.8rem;font-weight:500;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);transition:all var(--transition-fast)}.template-btn.save,.template-btn:hover:not(:disabled){background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary-dark)}.template-btn.save:hover:not(:disabled){background:var(--color-primary);color:#fff}.template-btn:disabled{cursor:not-allowed;opacity:.6}.availability-grid{grid-gap:var(--spacing-sm);display:grid;gap:var(--spacing-sm);grid-template-columns:repeat(7,1fr)}.availability-day{background:var(--color-background);border-radius:var(--radius-md);display:flex;flex-direction:column;min-height:200px;min-width:0;padding:var(--spacing-sm)}.availability-day.past{background:var(--color-background-alt);opacity:.5}.availability-day .day-header{align-items:center;border-bottom:1px solid var(--color-border-light);display:flex;flex-direction:column;margin-bottom:var(--spacing-xs);padding-bottom:var(--spacing-xs)}.availability-day .day-name{color:var(--color-text-primary);font-size:.85rem;font-weight:700}.availability-day .day-date{color:var(--color-text-light);font-size:.7rem}.past-day-message{align-items:center;color:var(--color-text-light);display:flex;flex:1 1;font-size:.8rem;font-style:italic;justify-content:center}.day-slots{display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-sm)}.time-slot{background:var(--color-card);border:1px solid var(--color-border-light);border-radius:var(--radius-md);gap:var(--spacing-xs);padding:var(--spacing-sm)}.time-slot,.time-slot-row{display:flex;flex-direction:column}.time-slot-row{gap:2px}.time-slot-label{color:var(--color-text-light);font-size:.65rem;font-weight:500;text-align:center}.time-slot input{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:inherit;font-size:.8rem;padding:6px 4px;text-align:center;width:100%}.time-slot input:focus{background:#fff;border-color:var(--color-primary);outline:none}.slot-separator{display:none}.remove-slot-btn{align-items:center;background:#0000;border:1px dashed var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-light);cursor:pointer;display:flex;font-size:.6rem;gap:4px;height:24px;justify-content:center;margin-top:2px;transition:all var(--transition-fast);width:100%}.remove-slot-btn:hover{background:#f871711a;border-color:var(--color-error);color:var(--color-error)}.add-slot-btn{align-items:center;background:#0000;border:1px dashed var(--color-border);border-radius:var(--radius-md);color:var(--color-text-light);cursor:pointer;display:flex;font-family:inherit;font-size:.7rem;gap:4px;justify-content:center;margin-top:auto;padding:8px 4px;transition:all var(--transition-fast)}.add-slot-btn:hover{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary-dark)}@media (max-width:1100px){.settings-modal.large{max-width:calc(100vw - 32px)}}@media (max-width:900px){.settings-modal.large{max-height:calc(100vh - 24px);max-width:calc(100vw - 24px)}.availability-grid{grid-template-columns:repeat(4,1fr)}.availability-day{min-height:180px}}@media (max-width:700px){.availability-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:600px){.availability-grid{grid-template-columns:repeat(2,1fr)}.settings-modal.large{border-radius:var(--radius-lg);margin:var(--spacing-sm);max-height:calc(100vh - 16px);max-width:100%}.availability-header{flex-direction:column;gap:var(--spacing-sm)}.week-section{padding:var(--spacing-sm)}}@media (max-width:480px){.settings-tabs{padding:0 var(--spacing-sm)}.tab-btn{font-size:.8rem;padding:var(--spacing-sm)}.tab-btn span{display:none}.work-hour-row{flex-wrap:wrap}.time-inputs{justify-content:flex-end;width:100%}.availability-grid{grid-template-columns:1fr 1fr}.availability-day{min-height:160px}.template-actions{justify-content:center;width:100%}}.appointment-card{align-items:center;background:var(--color-card);border-radius:var(--radius-sm);border-right:3px solid #0000;box-shadow:var(--shadow-sm);box-sizing:border-box;cursor:pointer;display:flex;flex-direction:row;overflow:hidden;padding:var(--spacing-sm);transition:all var(--transition-fast)}.appointment-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.appointment-card.status-green{background:#4dd9b414;border-right-color:var(--color-primary)}.appointment-card.status-yellow{background:#fbbf2414;border-right-color:var(--color-warning)}.appointment-card.status-red{background:#f8717114;border-right-color:var(--color-error)}.appointment-card.status-gray{background:var(--color-background-alt);border-right-color:var(--color-text-light);opacity:.7}.appointment-card.status-turquoise{background:#4dd9b414;border-right-color:var(--color-primary)}.card-main-row{align-items:center;display:flex;gap:var(--spacing-sm);width:100%}.card-name{color:var(--color-text-primary);flex:1 1;font-size:.85rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-badge{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:18px;justify-content:center;width:18px}.status-badge.status-green{background:var(--color-primary);color:#fff}.status-badge.status-yellow{background:var(--color-warning);color:#fff}.status-badge.status-red{background:var(--color-error);color:#fff}.status-badge.status-gray{background:var(--color-text-light);color:#fff}.status-badge.status-turquoise{background:var(--color-primary);color:#fff}.card-time-range{color:var(--color-text-secondary);flex-shrink:0;font-family:SF Mono,Fira Code,monospace;font-size:.8rem;font-weight:600}.appointment-card.compact{align-items:center;border-right-width:2px;box-sizing:border-box;flex-direction:row;gap:var(--spacing-xs);min-height:auto;padding:2px 6px}.appointment-card.compact .card-time{color:var(--color-text-secondary);flex-shrink:0;font-size:.65rem;font-weight:600}.appointment-card.compact .card-name{flex:1 1;font-size:.7rem;min-width:0}.appointment-card.compact .status-indicator{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:14px;justify-content:center;width:14px}.status-indicator.status-green{background:var(--color-primary);color:#fff}.status-indicator.status-yellow{background:var(--color-warning);color:#fff}.status-indicator.status-red{background:var(--color-error);color:#fff}.status-indicator.status-turquoise{background:var(--color-primary);color:#fff}.day-view{display:flex;flex-direction:column;height:100%}.day-view-header{border-bottom:1px solid var(--color-border-light);display:flex;padding-right:60px}.day-header-cell{align-items:center;background:var(--color-primary-light);display:flex;flex:1 1;flex-direction:column;padding:var(--spacing-md)}.day-name{font-size:.85rem;font-weight:600;text-transform:uppercase}.day-date,.day-name{color:var(--color-primary-dark)}.day-date{font-size:1.5rem;font-weight:700}.day-view-body{display:flex;flex:1 1;overflow-y:auto}.time-column{border-left:1px solid var(--color-border-light);flex-shrink:0;width:60px}.time-label{align-items:flex-start;color:var(--color-text-light);display:flex;font-family:SF Mono,Fira Code,monospace;font-size:.75rem;height:60px;justify-content:center;padding-top:var(--spacing-xs)}.day-column{flex:1 1;position:relative}.hour-slot{border-bottom:1px solid var(--color-border-light);cursor:pointer;display:flex;flex-direction:column;gap:2px;height:60px;padding:2px 4px;transition:background var(--transition-fast)}.hour-slot:hover{background:var(--color-background)}.hour-slot.available-slot{background:#bbf7d040;border-right:3px solid #4ade8099}.hour-slot.available-slot:hover{background:#bbf7d073}.hour-slot.has-appointments{background:#0000}.hour-slot.has-appointments.available-slot{background:#bbf7d026}.hour-slot.past-slot{cursor:not-allowed;pointer-events:none}.hour-slot.past-slot,.hour-slot.past-slot:hover{background:repeating-linear-gradient(-45deg,var(--color-background),var(--color-background) 4px,#94a3b814 4px,#94a3b814 8px)}.hour-slot.past-slot.available-slot{background:repeating-linear-gradient(-45deg,#bbf7d01a,#bbf7d01a 4px,#94a3b814 0,#94a3b814 8px);border-right-color:#4ade804d}.hour-slot.past-slot .appointment-card{cursor:pointer;pointer-events:auto}.hour-slot{position:relative}.hour-slot[data-tooltip]:before{background:#1e293bf2;border-radius:8px;bottom:calc(100% + 8px);box-shadow:0 4px 12px #00000026;color:#fff;content:attr(data-tooltip);font-size:.8rem;font-weight:500;padding:8px 14px;transform:translateX(-50%) scale(.9);white-space:nowrap}.hour-slot[data-tooltip]:after,.hour-slot[data-tooltip]:before{left:50%;opacity:0;pointer-events:none;position:absolute;transition:all .15s ease;visibility:hidden;z-index:1000}.hour-slot[data-tooltip]:after{border:6px solid #0000;border-top-color:#1e293bf2;bottom:calc(100% + 2px);content:"";transform:translateX(-50%)}.hour-slot[data-tooltip]:hover:after,.hour-slot[data-tooltip]:hover:before{opacity:1;transform:translateX(-50%) scale(1);visibility:visible}.hour-slot[data-tooltip]:hover:after{transform:translateX(-50%)}.week-view{display:flex;flex-direction:column;height:100%}.week-view-header{background:var(--color-card);border-bottom:1px solid var(--color-border-light);display:flex;position:-webkit-sticky;position:sticky;top:0;z-index:10}.header-time-spacer{flex-shrink:0;width:60px}.day-header,.header-time-spacer{border-left:1px solid var(--color-border-light)}.day-header{align-items:center;display:flex;flex:1 1;flex-direction:column;min-width:0;padding:var(--spacing-sm) var(--spacing-xs)}.day-header.today{background:var(--color-primary-light)}.day-header.today .day-date,.day-header.today .day-name{color:var(--color-primary-dark)}.day-header .day-name{color:var(--color-text-light);font-size:.75rem;font-weight:600;text-transform:uppercase}.day-header .day-date{color:var(--color-text-primary);font-size:1.25rem;font-weight:700}.week-view-body{display:flex;flex:1 1;overflow-y:auto}.week-view .time-column{border-left:1px solid var(--color-border-light);flex-shrink:0;width:60px}.week-view .time-label{align-items:flex-start;color:var(--color-text-light);display:flex;font-family:SF Mono,Fira Code,monospace;font-size:.7rem;height:50px;justify-content:center;padding-top:var(--spacing-xs)}.days-grid{display:flex;flex:1 1}.week-view .day-column{border-left:1px solid var(--color-border-light);flex:1 1;min-width:0}.week-view .hour-slot{border-bottom:1px solid var(--color-border-light);cursor:pointer;height:50px;padding:1px 2px;position:relative;transition:background var(--transition-fast)}.week-view .hour-slot:hover{background:var(--color-background)}.week-view .hour-slot.available-slot{background:#bbf7d040}.week-view .hour-slot.available-slot:hover{background:#bbf7d073}.week-view .hour-slot.available-slot:after{background:#4ade8080;bottom:0;content:"";position:absolute;right:0;top:0;width:2px}.week-view .hour-slot.past-slot{cursor:not-allowed;pointer-events:none}.week-view .hour-slot.past-slot,.week-view .hour-slot.past-slot:hover{background:repeating-linear-gradient(-45deg,var(--color-background),var(--color-background) 4px,#94a3b814 4px,#94a3b814 8px)}.week-view .hour-slot.past-slot.available-slot{background:repeating-linear-gradient(-45deg,#bbf7d01a,#bbf7d01a 4px,#94a3b814 0,#94a3b814 8px)}.week-view .hour-slot.past-slot .appointment-card{cursor:pointer;pointer-events:auto}.therapist-availability-lines{bottom:0;display:flex;flex-direction:row-reverse;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.therapist-availability-lines .therapist-line{cursor:help;height:100%;opacity:.7;pointer-events:auto;transition:opacity .2s;width:20px}.therapist-availability-lines .therapist-line:hover{opacity:1}.week-view .hour-slot[data-tooltip]:before{background:#1e293bf2;border-radius:8px;bottom:calc(100% + 8px);box-shadow:0 4px 12px #00000026;color:#fff;content:attr(data-tooltip);font-size:.75rem;font-weight:500;padding:8px 14px;transform:translateX(-50%) scale(.9);white-space:nowrap}.week-view .hour-slot[data-tooltip]:after,.week-view .hour-slot[data-tooltip]:before{left:50%;opacity:0;pointer-events:none;position:absolute;transition:all .15s ease;visibility:hidden;z-index:1000}.week-view .hour-slot[data-tooltip]:after{border:6px solid #0000;border-top-color:#1e293bf2;bottom:calc(100% + 2px);content:"";transform:translateX(-50%)}.week-view .hour-slot[data-tooltip]:hover:after,.week-view .hour-slot[data-tooltip]:hover:before{opacity:1;transform:translateX(-50%) scale(1);visibility:visible}.week-view .hour-slot[data-tooltip]:hover:after{transform:translateX(-50%)}@media (max-width:768px){.day-header .day-date{font-size:1rem}.week-view .hour-slot{height:40px}.week-view .time-label{font-size:.65rem;height:40px}.week-view .time-column{width:45px}}.week-view.single-day-mode{height:100%}.week-view.single-day-mode .day-header{background:linear-gradient(135deg,#8b5cf60d,#8b5cf61a);flex:1 1;padding:var(--spacing-md)}.week-view.single-day-mode .day-header .day-name{color:var(--color-primary-dark);font-size:1rem;font-weight:700}.week-view.single-day-mode .day-header .day-date{color:var(--color-primary);font-size:2rem;font-weight:800}.week-view.single-day-mode .day-header .day-full-date{color:var(--color-text-secondary);font-size:.85rem;margin-top:var(--spacing-xs)}.week-view.single-day-mode .day-column{min-width:100%}.week-view.single-day-mode .hour-slot{height:60px;padding:var(--spacing-xs) var(--spacing-sm)}.week-view.single-day-mode .time-label{font-size:.8rem;height:60px}.week-view.single-day-mode .time-column{width:55px}.month-view{display:flex;flex-direction:column;height:100%}.month-view-header{background:var(--color-background);border-bottom:1px solid var(--color-border-light);display:flex}.weekday-header{color:var(--color-text-secondary);flex:1 1;font-size:.85rem;font-weight:600;padding:var(--spacing-md);text-align:center;text-transform:uppercase}.month-view-grid{display:grid;flex:1 1;grid-template-columns:repeat(7,1fr)}.month-day{border-bottom:1px solid var(--color-border-light);border-left:1px solid var(--color-border-light);cursor:pointer;display:flex;flex-direction:column;min-height:100px;padding:var(--spacing-sm);position:relative;transition:background var(--transition-fast)}.month-day:hover{background:var(--color-background)}.month-day.other-month{background:var(--color-background-alt)}.month-day.other-month .day-number{color:var(--color-text-light)}.month-day.today{background:var(--color-primary-light)}.month-day.today .day-number{align-items:center;background:var(--color-primary);border-radius:50%;color:#fff;display:flex;height:28px;justify-content:center;width:28px}.month-day.has-availability{background:#bbf7d026}.month-day.has-availability:hover{background:#bbf7d04d}.month-day.has-availability.today{background:linear-gradient(135deg,var(--color-primary-light) 50%,#bbf7d033 50%)}.day-number-row{align-items:center;display:flex;gap:var(--spacing-xs);margin-bottom:var(--spacing-xs)}.day-number{color:var(--color-text-primary);font-size:.9rem;font-weight:600}.availability-indicator{background:#4ade80b3;border-radius:50%;flex-shrink:0;height:8px;width:8px}.day-appointments{display:flex;flex:1 1;flex-direction:column;gap:2px;overflow:hidden}.appointment-dot{align-items:center;border-radius:var(--radius-sm);cursor:pointer;display:flex;font-size:.7rem;gap:var(--spacing-xs);overflow:hidden;padding:2px 6px;transition:all var(--transition-fast);white-space:nowrap}.appointment-dot:hover{opacity:.8;transform:scale(1.02)}.appointment-dot.status-green{background:#4dd9b433;color:var(--color-primary-dark)}.appointment-dot.status-yellow{background:#fbbf2433;color:#b45309}.appointment-dot.status-red{background:#f8717133;color:#dc2626}.appointment-dot.status-turquoise{background:#4dd9b433;color:var(--color-primary-dark)}.apt-time{flex-shrink:0;font-weight:600}.apt-name{overflow:hidden;text-overflow:ellipsis}.more-appointments{color:var(--color-text-light);font-size:.7rem;padding:2px;text-align:center}.month-day[data-tooltip]:before{background:#1e293bf2;border-radius:8px;bottom:calc(100% + 8px);box-shadow:0 4px 12px #00000026;color:#fff;content:attr(data-tooltip);font-size:.8rem;font-weight:500;padding:8px 14px;transform:translateX(-50%) scale(.9);white-space:nowrap}.month-day[data-tooltip]:after,.month-day[data-tooltip]:before{left:50%;opacity:0;pointer-events:none;position:absolute;transition:all .15s ease;visibility:hidden;z-index:1000}.month-day[data-tooltip]:after{border:6px solid #0000;border-top-color:#1e293bf2;bottom:calc(100% + 2px);content:"";transform:translateX(-50%)}.month-day[data-tooltip]:hover:after,.month-day[data-tooltip]:hover:before{opacity:1;transform:translateX(-50%) scale(1);visibility:visible}.month-day[data-tooltip]:hover:after{transform:translateX(-50%)}@media (max-width:768px){.month-day{min-height:60px;padding:var(--spacing-xs)}.day-number{font-size:.8rem}.appointment-dot{font-size:.6rem;padding:1px 4px}.apt-name{display:none}}.day-summary{background:var(--color-card);border:1px solid var(--color-border-light);border-radius:var(--radius-xl);gap:var(--spacing-lg);height:-webkit-fit-content;height:fit-content;max-height:calc(100vh - 200px);overflow-y:auto;padding:var(--spacing-lg);position:-webkit-sticky;position:sticky;top:0;width:280px}.day-summary,.summary-section{display:flex;flex-direction:column}.summary-section{gap:var(--spacing-md)}.summary-section.upcoming{border-top:1px solid var(--color-border-light);padding-top:var(--spacing-lg)}.summary-header{align-items:center;color:var(--color-primary-dark);display:flex;gap:var(--spacing-sm)}.summary-header h3{font-size:1.1rem;font-weight:700;margin:0}.summary-section.upcoming .summary-header{color:var(--color-text-secondary)}.summary-stats{display:flex;gap:var(--spacing-sm)}.stat-item{background:var(--color-background);flex:1 1;flex-direction:column;gap:2px}.stat-item.declined{background:#f871711a;color:#dc2626}.stat-label{color:inherit;font-size:.75rem;opacity:.8}.next-appointment{border-top:1px solid var(--color-border-light);padding-top:var(--spacing-md)}.next-appointment h4{color:var(--color-text-secondary);font-size:.85rem;font-weight:600;margin:0 0 var(--spacing-sm) 0}.next-appointment-card{align-items:center;background:var(--color-primary-light);border-radius:var(--radius-md);border-right:3px solid #0000;cursor:pointer;display:flex;gap:var(--spacing-md);padding:var(--spacing-md);transition:all var(--transition-fast)}.next-appointment-card:hover{opacity:.85}.next-appointment-card.status-green{background:#4dd9b426;border-right-color:var(--color-primary)}.next-appointment-card.status-yellow{background:#fbbf2426;border-right-color:#b45309}.next-appointment-card.status-turquoise{background:#4dd9b426;border-right-color:var(--color-primary)}.next-appointment-card.status-red{background:#f8717126;border-right-color:#dc2626}.next-time{color:var(--color-primary-dark);font-family:SF Mono,Fira Code,monospace;font-size:1.1rem;font-weight:700}.next-name{color:var(--color-text-primary);font-size:.95rem;font-weight:600}.appointments-list{display:flex;flex-direction:column;overflow:hidden}.list-header{align-items:center;color:var(--color-text-secondary);display:flex;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.list-header h4{font-size:.85rem;font-weight:600;margin:0}.appointments-list ul{display:flex;flex-direction:column;gap:var(--spacing-xs);list-style:none;margin:0;max-height:200px;overflow-y:auto;padding:0}.appointment-item{align-items:center;border-radius:var(--radius-sm);border-right:3px solid #0000;cursor:pointer;display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm);transition:all var(--transition-fast)}.appointment-item:hover{opacity:.85}.appointment-item.cancelled{opacity:.5;text-decoration:line-through}.appointment-item.status-green{background:#4dd9b41f;border-right-color:var(--color-primary)}.appointment-item.status-yellow{background:#fbbf241f;border-right-color:#b45309}.appointment-item.status-turquoise{background:#4dd9b41f;border-right-color:var(--color-primary)}.appointment-item.status-red{background:#f871711f;border-right-color:#dc2626}.day-group{margin-bottom:var(--spacing-md)}.day-group:last-child{margin-bottom:0}.day-group-header{border-bottom:1px solid var(--color-border-light);color:var(--color-text-secondary);font-size:.8rem;font-weight:600;margin:0 0 var(--spacing-xs) 0;padding-bottom:var(--spacing-xs)}.appointments-list.grouped{max-height:300px}.appointments-list.grouped ul{max-height:none}.item-time{color:var(--color-text-secondary);flex-shrink:0;font-family:SF Mono,Fira Code,monospace;font-size:.8rem;font-weight:600}.item-name{color:var(--color-text-primary);flex:1 1;font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.empty-message{color:var(--color-text-light);font-size:.9rem;padding:var(--spacing-lg);text-align:center}@media (max-width:1024px){.day-summary{max-height:none;position:static;width:100%}.summary-stats{flex-wrap:wrap}.appointments-list ul{max-height:150px}}.calendar-page{display:flex;flex-direction:column;height:calc(100vh - 120px);min-height:600px}.calendar-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:space-between;margin-bottom:var(--spacing-lg)}.header-right{gap:var(--spacing-lg)}.calendar-header h1{color:var(--color-text-primary);font-size:1.75rem;font-weight:700;margin:0}.date-navigation{gap:var(--spacing-xs)}.date-navigation,.nav-btn{align-items:center;display:flex}.nav-btn{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;height:36px;justify-content:center;transition:all var(--transition-fast);width:36px}.nav-btn:hover{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary-dark)}.today-btn{align-items:center;background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;font-family:inherit;font-size:.9rem;font-weight:500;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.today-btn:hover{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary-dark)}.current-date-display{color:var(--color-text-secondary);font-size:1.1rem;font-weight:600;margin:0}.header-left{gap:var(--spacing-md)}.view-toggle{background:var(--color-background);border:1.5px solid var(--color-border);border-radius:var(--radius-md);display:flex;overflow:hidden}.view-btn{background:#0000;border:none;color:var(--color-text-light);cursor:pointer;font-family:inherit;font-size:.9rem;font-weight:500;padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.view-btn:not(:last-child){border-left:1px solid var(--color-border)}.view-btn:hover:not(.active){background:var(--color-card);color:var(--color-text-secondary)}.view-btn.active{background:var(--color-primary);color:var(--color-text-primary)}.refresh-btn{align-items:center;background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all var(--transition-fast);width:40px}.refresh-btn:hover:not(:disabled){background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary-dark)}.refresh-btn:disabled{cursor:not-allowed;opacity:.6}.refresh-btn .spinning{animation:spin .8s linear infinite}.add-appointment-btn{align-items:center;background:var(--color-primary);border:none;border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;display:flex;font-family:inherit;font-size:.95rem;font-weight:600;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);transition:all var(--transition-fast)}.add-appointment-btn:hover{background:var(--color-primary-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.settings-btn{align-items:center;background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;height:44px;justify-content:center;transition:all var(--transition-fast);width:44px}.settings-btn:hover{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary-dark)}.calendar-content{display:flex;flex:1 1;gap:var(--spacing-lg);min-height:0}.calendar-main{background:var(--color-card);border:1px solid var(--color-border-light);border-radius:var(--radius-xl);flex:1 1;overflow:hidden}.calendar-loading,.calendar-main{display:flex;flex-direction:column}.calendar-loading{align-items:center;color:var(--color-text-secondary);gap:var(--spacing-md);height:100%;justify-content:center}.loading-spinner{animation:spin .8s linear infinite;border:3px solid var(--color-border-light);border-radius:50%;border-top-color:var(--color-primary);height:40px;width:40px}@media (max-width:1024px){.calendar-content{flex-direction:column}.calendar-page{height:auto;min-height:calc(100vh - 120px)}.calendar-main{min-height:500px}}.calendar-page.mobile{display:flex;flex-direction:column}.calendar-page.mobile .calendar-content{display:contents}.calendar-page.mobile .day-summary{margin-bottom:var(--spacing-md);max-height:none;order:1;position:relative;width:100%}.calendar-page.mobile .calendar-header{margin-bottom:var(--spacing-md);order:2}.calendar-page.mobile .calendar-main{order:3}@media (max-width:768px){.calendar-header{align-items:stretch;flex-direction:column}.header-left,.header-right{flex-wrap:wrap;justify-content:center}.calendar-header h1,.current-date-display{text-align:center;width:100%}}.forms-page{display:flex;flex-direction:column;gap:var(--spacing-lg)}.forms-page .page-header{align-items:center;display:flex;justify-content:space-between}.forms-page .header-title{align-items:center;display:flex;gap:var(--spacing-md)}.forms-page .header-title h1{color:var(--color-text-primary);font-size:1.5rem;font-weight:700;margin:0}.forms-page .header-icon{color:var(--color-primary-dark)}.forms-page .main-tabs{background:var(--color-card);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm)}.forms-page .main-tab{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;font-family:inherit;font-size:1rem;font-weight:500;gap:var(--spacing-sm);overflow:hidden;padding:var(--spacing-md) var(--spacing-xl);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.forms-page .main-tab:before{background:var(--color-primary-light);border-radius:var(--radius-md);content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s cubic-bezier(.4,0,.2,1)}.forms-page .main-tab:hover{color:var(--color-text-primary)}.forms-page .main-tab:hover:before{opacity:.5}.forms-page .main-tab.active{color:var(--color-primary-dark)}.forms-page .main-tab.active:before{opacity:1}.forms-page .main-tab .tab-count,.forms-page .main-tab span,.forms-page .main-tab svg{position:relative;z-index:1}.forms-page .tab-count{background:var(--color-background);border-radius:var(--radius-full);font-size:.8rem;font-weight:600;padding:2px 8px;transition:all .3s cubic-bezier(.4,0,.2,1)}.forms-page .main-tab.active .tab-count{background:#6366f133;color:var(--color-primary-dark)}.forms-page .content-area{animation:formTabContentFadeIn .4s cubic-bezier(.4,0,.2,1);background:var(--color-card);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}@keyframes formTabContentFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.forms-page .content-header{align-items:center;border-bottom:1px solid var(--color-border-light);display:flex;gap:var(--spacing-md);justify-content:space-between;padding:var(--spacing-lg)}.forms-page .search-box{align-items:center;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;flex:1 1;gap:var(--spacing-sm);max-width:400px;padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.forms-page .search-box:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.forms-page .search-box input{background:#0000;border:none;color:var(--color-text-primary);flex:1 1;font-family:inherit;font-size:.95rem;outline:none}.forms-page .search-box input::placeholder,.forms-page .search-box svg{color:var(--color-text-light)}.forms-page .search-box svg{flex-shrink:0}.forms-page .clear-search{align-items:center;background:var(--color-border);border:none;border-radius:var(--radius-full);color:var(--color-text-secondary);cursor:pointer;display:flex;height:20px;justify-content:center;transition:all var(--transition-fast);width:20px}.forms-page .clear-search:hover{background:var(--color-text-light);color:#fff}.forms-page .add-btn{align-items:center;background:var(--color-primary);border:none;border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;display:flex;font-family:inherit;font-size:.9rem;font-weight:600;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);transition:all var(--transition-fast);white-space:nowrap}.forms-page .add-btn:hover{background:var(--color-primary-dark)}.forms-page .add-btn-secondary{align-items:center;background:var(--color-card);border:2px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;font-family:inherit;font-size:.9rem;font-weight:500;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);transition:all var(--transition-fast)}.forms-page .add-btn-secondary:hover{border-color:var(--color-primary);color:var(--color-primary-dark)}.forms-page .items-section{min-height:400px;padding:var(--spacing-lg)}.forms-page .items-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.forms-page .item-card{background:var(--color-background);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-lg);transition:all var(--transition-fast)}.forms-page .item-card:hover{border-color:var(--color-border);box-shadow:var(--shadow-md)}.forms-page .card-header{align-items:flex-start;display:flex;gap:var(--spacing-md)}.forms-page .card-header-content{display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-xs)}.forms-page .card-header-content .card-meta,.forms-page .card-header-content .card-title{margin:0}.forms-page .card-icon{align-items:center;background:var(--color-secondary-purple-light);border-radius:var(--radius-md);color:var(--color-secondary-purple);display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.forms-page .card-icon.template-icon{background:#3b82f61f;color:#3b82f6}.forms-page .card-title{color:var(--color-text-primary);flex:1 1;font-size:1.05rem;font-weight:600;line-height:1.4;margin:0}.forms-page .card-meta{display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.forms-page .meta-item{align-items:center;color:var(--color-text-light);display:flex;font-size:.8rem;gap:4px}.forms-page .card-preview{color:var(--color-text-secondary);flex:1 1;font-size:.85rem;line-height:1.6;max-height:100px;overflow:hidden;position:relative}.forms-page .card-preview:after{background:linear-gradient(#0000,var(--color-background));bottom:0;content:"";height:30px;left:0;position:absolute;right:0}.forms-page .template-fields-summary{display:flex;flex-direction:column;gap:var(--spacing-sm)}.forms-page .fields-count{color:var(--color-text-secondary);font-size:.85rem;font-weight:500}.forms-page .fields-preview{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.forms-page .field-badge{align-items:center;background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);display:inline-flex;font-size:.75rem;gap:4px;padding:4px 10px}.forms-page .field-badge svg,.forms-page .more-fields{color:var(--color-text-light)}.forms-page .more-fields{background:var(--color-border-light);border-radius:var(--radius-sm);font-size:.75rem;padding:4px 10px}.forms-page .card-actions{border-top:1px solid var(--color-border-light);display:flex;gap:var(--spacing-xs);margin-top:auto;padding-top:var(--spacing-sm)}.forms-page .action-btn{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--color-text-light);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all var(--transition-fast);width:36px}.forms-page .action-btn:hover{background:var(--color-card);color:var(--color-text-primary)}.forms-page .action-btn.delete:hover{background:var(--color-secondary-pink-light);color:var(--color-error)}.forms-page .empty-state,.forms-page .loading-state{align-items:center;color:var(--color-text-light);display:flex;flex-direction:column;gap:var(--spacing-md);justify-content:center;padding:var(--spacing-3xl)}.forms-page .empty-state svg,.forms-page .loading-state .spinner{color:var(--color-text-light)}.forms-page .spinner{animation:spin 1s linear infinite}.forms-page .modal-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;padding:var(--spacing-lg);position:fixed;z-index:var(--z-modal)}.forms-page .modal{animation:modalIn .2s ease;background:var(--color-card);border-radius:var(--radius-lg);display:flex;flex-direction:column;max-height:90vh;overflow:hidden;width:100%}.forms-page .form-modal{max-width:800px}.forms-page .template-modal{max-width:700px}.forms-page .modal-header{align-items:center;border-bottom:1px solid var(--color-border-light);display:flex;justify-content:space-between;padding:var(--spacing-lg)}.forms-page .modal-header h3{color:var(--color-text-primary);font-size:1.1rem;font-weight:600;margin:0}.forms-page .modal-close{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all var(--transition-fast);width:32px}.forms-page .modal-close:hover{background:var(--color-background);color:var(--color-text-primary)}.forms-page .modal-body{flex:1 1;overflow-y:auto;padding:var(--spacing-lg)}.forms-page .modal-footer{border-top:1px solid var(--color-border-light);display:flex;gap:var(--spacing-sm);justify-content:flex-end;padding:var(--spacing-lg)}.forms-page .form-group{margin-bottom:var(--spacing-md)}.forms-page .form-group label{color:var(--color-text-primary);display:block;font-size:.9rem;font-weight:500;margin-bottom:var(--spacing-xs)}.forms-page .form-group label.required:after{color:var(--color-error);content:" *"}.forms-page .form-group input,.forms-page .form-group select,.forms-page .form-group textarea{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:inherit;font-size:.95rem;padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast);width:100%}.forms-page .form-group input:focus,.forms-page .form-group select:focus,.forms-page .form-group textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.forms-page .form-group input::placeholder,.forms-page .form-group textarea::placeholder{color:var(--color-text-light)}.forms-page .btn-primary{align-items:center;background:var(--color-primary);border:none;border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;display:flex;font-family:inherit;font-size:.95rem;font-weight:600;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);transition:all var(--transition-fast)}.forms-page .btn-primary:hover:not(:disabled){background:var(--color-primary-dark)}.forms-page .btn-primary:disabled{cursor:not-allowed;opacity:.6}.forms-page .btn-secondary{align-items:center;background:#0000;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;font-family:inherit;font-size:.95rem;font-weight:500;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);transition:all var(--transition-fast)}.forms-page .btn-secondary:hover{background:var(--color-background);border-color:var(--color-text-light);color:var(--color-text-primary)}.forms-page .btn-preview{align-items:center;background:var(--color-secondary-blue-light);border:none;border-radius:var(--radius-md);color:#3b82f6;cursor:pointer;display:flex;font-family:inherit;font-size:.95rem;font-weight:500;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);transition:all var(--transition-fast)}.forms-page .btn-preview:hover:not(:disabled){background:var(--color-secondary-blue);color:var(--color-text-primary)}.forms-page .btn-preview:disabled{cursor:not-allowed;opacity:.5}.form-rich-text-editor{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.form-rich-text-editor .editor-toolbar{align-items:center;background:var(--color-background);border-bottom:1px solid var(--color-border-light);display:flex;gap:var(--spacing-xs);padding:var(--spacing-sm)}.form-rich-text-editor .toolbar-btn{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all var(--transition-fast);width:32px}.form-rich-text-editor .toolbar-btn:hover{background:var(--color-card);color:var(--color-text-primary)}.form-rich-text-editor .toolbar-btn.signature-btn{background:var(--color-secondary-purple-light);color:var(--color-secondary-purple);font-size:.8rem;font-weight:500;gap:4px;padding:0 var(--spacing-sm);width:auto}.form-rich-text-editor .toolbar-btn.signature-btn:hover{background:var(--color-secondary-purple);color:#fff}.form-rich-text-editor .toolbar-divider{background:var(--color-border);height:24px;margin:0 var(--spacing-xs);width:1px}.form-rich-text-editor .toolbar-dropdown{position:relative}.form-rich-text-editor .dropdown-menu{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);margin-top:4px;min-width:120px;position:absolute;right:0;top:100%;z-index:10}.form-rich-text-editor .dropdown-item{align-items:center;background:#0000;border:none;color:var(--color-text-primary);cursor:pointer;display:flex;font-family:inherit;font-size:.9rem;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);text-align:right;width:100%}.form-rich-text-editor .dropdown-item:hover{background:var(--color-background)}.form-rich-text-editor .color-menu{padding:var(--spacing-sm)}.form-rich-text-editor .color-grid{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(4,1fr)}.form-rich-text-editor .color-btn{border:2px solid #0000;border-radius:var(--radius-sm);cursor:pointer;height:28px;transition:all var(--transition-fast);width:28px}.form-rich-text-editor .color-btn:hover{border-color:var(--color-text-primary);transform:scale(1.1)}.form-rich-text-editor .toolbar-btn.phonetic-btn{color:var(--color-primary)}.form-rich-text-editor .toolbar-btn.phonetic-btn:hover{background:var(--color-primary-light);color:var(--color-primary-dark)}.form-rich-text-editor .phonetic-menu{max-width:320px;min-width:280px;padding:0}.form-rich-text-editor .phonetic-header{background:var(--color-background);border-bottom:1px solid var(--color-border-light);padding:var(--spacing-sm) var(--spacing-md)}.form-rich-text-editor .phonetic-title{color:var(--color-text-secondary);font-size:.85rem;font-weight:600}.form-rich-text-editor .phonetic-tabs{background:var(--color-background);border-bottom:1px solid var(--color-border-light);display:flex;gap:var(--spacing-xs);padding:var(--spacing-xs)}.form-rich-text-editor .phonetic-tab{background:#0000;border:none;border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;flex:1 1;font-family:inherit;font-size:.75rem;font-weight:500;padding:var(--spacing-xs) var(--spacing-sm);transition:all var(--transition-fast)}.form-rich-text-editor .phonetic-tab:hover{background:var(--color-card);color:var(--color-text-primary)}.form-rich-text-editor .phonetic-tab.active{background:var(--color-primary);color:#fff}.form-rich-text-editor .phonetic-grid{grid-gap:2px;display:grid;gap:2px;grid-template-columns:repeat(4,1fr);max-height:200px;overflow-y:auto;padding:var(--spacing-xs)}.form-rich-text-editor .phonetic-symbol-btn{align-items:center;background:var(--color-background);border:none;border-radius:var(--radius-sm);cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:48px;padding:var(--spacing-xs);transition:all var(--transition-fast)}.form-rich-text-editor .phonetic-symbol-btn:hover{background:var(--color-primary-light)}.form-rich-text-editor .phonetic-symbol-btn .symbol{color:var(--color-text-primary);font-family:Lucida Sans Unicode,Arial Unicode MS,sans-serif;font-size:1.1rem;font-weight:600}.form-rich-text-editor .phonetic-symbol-btn .symbol-name{color:var(--color-text-light);font-size:.6rem;line-height:1.2;margin-top:2px;text-align:center}.form-rich-text-editor .phonetic-grid::-webkit-scrollbar{width:4px}.form-rich-text-editor .phonetic-grid::-webkit-scrollbar-track{background:#0000}.form-rich-text-editor .phonetic-grid::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}.form-rich-text-editor .editor-content{color:var(--color-text-primary);direction:rtl;font-size:.95rem;line-height:1.7;min-height:300px;outline:none;padding:var(--spacing-md)}.form-rich-text-editor .editor-content:empty:before{color:var(--color-text-light);content:attr(data-placeholder);pointer-events:none}.form-rich-text-editor .editor-content .text-size-normal{font-size:.95rem}.form-rich-text-editor .editor-content .text-size-subheading{display:block;font-size:1.1rem;font-weight:600;margin:var(--spacing-xs) 0}.form-rich-text-editor .editor-content .text-size-heading{display:block;font-size:1.3rem;font-weight:700;margin:var(--spacing-sm) 0 var(--spacing-xs)}.signature-placeholder{background:var(--color-background);border:2px dashed var(--color-border);border-radius:var(--radius-md);display:inline-block;margin:var(--spacing-md) 0;padding:var(--spacing-md);text-align:center;width:200px}.signature-placeholder .signature-line{background:var(--color-text-light);height:2px;margin-bottom:var(--spacing-xs);width:100%}.signature-placeholder .signature-label{color:var(--color-text-light);font-size:.8rem;font-style:italic}.forms-page .rich-text-display{color:var(--color-text-secondary);font-size:.85rem;line-height:1.6;word-break:break-word}.forms-page .rich-text-display .text-size-normal{font-size:.85rem;font-weight:400}.forms-page .rich-text-display .text-size-subheading{display:block;font-size:.95rem;font-weight:600;margin:var(--spacing-xs) 0}.forms-page .rich-text-display .text-size-heading{display:block;font-size:1.05rem;font-weight:700;margin:var(--spacing-sm) 0 var(--spacing-xs)}.template-field-builder{display:flex;flex-direction:column;gap:var(--spacing-md)}.template-field-builder .fields-list,.template-field-builder .no-fields{display:flex;flex-direction:column;gap:var(--spacing-sm)}.template-field-builder .no-fields{align-items:center;background:var(--color-background);border:2px dashed var(--color-border);border-radius:var(--radius-md);color:var(--color-text-light);justify-content:center;padding:var(--spacing-xl);text-align:center}.template-field-builder .no-fields p{font-size:.9rem;margin:0}.template-field-builder .field-item{align-items:flex-start;background:var(--color-background);border:1px solid var(--color-border-light);border-radius:var(--radius-md);display:flex;gap:var(--spacing-sm);padding:var(--spacing-md);transition:all var(--transition-fast)}.template-field-builder .field-item:hover{border-color:var(--color-border)}.template-field-builder .field-drag-handle{align-items:center;color:var(--color-text-light);cursor:grab;display:flex;justify-content:center;padding:var(--spacing-xs)}.template-field-builder .field-content{display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-sm)}.template-field-builder .field-row{display:flex;gap:var(--spacing-md)}.template-field-builder .field-input-group{flex:1 1}.template-field-builder .field-type-select{flex:0 0 140px}.template-field-builder .field-input-group label{color:var(--color-text-secondary);display:block;font-size:.8rem;font-weight:500;margin-bottom:4px}.template-field-builder .field-input-group input,.template-field-builder .field-input-group select{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);font-family:inherit;font-size:.9rem;padding:var(--spacing-sm);width:100%}.template-field-builder .field-input-group input:focus,.template-field-builder .field-input-group select:focus{border-color:var(--color-primary);outline:none}.template-field-builder .field-options{align-items:center;display:flex;gap:var(--spacing-md);padding-top:var(--spacing-sm)}.template-field-builder .required-field-toggle{align-items:center;cursor:pointer;display:inline-flex;gap:var(--spacing-sm);-webkit-user-select:none;user-select:none}.template-field-builder .required-field-toggle input[type=checkbox]{height:0;opacity:0;position:absolute;width:0}.template-field-builder .toggle-switch{background:var(--color-border);border-radius:10px;height:20px;position:relative;transition:all .2s ease;width:36px}.template-field-builder .toggle-switch:after{background:#fff;border-radius:50%;box-shadow:0 1px 3px #0003;content:"";height:16px;position:absolute;right:2px;top:2px;transition:all .2s ease;width:16px}.template-field-builder .required-field-toggle input:checked+.toggle-switch{background:var(--color-primary)}.template-field-builder .required-field-toggle input:checked+.toggle-switch:after{right:18px}.template-field-builder .toggle-label{color:var(--color-text-secondary);font-size:13px;font-weight:500}.template-field-builder .required-field-toggle:hover .toggle-switch{background:#c5c5c5;background:var(--color-border-dark,#c5c5c5)}.template-field-builder .required-field-toggle input:checked:hover+.toggle-switch{background:var(--color-primary-dark)}.template-field-builder .field-actions{display:flex;flex-direction:column;gap:2px}.template-field-builder .field-action-btn{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--color-text-light);cursor:pointer;display:flex;height:28px;justify-content:center;transition:all var(--transition-fast);width:28px}.template-field-builder .field-action-btn:hover:not(:disabled){background:var(--color-card);color:var(--color-text-primary)}.template-field-builder .field-action-btn:disabled{cursor:not-allowed;opacity:.3}.template-field-builder .field-action-btn.delete:hover{background:var(--color-secondary-pink-light);color:var(--color-error)}.template-field-builder .add-field-btn{align-items:center;background:#0000;border:2px dashed var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;font-family:inherit;font-size:.9rem;font-weight:500;gap:var(--spacing-sm);justify-content:center;padding:var(--spacing-md);transition:all var(--transition-fast)}.template-field-builder .add-field-btn:hover{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary-dark)}.template-preview-overlay{align-items:center;background:#0009;display:flex;inset:0;justify-content:center;padding:var(--spacing-lg);position:fixed;z-index:calc(var(--z-modal) + 1)}.template-preview-container{animation:modalIn .2s ease;background:var(--color-card);border-radius:var(--radius-lg);display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow:hidden;width:100%}.template-preview-container .preview-header{align-items:center;background:var(--color-secondary-blue-light);border-bottom:1px solid var(--color-border-light);display:flex;justify-content:space-between;padding:var(--spacing-lg)}.template-preview-container .preview-header h3{align-items:center;color:#3b82f6;display:flex;font-size:1rem;font-weight:600;gap:var(--spacing-sm);margin:0}.template-preview-container .preview-close{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all var(--transition-fast);width:32px}.template-preview-container .preview-close:hover{background:#0000001a;color:var(--color-text-primary)}.template-preview-container .preview-content{background:var(--color-background);flex:1 1;overflow-y:auto;padding:var(--spacing-xl)}.template-preview-container .preview-form{background:var(--color-card);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--spacing-xl)}.template-preview-container .preview-title{border-bottom:2px solid var(--color-primary);color:var(--color-text-primary);font-size:1.3rem;font-weight:700;margin:0 0 var(--spacing-xl);padding-bottom:var(--spacing-md)}.template-preview-container .preview-empty{color:var(--color-text-light);font-style:italic;padding:var(--spacing-xl);text-align:center}.template-preview-container .preview-field{margin-bottom:var(--spacing-lg)}.template-preview-container .preview-field label{color:var(--color-text-primary);display:block;font-size:.95rem;font-weight:500;margin-bottom:var(--spacing-xs)}.template-preview-container .preview-field label.required{font-weight:600}.template-preview-container .preview-field .required-mark{color:var(--color-error);margin-right:4px}.template-preview-container .preview-field input,.template-preview-container .preview-field textarea{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-light);font-family:inherit;font-size:.95rem;padding:var(--spacing-sm) var(--spacing-md);width:100%}.template-preview-container .preview-field textarea{min-height:100px;resize:vertical}.template-preview-container .preview-field textarea.long-textarea{min-height:300px}.template-preview-container .preview-checkbox{align-items:center;color:var(--color-text-secondary);display:flex;font-size:.95rem;gap:var(--spacing-sm)}.template-preview-container .preview-checkbox input{height:18px;width:18px}.template-preview-container .preview-footer{border-top:1px solid var(--color-border-light);display:flex;justify-content:flex-start;padding:var(--spacing-lg)}@media (max-width:768px){.forms-page .header-title h1{font-size:1.25rem}.forms-page .main-tabs{gap:var(--spacing-xs);padding:var(--spacing-xs)}.forms-page .main-tab{flex:1 1;font-size:.85rem;justify-content:center;padding:var(--spacing-sm) var(--spacing-xs)}.forms-page .main-tab span{display:none}.forms-page .main-tab svg{height:20px;width:20px}.forms-page .tab-count{display:none}.forms-page .content-header{flex-direction:column;gap:var(--spacing-sm)}.forms-page .search-box{max-width:none;width:100%}.forms-page .add-btn{justify-content:center;width:100%}.forms-page .items-grid{grid-template-columns:1fr}.forms-page .modal{margin:var(--spacing-md);max-height:calc(100vh - var(--spacing-xl))}.forms-page .form-modal,.forms-page .template-modal{max-width:none}.forms-page .modal-footer{flex-direction:column}.forms-page .modal-footer button{justify-content:center;width:100%}.template-field-builder .field-row{flex-direction:column}.template-field-builder .field-type-select{flex:1 1}}.forms-page .tab-count.pending-count{background:#fff7ed;background:var(--color-secondary-orange-light,#fff7ed);color:#f97316;color:var(--color-warning,#f97316)}.forms-page .main-tab.active .tab-count.pending-count{background:#f9731633;color:#f97316;color:var(--color-warning,#f97316)}.forms-page .action-btn.send-signature{color:#22c55e;color:var(--color-success,#22c55e)}.forms-page .action-btn.send-signature:hover{background:#f0fdf4;background:var(--color-secondary-green-light,#f0fdf4);color:#16a34a;color:var(--color-success-dark,#16a34a)}.forms-page .action-btn.warning:hover{background:#fff7ed;background:var(--color-secondary-orange-light,#fff7ed);color:#f97316;color:var(--color-warning,#f97316)}.forms-page .pending-link-card{border-right:4px solid #f97316;border-right:4px solid var(--color-warning,#f97316)}.forms-page .card-icon.pending-icon{background:#fff7ed;background:var(--color-secondary-orange-light,#fff7ed);color:#f97316;color:var(--color-warning,#f97316)}.forms-page .pending-link-info{background:var(--color-background);border-radius:var(--radius-sm);display:flex;flex-direction:column;font-size:.85rem;gap:var(--spacing-xs);padding:var(--spacing-sm)}.forms-page .pending-link-info .info-row{align-items:center;display:flex;justify-content:space-between}.forms-page .pending-link-info .info-label{color:var(--color-text-light)}.forms-page .pending-link-info .info-value{color:var(--color-text-primary);font-weight:500}.forms-page .pending-link-info .sms-status.sent{color:#22c55e;color:var(--color-success,#22c55e)}.forms-page .pending-link-info .sms-status.failed{color:#ef4444;color:var(--color-error,#ef4444)}.forms-page .pending-link-info .sms-status.pending{color:#f97316;color:var(--color-warning,#f97316)}.forms-page .meta-item.patient-name{color:var(--color-text-primary);font-weight:500}.forms-page .empty-hint{color:var(--color-text-light);font-size:.85rem;margin-top:var(--spacing-xs)}.forms-page .send-form-modal{max-width:550px}.forms-page .send-form-info{align-items:center;background:var(--color-secondary-purple-light);border-radius:var(--radius-md);display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}.forms-page .send-form-info svg{color:var(--color-secondary-purple);flex-shrink:0}.forms-page .send-form-info span{color:var(--color-text-primary);font-weight:600}.forms-page .patient-search-container{display:flex;flex-direction:column;gap:var(--spacing-sm)}.forms-page .patient-search-input{align-items:center;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.forms-page .patient-search-input:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.forms-page .patient-search-input input{background:#0000;border:none;color:var(--color-text-primary);flex:1 1;font-family:inherit;font-size:.95rem;outline:none}.forms-page .patient-search-input input::placeholder{color:var(--color-text-light)}.forms-page .patient-search-input svg{color:var(--color-text-light);flex-shrink:0}.forms-page .patient-list{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);max-height:200px;overflow-y:auto}.forms-page .patient-list-loading{align-items:center;color:var(--color-text-light);display:flex;gap:var(--spacing-sm);justify-content:center;padding:var(--spacing-lg)}.forms-page .no-patients{color:var(--color-text-light);padding:var(--spacing-lg);text-align:center}.forms-page .patient-item{align-items:center;border-bottom:1px solid var(--color-border-light);cursor:pointer;display:flex;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.forms-page .patient-item:last-child{border-bottom:none}.forms-page .patient-item:hover{background:var(--color-background)}.forms-page .patient-item.selected{background:var(--color-primary-light);border-color:var(--color-primary)}.forms-page .patient-item-info{display:flex;flex-direction:column;gap:2px}.forms-page .patient-item .patient-name{color:var(--color-text-primary);font-size:.95rem;font-weight:600}.forms-page .patient-item .patient-phone{color:var(--color-text-secondary);font-size:.85rem}.forms-page .patient-item .patient-id{align-items:center;color:var(--color-text-light);display:flex;font-size:.8rem;gap:4px}.forms-page .form-group textarea{font-family:inherit;min-height:100px;resize:vertical}.forms-page .template-help{color:var(--color-text-light);direction:ltr;font-size:.8rem;margin-top:var(--spacing-xs);text-align:right}.forms-page .send-btn{background:#22c55e;background:var(--color-success,#22c55e)}.forms-page .send-btn:hover:not(:disabled){background:#16a34a;background:var(--color-success-dark,#16a34a)}.forms-page .patient-list::-webkit-scrollbar{width:6px}.forms-page .patient-list::-webkit-scrollbar-track{background:#0000}.forms-page .patient-list::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}.forms-page .patient-list::-webkit-scrollbar-thumb:hover{background:var(--color-text-light)}.form-rich-text-editor .toolbar-btn.patient-field-btn{background:var(--color-secondary-blue-light);color:#3b82f6;font-size:.8rem;font-weight:500;gap:4px;padding:0 var(--spacing-sm);width:auto}.form-rich-text-editor .toolbar-btn.patient-field-btn:hover{background:#3b82f6;color:#fff}.form-rich-text-editor .toolbar-btn.signature-date-btn{background:#fff7ed;background:var(--color-secondary-orange-light,#fff7ed);color:#f97316;color:var(--color-warning,#f97316);font-size:.8rem;font-weight:500;gap:4px;padding:0 var(--spacing-sm);width:auto}.form-rich-text-editor .toolbar-btn.signature-date-btn:hover{background:#f97316;background:var(--color-warning,#f97316);color:#fff}.form-rich-text-editor .patient-field-menu{max-width:320px;min-width:260px;padding:0}.form-rich-text-editor .patient-field-header{background:var(--color-background);border-bottom:1px solid var(--color-border-light);padding:var(--spacing-sm) var(--spacing-md)}.form-rich-text-editor .patient-field-title{color:var(--color-text-primary);display:block;font-size:.9rem;font-weight:600;margin-bottom:2px}.form-rich-text-editor .patient-field-hint{color:var(--color-text-light);display:block;font-size:.75rem}.form-rich-text-editor .patient-field-list{max-height:240px;overflow-y:auto}.form-rich-text-editor .patient-field-item{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;font-family:inherit;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);text-align:right;transition:all var(--transition-fast);width:100%}.form-rich-text-editor .patient-field-item:hover{background:var(--color-background)}.form-rich-text-editor .patient-field-item .field-label{color:var(--color-text-primary);font-size:.9rem}.form-rich-text-editor .patient-field-item .field-preview{background:var(--color-secondary-blue-light);border-radius:var(--radius-sm);color:#3b82f6;font-size:.8rem;padding:2px 8px}.patient-field-placeholder{background:var(--color-secondary-blue-light);color:#3b82f6}.patient-field-placeholder,.signature-date-placeholder{border-radius:var(--radius-sm);cursor:default;display:inline;font-size:.9em;font-weight:500;padding:2px 8px;-webkit-user-select:none;user-select:none}.signature-date-placeholder{background:#fff7ed;background:var(--color-secondary-orange-light,#fff7ed);color:#f97316;color:var(--color-warning,#f97316)}.forms-page .card-preview .patient-field-placeholder,.forms-page .card-preview .signature-date-placeholder{font-size:.8em;padding:1px 6px}.forms-page .missing-fields-error{background:var(--color-secondary-pink-light);border:1px solid var(--color-error);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);padding:var(--spacing-md)}.forms-page .missing-fields-error .error-title{align-items:center;color:var(--color-error);display:flex;font-weight:600;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.forms-page .missing-fields-error .missing-list{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);list-style:none;margin:0;padding:0}.forms-page .missing-fields-error .missing-item{align-items:center;background:#fff;border-radius:var(--radius-sm);color:var(--color-error);display:inline-flex;font-size:.85rem;padding:4px 10px}.forms-page .questionnaire-card .card-icon.questionnaire-icon{background:#f5f3ff;background:var(--color-secondary-purple-light,#f5f3ff);color:#8b5cf6}.forms-page .questionnaire-card .card-icon.questionnaire-icon.draft{background:#fff7ed;background:var(--color-secondary-orange-light,#fff7ed);color:#f97316;color:var(--color-warning,#f97316)}.forms-page .questionnaire-card .card-icon.questionnaire-icon.sent{background:#ecfdf5;background:var(--color-secondary-green-light,#ecfdf5);color:#22c55e;color:var(--color-success,#22c55e)}.forms-page .status-badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:.75rem;font-weight:600;padding:3px 10px}.forms-page .status-badge.draft{background:#fff7ed;background:var(--color-secondary-orange-light,#fff7ed);color:#f97316;color:var(--color-warning,#f97316)}.forms-page .status-badge.sent{background:#ecfdf5;background:var(--color-secondary-green-light,#ecfdf5);color:#22c55e;color:var(--color-success,#22c55e)}.forms-page .questionnaire-summary{background:var(--color-background);border-radius:var(--radius-md);margin-top:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md)}.forms-page .questionnaire-summary .summary-row{display:flex;font-size:.85rem;justify-content:space-between;padding:4px 0}.forms-page .questionnaire-summary .summary-label{color:var(--color-text-secondary)}.forms-page .questionnaire-summary .summary-value{color:var(--color-text-primary);font-weight:500}.forms-page .questionnaire-modal{display:flex;flex-direction:column;max-height:90vh;max-width:700px;overflow:hidden}.forms-page .questionnaire-modal .modal-body{flex:1 1;overflow-y:auto;padding:var(--spacing-xl)}.forms-page .patients-selection-header{align-items:center;border-bottom:1px solid var(--color-border-light);display:flex;justify-content:space-between;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md)}.forms-page .selection-info{color:var(--color-text-secondary);font-size:.9rem}.forms-page .selection-info strong{color:var(--color-primary-dark)}.forms-page .selection-actions{display:flex;gap:var(--spacing-md)}.forms-page .btn-link{background:none;border:none;color:var(--color-primary-dark);cursor:pointer;font-family:inherit;font-size:.9rem;font-weight:500;padding:0;text-decoration:underline}.forms-page .btn-link:hover{color:var(--color-primary)}.forms-page .questionnaire-patient-list{max-height:400px;overflow-y:auto}.forms-page .patient-item.selectable{align-items:center;cursor:pointer;display:flex;gap:var(--spacing-md)}.forms-page .patient-item.selectable:hover{background:var(--color-background)}.forms-page .patient-item.selectable.selected{background:var(--color-primary-light);border-color:var(--color-primary)}.forms-page .patient-checkbox{flex-shrink:0}.forms-page .patient-checkbox .check-icon{color:var(--color-primary-dark)}.forms-page .patient-checkbox .unchecked-circle{border:2px solid var(--color-border);border-radius:50%;height:20px;width:20px}.forms-page .questionnaire-status-overview{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(3,1fr);margin-bottom:var(--spacing-xl)}.forms-page .status-card{align-items:center;background:var(--color-card);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);display:flex;gap:var(--spacing-md);padding:var(--spacing-lg)}.forms-page .status-card.pending{border-color:var(--color-border)}.forms-page .status-card.pending svg{color:#9ca3af}.forms-page .status-card.viewed{background:#fff7ed;background:var(--color-secondary-orange-light,#fff7ed);border-color:#f97316;border-color:var(--color-warning,#f97316)}.forms-page .status-card.viewed svg{color:#f97316;color:var(--color-warning,#f97316)}.forms-page .status-card.completed{background:#ecfdf5;background:var(--color-secondary-green-light,#ecfdf5);border-color:#22c55e;border-color:var(--color-success,#22c55e)}.forms-page .status-card.completed svg{color:#22c55e;color:var(--color-success,#22c55e)}.forms-page .status-info{display:flex;flex-direction:column}.forms-page .status-count{color:var(--color-text-primary);font-size:1.5rem;font-weight:700;line-height:1}.forms-page .status-label{color:var(--color-text-secondary);font-size:.8rem;margin-top:4px}.forms-page .questionnaire-patient-tabs{border-bottom:1px solid var(--color-border-light);display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md)}.forms-page .patient-tab{align-items:center;background:var(--color-card);border:1px solid var(--color-border-light);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;font-family:inherit;font-size:.85rem;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.forms-page .patient-tab:hover{background:var(--color-background);border-color:var(--color-border)}.forms-page .patient-tab.active{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary-dark)}.forms-page .tab-name{font-weight:500}.forms-page .tab-status-icon{align-items:center;display:flex}.forms-page .tab-status-icon.pending{color:#9ca3af}.forms-page .tab-status-icon.viewed{color:#f97316;color:var(--color-warning,#f97316)}.forms-page .tab-status-icon.completed{color:#22c55e;color:var(--color-success,#22c55e)}.forms-page .questionnaire-response-content{background:var(--color-background);border-radius:var(--radius-lg);min-height:200px;padding:var(--spacing-lg)}.forms-page .response-empty{align-items:center;color:var(--color-text-secondary);display:flex;flex-direction:column;justify-content:center;padding:var(--spacing-xxl)}.forms-page .response-empty svg{color:var(--color-text-light);margin-bottom:var(--spacing-md)}.forms-page .response-empty p{margin:0;text-align:center}.forms-page .response-empty .viewed-date{color:var(--color-text-light);font-size:.85rem;margin-top:var(--spacing-sm)}.forms-page .response-fields{display:flex;flex-direction:column;gap:var(--spacing-md)}.forms-page .response-fields .completed-date{color:#22c55e;color:var(--color-success,#22c55e);font-size:.85rem;margin-bottom:var(--spacing-sm)}.forms-page .response-field{background:var(--color-card);border:1px solid var(--color-border-light);border-radius:var(--radius-md);padding:var(--spacing-md)}.forms-page .response-field label{color:var(--color-text-secondary);display:block;font-size:.85rem;font-weight:600;margin-bottom:var(--spacing-xs)}.forms-page .response-field .field-value{color:var(--color-text-primary);font-size:.95rem;margin:0;white-space:pre-wrap}.forms-page .response-field .checkbox-value{align-items:center;border-radius:var(--radius-sm);display:inline-flex;font-size:.85rem;font-weight:500;padding:4px 12px}.forms-page .response-field .checkbox-value.checked{background:#ecfdf5;background:var(--color-secondary-green-light,#ecfdf5);color:#22c55e;color:var(--color-success,#22c55e)}.forms-page .no-patient-selected,.forms-page .response-field .checkbox-value:not(.checked){background:var(--color-background);color:var(--color-text-secondary)}.forms-page .no-patient-selected{align-items:center;border-radius:var(--radius-lg);display:flex;flex-direction:column;justify-content:center;padding:var(--spacing-xxl)}.forms-page .no-patient-selected svg{color:var(--color-text-light);margin-bottom:var(--spacing-md)}.forms-page .no-patient-selected p{margin:0}.forms-page .btn-draft{align-items:center;background:#0000;border:2px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;font-family:inherit;font-size:.95rem;font-weight:500;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);transition:all var(--transition-fast)}.forms-page .btn-draft:hover:not(:disabled){border-color:var(--color-text-secondary);color:var(--color-text-primary)}.forms-page .btn-draft:disabled{cursor:not-allowed;opacity:.5}.forms-page .send-questionnaire-btn{background:#22c55e!important;background:var(--color-success,#22c55e)!important}.forms-page .send-questionnaire-btn:hover:not(:disabled){background:#16a34a!important}@media (max-width:768px){.forms-page .questionnaire-status-overview{gap:var(--spacing-sm);grid-template-columns:1fr}.forms-page .status-card{padding:var(--spacing-md)}.forms-page .questionnaire-modal{border-radius:0;max-height:100vh;max-width:100%}.forms-page .patients-selection-header{flex-direction:column;gap:var(--spacing-sm)}}.finance-page{margin:0 auto;max-width:1400px;padding:var(--spacing-lg)}.finance-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-xl)}.finance-header-title{align-items:center;display:flex;gap:var(--spacing-md)}.finance-header h1{align-items:center;color:var(--color-text-primary);display:flex;font-size:1.75rem;font-weight:600;gap:var(--spacing-sm);margin:0}.finance-header h1 svg{color:var(--color-primary)}.finance-info-trigger{position:relative}.info-btn{align-items:center;background:linear-gradient(135deg,#4dd9b426,#34d3991a);border:1px solid #4dd9b44d;border-radius:var(--radius-full);color:var(--color-primary-dark);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .3s ease;width:36px}.info-btn:hover{background:linear-gradient(135deg,#4dd9b440,#34d39933);border-color:var(--color-primary);box-shadow:0 4px 12px #4dd9b440;transform:scale(1.05)}.finance-info-tooltip{animation:tooltipSlideIn .25s ease-out;background:#fff;border-radius:var(--radius-lg);box-shadow:0 10px 40px #00000026,0 0 0 1px #0000000d;overflow:hidden;position:absolute;right:0;top:calc(100% + 12px);width:380px;z-index:100}@keyframes tooltipSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.tooltip-header{align-items:center;background:linear-gradient(135deg,#4dd9b41a,#34d3990d);border-bottom:1px solid #4dd9b433;display:flex;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg)}.tooltip-header svg{color:var(--color-primary-dark)}.tooltip-header span{color:var(--color-text-primary);font-size:.95rem;font-weight:600}.tooltip-content{padding:var(--spacing-md) var(--spacing-lg)}.tooltip-content p{color:var(--color-text-secondary);font-size:.85rem;line-height:1.6;margin:0 0 var(--spacing-sm) 0}.tooltip-content p:last-child{margin-bottom:0}.tooltip-content strong{color:var(--color-text-primary);font-weight:600}.tooltip-content ul{margin:var(--spacing-xs) 0 var(--spacing-sm) 0;padding-right:var(--spacing-lg)}.tooltip-content li{color:var(--color-text-secondary);font-size:.8rem;line-height:1.5;margin-bottom:4px}.tooltip-content li::marker{color:var(--color-primary)}.finance-header-actions{align-items:center;display:flex;gap:var(--spacing-md)}.add-income-btn{align-items:center;background:var(--color-primary);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);transition:all .2s ease}.add-income-btn:hover{background:var(--color-primary-dark);transform:translateY(-1px)}.month-selector{align-items:center;background:var(--color-background-secondary);border-radius:var(--radius-md);display:flex;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm)}.month-selector button{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.month-selector button:hover{background:var(--color-background);color:var(--color-text-primary)}.month-selector span{color:var(--color-text-primary);font-size:.95rem;font-weight:500;min-width:120px;text-align:center}.finance-stats-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(3,1fr);margin-bottom:var(--spacing-xl)}.finance-stat-card{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:var(--spacing-sm);overflow:hidden;padding:var(--spacing-lg);position:relative;transition:transform .2s ease,box-shadow .2s ease}.finance-stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.finance-stat-card:before{border-radius:50%;bottom:0;content:"";height:80px;left:0;opacity:.1;position:absolute;transform:translate(-20%,30%);width:80px}.finance-stat-card.income:before{background:var(--color-success)}.finance-stat-card.expected:before{background:var(--color-primary)}.finance-stat-card.pending:before{background:var(--color-warning)}.stat-card-header{align-items:center;display:flex;gap:var(--spacing-sm)}.stat-card-icon{align-items:center;border-radius:var(--radius-md);display:flex;height:40px;justify-content:center;width:40px}.finance-stat-card.income .stat-card-icon{background:#22c55e1a;color:var(--color-success)}.finance-stat-card.expected .stat-card-icon{background:#4dd9b41a;color:var(--color-primary)}.finance-stat-card.pending .stat-card-icon{background:#f59e0b1a;color:var(--color-warning)}.stat-card-label{color:var(--color-text-secondary);font-size:.85rem;font-weight:500}.stat-card-value{color:var(--color-text-primary);font-size:2rem;font-weight:700}.finance-stat-card.income .stat-card-value{color:var(--color-success)}.finance-stat-card.expected .stat-card-value{color:var(--color-primary)}.finance-stat-card.pending .stat-card-value{color:var(--color-warning)}.stat-card-subtitle{align-items:center;color:var(--color-text-muted);display:flex;font-size:.8rem;gap:var(--spacing-xs)}.stat-card-subtitle svg{flex-shrink:0}.invoices-summary-row{align-items:center;background:linear-gradient(135deg,#ff6b350f,#f7931e0a);border:1px solid #f7931e33;border-radius:var(--radius-md);display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:space-between;margin-bottom:var(--spacing-xl);padding:var(--spacing-md) var(--spacing-lg)}.invoices-summary-info{align-items:center;display:flex;gap:var(--spacing-sm)}.invoices-summary-info svg{color:#f7931e}.invoices-summary-label{color:var(--color-text-secondary);font-size:.85rem;font-weight:500}.invoices-summary-value{color:#f7931e;font-size:1rem;font-weight:700}.invoices-summary-count{color:var(--color-text-muted);font-size:.8rem}.mismatch-alert{align-items:center;animation:alertPulse 2s ease-in-out infinite;background:#ef44441a;border:1px solid #ef444433;border-radius:var(--radius-md);color:var(--color-error);display:flex;font-size:.8rem;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm)}@keyframes alertPulse{0%,to{box-shadow:0 0 0 0 #ef444400}50%{box-shadow:0 0 8px #ef444426}}.mismatch-alert svg{flex-shrink:0}.finance-content-grid{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:1fr 380px}.collection-tracker{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.collection-tracker-header{align-items:center;border-bottom:1px solid var(--color-border-light);display:flex;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg)}.collection-tracker-header h2{align-items:center;color:var(--color-text-primary);display:flex;font-size:1.1rem;font-weight:600;gap:var(--spacing-sm)}.collection-tracker-header h2 svg{color:var(--color-warning)}.collection-badge{background:var(--color-warning);border-radius:var(--radius-full);color:#fff;font-size:.75rem;font-weight:600;padding:2px 8px}.collection-filters{-webkit-overflow-scrolling:touch;background:var(--color-background-secondary);display:flex;gap:var(--spacing-xs);overflow-x:auto;padding:var(--spacing-sm) var(--spacing-lg)}.filter-btn{border:none;border-radius:var(--radius-sm);padding:var(--spacing-xs) var(--spacing-sm);transition:all .2s ease}.filter-btn:hover{background:var(--color-background)}.filter-btn.active{background:var(--color-primary)}.collection-list{-webkit-overflow-scrolling:touch;max-height:500px;overflow-y:auto}.collection-item{align-items:center;border-bottom:1px solid var(--color-border-light);display:flex;padding:var(--spacing-md) var(--spacing-lg);transition:background .2s ease}.collection-item:hover{background:var(--color-background-secondary)}.collection-item:last-child{border-bottom:none}.collection-item-info{display:flex;flex:1 1;flex-direction:column;gap:2px}.collection-item-name{color:var(--color-text-primary);font-size:.95rem;font-weight:500}.collection-item-date{color:var(--color-text-muted);font-size:.8rem}.collection-item-amount{color:var(--color-text-primary);font-size:1rem;font-weight:600;margin-left:var(--spacing-md)}.collection-item-status{align-items:center;border-radius:var(--radius-sm);display:flex;font-size:.75rem;gap:4px;margin-left:var(--spacing-sm);padding:4px 8px}.collection-item-status.pending{background:#f59e0b1a;color:var(--color-warning)}.collection-item-status.debt{background:#ef44441a;color:var(--color-error)}.collection-item-status.partial{background:#3b82f61a;color:var(--color-info)}.collection-item-actions{display:flex;gap:var(--spacing-xs);margin-right:var(--spacing-sm)}.action-btn.pay{background:#22c55e1a;color:var(--color-success)}.action-btn.pay:hover{background:var(--color-success);color:#fff}.action-btn.reminder{background:#3b82f61a;color:var(--color-info)}.action-btn.reminder:hover{background:var(--color-info);color:#fff}.collection-empty{align-items:center;color:var(--color-text-muted);display:flex;flex-direction:column;justify-content:center;padding:var(--spacing-xxl)}.collection-empty svg{color:var(--color-success);margin-bottom:var(--spacing-md)}.collection-empty p{font-size:.95rem}.upcoming-payments{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.upcoming-header{align-items:center;border-bottom:1px solid var(--color-border-light);display:flex;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg)}.upcoming-header h2{align-items:center;color:var(--color-text-primary);display:flex;font-size:1.1rem;font-weight:600;gap:var(--spacing-sm)}.upcoming-header h2 svg{color:var(--color-primary)}.upcoming-list{-webkit-overflow-scrolling:touch;max-height:500px;overflow-y:auto}.upcoming-day-group{border-bottom:1px solid var(--color-border-light)}.upcoming-day-group:last-child{border-bottom:none}.upcoming-day-header{background:var(--color-background-secondary);color:var(--color-text-secondary);font-size:.85rem;font-weight:600;gap:var(--spacing-xs)}.upcoming-day-header,.upcoming-item{align-items:center;display:flex;padding:var(--spacing-sm) var(--spacing-lg)}.upcoming-item{gap:var(--spacing-sm)}.upcoming-item-time{color:var(--color-text-muted);font-size:.85rem;min-width:45px}.upcoming-item-name{color:var(--color-text-primary);flex:1 1;font-size:.9rem}.upcoming-item-amount{color:var(--color-primary);font-size:.9rem;font-weight:600}.upcoming-item-amount.no-rate{color:var(--color-text-muted);font-size:.8rem;font-weight:400}.upcoming-summary{background:linear-gradient(135deg,#4dd9b41a,#4dd9b40d);border-top:1px solid var(--color-border-light);padding:var(--spacing-md) var(--spacing-lg)}.upcoming-summary-row{align-items:center;display:flex;font-size:.9rem;justify-content:space-between}.upcoming-summary-row:first-child{margin-bottom:var(--spacing-xs)}.upcoming-summary-row.total{color:var(--color-text-primary);font-weight:600}.upcoming-summary-row.note{color:var(--color-text-muted);font-size:.8rem}.upcoming-empty{align-items:center;color:var(--color-text-muted);display:flex;flex-direction:column;justify-content:center;padding:var(--spacing-xl)}.upcoming-empty svg{color:var(--color-text-muted);margin-bottom:var(--spacing-sm)}.payment-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:var(--spacing-md);position:fixed;right:0;top:0;z-index:1000}.payment-modal{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:420px;width:100%}.payment-modal-header{align-items:center;border-bottom:1px solid var(--color-border-light);display:flex;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg)}.payment-modal-header h3{color:var(--color-text-primary);font-size:1.1rem;font-weight:600}.payment-modal-close{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.payment-modal-close:hover{background:var(--color-background-secondary);color:var(--color-text-primary)}.payment-modal-body{padding:var(--spacing-lg)}.payment-info{background:var(--color-background-secondary);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);padding:var(--spacing-md)}.payment-info-row{align-items:center;display:flex;font-size:.9rem;justify-content:space-between}.payment-info-row:not(:last-child){margin-bottom:var(--spacing-xs)}.payment-info-row span:first-child{color:var(--color-text-secondary)}.payment-info-row span:last-child{color:var(--color-text-primary);font-weight:500}.payment-form-group{margin-bottom:var(--spacing-md)}.payment-form-group label{color:var(--color-text-secondary);display:block;font-size:.85rem;font-weight:500;margin-bottom:var(--spacing-xs)}.payment-input-wrapper{position:relative}.payment-input-wrapper .currency-symbol{color:var(--color-text-muted);font-size:.9rem;position:absolute;right:var(--spacing-sm);top:50%;transform:translateY(-50%)}.payment-input-wrapper input{border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:.95rem;padding:var(--spacing-sm) var(--spacing-md);padding-right:var(--spacing-xl);transition:border-color .2s ease;width:100%}.payment-input-wrapper input:focus{border-color:var(--color-primary);outline:none}.payment-method-grid{grid-gap:var(--spacing-xs);display:grid;gap:var(--spacing-xs);grid-template-columns:repeat(3,1fr)}.payment-method-btn{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;font-size:.85rem;padding:var(--spacing-sm);transition:all .2s ease}.payment-method-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.payment-method-btn.selected{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.payment-modal-footer{border-top:1px solid var(--color-border-light);display:flex;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg)}.payment-modal-footer button{border:none;border-radius:var(--radius-md);cursor:pointer;flex:1 1;font-size:.95rem;font-weight:500;padding:var(--spacing-sm) var(--spacing-md);transition:all .2s ease}.payment-modal-footer .cancel-btn{background:var(--color-background-secondary);color:var(--color-text-secondary)}.payment-modal-footer .cancel-btn:hover{background:var(--color-background)}.payment-modal-footer .confirm-btn{background:var(--color-success);color:#fff}.payment-modal-footer .confirm-btn:hover{background:var(--color-success-dark)}.payment-modal-footer .confirm-btn:disabled{cursor:not-allowed;opacity:.5}.finance-loading{align-items:center;color:var(--color-text-muted);display:flex;flex-direction:column;justify-content:center;padding:var(--spacing-xxl)}.finance-loading .spinner{animation:spin 1s linear infinite;margin-bottom:var(--spacing-md)}@media (max-width:1024px){.finance-content-grid{grid-template-columns:1fr}.upcoming-payments{order:-1}}@media (max-width:768px){.finance-page{padding:var(--spacing-md)}.finance-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-md)}.finance-header-title{justify-content:space-between;width:100%}.finance-header h1{font-size:1.5rem}.finance-info-tooltip{right:-50px;width:300px}.finance-stats-grid{gap:var(--spacing-md);grid-template-columns:1fr}.finance-stat-card{align-items:center;flex-direction:row;gap:var(--spacing-md)}.stat-card-header{align-items:flex-start;flex-direction:column}.stat-card-value{font-size:1.5rem}.invoices-summary-row{align-items:flex-start;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md)}.invoices-summary-info{flex-wrap:wrap}.mismatch-alert{width:100%}.collection-item{flex-wrap:wrap}.collection-item-actions{justify-content:flex-end;margin-right:0;margin-top:var(--spacing-sm);width:100%}.payment-method-grid{grid-template-columns:repeat(2,1fr)}}.debtors-widget{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);grid-column:1/-1;margin-bottom:var(--spacing-md);padding:var(--spacing-md)}.debtors-widget-header{align-items:center;display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.debtors-widget-header svg{color:var(--color-error)}.debtors-widget-header h3{color:var(--color-error);font-size:.95rem;font-weight:600;margin:0}.debtors-count{background:var(--color-error);border-radius:var(--radius-full);color:#fff;font-size:.75rem;font-weight:600;margin-right:auto;padding:2px 8px}.debtors-list{flex-wrap:wrap}.debtor-item,.debtors-list{display:flex;gap:var(--spacing-sm)}.debtor-item{align-items:center;background:var(--color-background-secondary);border-radius:var(--radius-md);font-size:.85rem;padding:var(--spacing-xs) var(--spacing-sm)}.debtor-info{align-items:center;display:flex;gap:var(--spacing-xs)}.debtor-info svg{color:var(--color-text-muted)}.debtor-name{color:var(--color-text-primary);font-weight:500}.debtor-sessions{color:var(--color-text-muted);font-size:.75rem}.debtor-amount{color:var(--color-danger);font-weight:600;margin-right:var(--spacing-xs)}.debtors-more{align-items:center;color:var(--color-text-muted);display:flex;font-size:.8rem;padding:var(--spacing-xs) var(--spacing-sm)}.manual-income-modal{max-width:480px}.manual-income-modal .payment-modal-header h3{align-items:center;display:flex;gap:var(--spacing-sm)}.manual-income-modal .payment-modal-header h3 svg{color:var(--color-primary)}.date-input,.select-input,.text-input,.textarea-input{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:.9rem;padding:var(--spacing-sm) var(--spacing-md);transition:border-color .2s ease;width:100%}.date-input:focus,.select-input:focus,.text-input:focus,.textarea-input:focus{border-color:var(--color-primary);outline:none}.textarea-input{min-height:60px;resize:vertical}.select-input{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:left var(--spacing-sm) center;background-repeat:no-repeat;cursor:pointer;padding-left:var(--spacing-xl)}.payment-history-section{background:var(--color-card);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-xl);padding:var(--spacing-lg)}.payment-history-header{align-items:center;display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.payment-history-header svg{color:var(--color-primary-dark)}.payment-history-header h2{color:var(--color-text-primary);flex:1 1;font-size:1rem;font-weight:700;margin:0}.payment-history-count{background:var(--color-primary);border-radius:var(--radius-full);color:var(--color-text-primary);font-size:.7rem;font-weight:600;height:20px;width:20px}.payment-history-count,.payment-history-empty{align-items:center;display:flex;justify-content:center}.payment-history-empty{color:var(--color-text-light);flex-direction:column;padding:var(--spacing-xl)}.payment-history-empty svg{color:var(--color-text-light);margin-bottom:var(--spacing-sm)}.payment-history-empty p{font-size:.9rem;margin:0}.payment-history-list{-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;gap:var(--spacing-xs);max-height:320px;overflow-y:auto}.payment-history-item{align-items:center;border-radius:var(--radius-sm);display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);transition:background var(--transition-fast)}.payment-history-item:hover{background:var(--color-background)}.payment-item-amount-badge{background:#34d39926;border-radius:var(--radius-md);color:#059669;font-size:.85rem;font-weight:600;min-width:70px;padding:6px 12px;text-align:center}.payment-history-item.manual .payment-item-amount-badge{background:#a78bfa26;color:#7c3aed}.payment-item-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.payment-item-name{color:var(--color-text-primary);font-size:.9rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.payment-item-meta{align-items:center;color:var(--color-text-muted);display:flex;font-size:.75rem;gap:var(--spacing-sm)}.payment-item-meta .dot{background:var(--color-text-light);border-radius:50%;height:3px;width:3px}.payment-item-method-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.payment-item-method-dot.cash{background:#34d399}.payment-item-method-dot.credit{background:#60a5fa}.payment-item-method-dot.transfer{background:#a78bfa}.payment-item-method-dot.bit{background:#f472b6}.payment-item-method-dot.check{background:#fbbf24}.payment-item-method-dot.other{background:#9ca3af}.payment-item-invoice{align-items:center;display:flex;justify-content:center;min-width:36px}.invoice-link{align-items:center;background:linear-gradient(135deg,#ff6b351a,#f7931e14);border-radius:var(--radius-sm);color:#f7931e;display:flex;gap:2px;padding:6px 8px;text-decoration:none;transition:all .2s ease}.invoice-link:hover{background:linear-gradient(135deg,#ff6b3533,#f7931e26);box-shadow:0 2px 8px #f7931e33;transform:scale(1.05)}.invoice-link svg:first-child{color:#f7931e}.invoice-link svg:last-child{color:#f7931eb3}.no-invoice{align-items:center;color:var(--color-text-light);display:flex;justify-content:center;opacity:.5;padding:6px}@media (max-width:768px){.payment-history-section{padding:var(--spacing-md)}.payment-history-list{max-height:260px}.payment-history-item{padding:var(--spacing-sm)}.payment-item-amount-badge{font-size:.8rem;min-width:60px;padding:4px 8px}.debtors-widget{padding:var(--spacing-sm)}.debtors-list{flex-direction:column}.debtor-item{justify-content:space-between;width:100%}.add-income-btn span{display:none}.add-income-btn{padding:var(--spacing-sm)}.payment-history-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-xs)}}.tasks-reminders-page{display:flex;flex-direction:column;gap:var(--spacing-lg);max-width:100%;overflow-x:hidden}.page-header{align-items:center;display:flex;justify-content:space-between}.header-title h1{font-weight:700}.header-icon{color:var(--color-primary-dark)}.main-tabs{background:var(--color-card);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);max-width:100%;padding:var(--spacing-sm)}.main-tab,.main-tabs{display:flex;gap:var(--spacing-sm)}.main-tab{align-items:center;background:#0000;border:none;color:var(--color-text-secondary);cursor:pointer;font-family:inherit;font-size:1rem;font-weight:500;overflow:hidden;padding:var(--spacing-md) var(--spacing-xl);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.main-tab,.main-tab:before{border-radius:var(--radius-md)}.main-tab:before{background:var(--color-primary-light);content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s cubic-bezier(.4,0,.2,1)}.main-tab:hover{color:var(--color-text-primary)}.main-tab:hover:before{opacity:.5}.main-tab.active{color:var(--color-primary-dark)}.main-tab.active:before{opacity:1}.main-tab span,.main-tab svg{position:relative;z-index:1}.content-area{background:var(--color-card);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);max-width:100%;overflow:hidden}.content-area,.leads-section,.reminders-section,.tasks-section{animation:tabContentFadeIn .4s cubic-bezier(.4,0,.2,1)}.content-header{align-items:center;border-bottom:1px solid var(--color-border-light);box-sizing:border-box;display:flex;justify-content:space-between;max-width:100%;padding:var(--spacing-lg)}.content-header-spacer{flex:1 1}.scope-tabs{background:var(--color-background);border-radius:var(--radius-md);padding:var(--spacing-xs)}.scope-tab,.scope-tabs{display:flex;gap:var(--spacing-xs)}.scope-tab{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;font-family:inherit;font-size:.9rem;font-weight:500;padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.scope-tab:hover{color:var(--color-text-primary)}.scope-tab.active{background:var(--color-card);box-shadow:var(--shadow-sm);color:var(--color-primary-dark)}.add-btn{align-items:center;background:var(--color-primary);border:none;border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;display:flex;font-family:inherit;font-size:.9rem;font-weight:600;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);transition:all var(--transition-fast)}.add-btn:hover{background:var(--color-primary-dark)}.add-btn-secondary{align-items:center;background:var(--color-card);border:2px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;font-family:inherit;font-size:.9rem;font-weight:500;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);transition:all var(--transition-fast)}.add-btn-secondary:hover{border-color:var(--color-primary);color:var(--color-primary-dark)}.status-filter{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;border-bottom:1px solid var(--color-border-light);display:flex;gap:var(--spacing-sm);overflow-x:auto;padding:var(--spacing-md) var(--spacing-lg);scrollbar-width:none}.status-filter::-webkit-scrollbar{display:none}.filter-btn{align-items:center;background:#0000;border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-secondary);cursor:pointer;display:flex;font-family:inherit;font-size:.85rem;font-weight:500;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast);white-space:nowrap}.filter-btn:hover{border-color:var(--color-text-light);color:var(--color-text-primary)}.filter-btn.active{background:#2a9d7e;background:var(--filter-color,#2a9d7e);border-color:#2a9d7e;border-color:var(--filter-color,#2a9d7e);color:#fff}.filter-count{opacity:.8}.empty-state,.loading-state{color:var(--color-text-secondary);padding:var(--spacing-3xl)}.empty-state svg{color:var(--color-text-light)}.spinner{animation:spin 1s linear infinite}.tasks-section{-webkit-overflow-scrolling:touch;min-height:400px;overflow-y:auto}.tasks-list{flex-direction:column;overflow-x:hidden}.task-card,.tasks-list{display:flex;max-width:100%}.task-card{align-items:center;border-bottom:1px solid var(--color-border-light);box-sizing:border-box;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);transition:background var(--transition-fast)}.task-card:last-child{border-bottom:none}.task-card:hover{background:var(--color-background)}.task-card.completed{opacity:.6}.task-card.completed .task-title{color:var(--color-text-secondary);text-decoration:line-through}.task-status-indicator{border-radius:var(--radius-full);flex-shrink:0;height:40px;width:4px}.task-content{flex:1 1;min-width:0;overflow:hidden}.task-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.task-title{color:var(--color-text-primary);font-size:.95rem;font-weight:600;margin:0;word-break:break-word}.reminder-category,.task-category{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:.75rem;font-weight:500;gap:4px;padding:2px 8px}.task-note{align-items:flex-start;color:var(--color-text-secondary);display:flex;font-size:.85rem;gap:var(--spacing-xs);margin:var(--spacing-xs) 0 0;word-break:break-word}.task-meta{align-items:center;display:flex;gap:var(--spacing-md);margin-top:var(--spacing-xs)}.task-assignee,.task-due{align-items:center;color:var(--color-text-light);display:flex;font-size:.8rem;gap:var(--spacing-xs)}.task-due.past-due{color:var(--color-error);font-weight:500}.task-status-select{flex-shrink:0;position:relative}.task-status-select select{-webkit-appearance:none;appearance:none;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;font-family:inherit;font-size:.85rem;font-weight:500;padding:var(--spacing-sm) var(--spacing-xl) var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.task-status-select select:focus,.task-status-select select:hover{border-color:var(--color-primary)}.task-status-select select:focus{outline:none}.task-status-select .select-icon{color:var(--color-text-light);left:var(--spacing-sm);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.reminder-actions,.task-actions{align-items:center;display:flex;flex-shrink:0;gap:var(--spacing-xs)}.action-btn{align-items:center;background:#0000;color:var(--color-text-light);display:flex;height:32px;justify-content:center;transition:all var(--transition-fast);width:32px}.action-btn.delete:hover{background:var(--color-secondary-pink-light);color:var(--color-error)}.my-clinic-tasks-section{border-top:1px solid var(--color-border-light)}.section-divider{align-items:center;background:linear-gradient(90deg,var(--color-secondary-blue-light),#0000);box-sizing:border-box;color:var(--color-primary-dark);display:flex;font-size:.9rem;font-weight:600;gap:var(--spacing-sm);max-width:100%;padding:var(--spacing-md) var(--spacing-lg)}.section-divider .count-badge{background:var(--color-primary-dark);border-radius:var(--radius-full);color:#fff;font-size:.75rem;font-weight:600;margin-right:auto;padding:2px 8px}.task-card.clinic-task{background:linear-gradient(90deg,#3b82f608,#0000)}.task-clinic-badge{align-items:center;background:var(--color-secondary-blue-light);border-radius:var(--radius-sm);color:var(--color-primary-dark);display:flex;font-size:.75rem;gap:4px;padding:2px 8px}.my-clinic-reminders-section{border-top:1px solid var(--color-border-light);margin-top:var(--spacing-lg);padding-top:var(--spacing-lg)}.my-clinic-reminders-section .section-divider{margin-bottom:var(--spacing-lg)}.reminder-card.clinic-reminder{background:linear-gradient(135deg,#3b82f608,#0000);border-color:var(--color-secondary-blue-light)}.reminder-meta{align-items:center;display:flex;gap:var(--spacing-sm)}.reminder-clinic-badge{align-items:center;background:var(--color-secondary-blue-light);border-radius:var(--radius-sm);color:var(--color-primary-dark);display:flex;font-size:.75rem;gap:4px;padding:2px 8px}.reminders-section{-webkit-overflow-scrolling:touch;min-height:400px;overflow-y:auto;padding:var(--spacing-lg)}.reminders-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.reminder-card{background:var(--color-background);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-lg);transition:all var(--transition-fast)}.reminder-card:hover{border-color:var(--color-border);box-shadow:var(--shadow-md)}.reminder-header{align-items:flex-start;display:flex;gap:var(--spacing-sm);justify-content:space-between}.reminder-title{color:var(--color-text-primary);font-size:1rem;font-weight:600;margin:0}.reminder-content{color:var(--color-text-secondary);flex:1 1;font-size:.9rem;line-height:1.6;max-height:150px;overflow:hidden}.reminder-footer{align-items:center;border-top:1px solid var(--color-border-light);display:flex;justify-content:space-between;padding-top:var(--spacing-sm)}.reminder-date{color:var(--color-text-light);font-size:.8rem}.rich-text-display{color:var(--color-text-primary);font-size:.9rem;line-height:1.6;word-break:break-word}.rich-text-display .text-size-normal{font-size:.9rem;font-weight:400}.rich-text-display .text-size-subheading{display:block;font-size:1.05rem;font-weight:600;margin:var(--spacing-xs) 0}.rich-text-display .text-size-heading{display:block;font-size:1.2rem;font-weight:700;margin:var(--spacing-sm) 0 var(--spacing-xs)}.modal-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;padding:var(--spacing-lg);position:fixed;z-index:var(--z-modal)}.modal{animation:modalIn .2s ease;background:var(--color-card);border-radius:var(--radius-lg);display:flex;flex-direction:column;max-height:90vh;overflow:hidden;width:100%}@keyframes modalIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.task-modal{max-width:550px}.reminder-modal{max-width:650px}.history-modal{max-width:500px}.modal-header{align-items:center;border-bottom:1px solid var(--color-border-light);display:flex;justify-content:space-between;padding:var(--spacing-lg)}.modal-header h3{color:var(--color-text-primary);font-size:1.1rem;font-weight:600;margin:0}.modal-close{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all var(--transition-fast);width:32px}.modal-close:hover{background:var(--color-background);color:var(--color-text-primary)}.modal-body{flex:1 1;overflow-y:auto;padding:var(--spacing-lg)}.modal-footer{border-top:1px solid var(--color-border-light);display:flex;gap:var(--spacing-sm);justify-content:flex-end;padding:var(--spacing-lg)}.form-group{margin-bottom:var(--spacing-md)}.form-group label{color:var(--color-text-primary);display:block;font-size:.9rem;font-weight:500;margin-bottom:var(--spacing-xs)}.form-group label.required:after{color:var(--color-error);content:" *"}.form-group input,.form-group select,.form-group textarea{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:inherit;font-size:.95rem;padding:var(--spacing-sm) var(--spacing-md);transition:border-color var(--transition-fast);width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--color-primary);outline:none}.form-group textarea{min-height:80px;resize:vertical}.form-row{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:1fr 1fr}.btn-primary{align-items:center;background:var(--color-primary);border:none;border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;display:flex;font-family:inherit;font-size:.9rem;font-weight:600;gap:var(--spacing-sm);justify-content:center;padding:var(--spacing-sm) var(--spacing-lg);transition:all var(--transition-fast)}.btn-primary:hover:not(:disabled){background:var(--color-primary-dark)}.btn-primary:disabled{cursor:not-allowed;opacity:.6}.btn-secondary{align-items:center;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;font-family:inherit;font-size:.9rem;font-weight:500;gap:var(--spacing-sm);justify-content:center;padding:var(--spacing-sm) var(--spacing-lg);transition:all var(--transition-fast)}.btn-secondary:hover:not(:disabled){background:var(--color-card);border-color:var(--color-text-light);color:var(--color-text-primary)}.history-item-title{border-bottom:1px solid var(--color-border-light);color:var(--color-text-primary);font-size:1rem;font-weight:600;margin:0 0 var(--spacing-lg);padding-bottom:var(--spacing-md)}.history-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.history-entry{background:var(--color-background);border-radius:var(--radius-md);padding:var(--spacing-md)}.history-entry-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-sm)}.history-editor{color:var(--color-text-primary);font-size:.9rem;font-weight:600}.history-date{color:var(--color-text-light);font-size:.8rem}.history-changes{display:flex;flex-direction:column;gap:var(--spacing-xs)}.change-item{display:flex;font-size:.85rem;gap:var(--spacing-sm)}.change-field{color:var(--color-text-secondary);font-weight:500}.change-value{color:var(--color-text-primary)}.no-history{color:var(--color-text-light);padding:var(--spacing-lg);text-align:center}.leads-section{-webkit-overflow-scrolling:touch;min-height:400px;overflow-y:auto}.leads-list{flex-direction:column;overflow-x:hidden}.lead-card,.leads-list{display:flex;max-width:100%}.lead-card{align-items:center;border-bottom:1px solid var(--color-border-light);box-sizing:border-box;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);transition:background var(--transition-fast)}.lead-card:last-child{border-bottom:none}.lead-card:hover{background:var(--color-background)}.lead-status-indicator{border-radius:var(--radius-full);flex-shrink:0;height:50px;width:4px}.lead-content{cursor:pointer;flex:1 1;min-width:0;overflow:hidden}.lead-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.lead-name{color:var(--color-text-primary);font-size:.95rem;font-weight:600;margin:0;word-break:break-word}.lead-logs-badge{align-items:center;background:var(--color-secondary-purple-light);border-radius:var(--radius-full);color:var(--color-purple);display:inline-flex;font-size:.75rem;font-weight:600;gap:4px;padding:2px 8px}.lead-meta{flex-wrap:wrap;gap:var(--spacing-md);margin-top:var(--spacing-xs)}.lead-info,.lead-meta{align-items:center;display:flex}.lead-info{color:var(--color-text-light);font-size:.8rem;gap:var(--spacing-xs)}.lead-source{background:var(--color-background);border-radius:var(--radius-sm);color:var(--color-text-secondary);padding:2px 8px}.lead-details{flex-wrap:wrap;gap:var(--spacing-md);margin-top:var(--spacing-xs)}.lead-detail,.lead-details{align-items:center;display:flex}.lead-detail{color:var(--color-text-secondary);font-size:.8rem;gap:var(--spacing-xs)}.lead-status-select{flex-shrink:0;position:relative}.lead-status-select select{-webkit-appearance:none;appearance:none;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;font-family:inherit;font-size:.85rem;font-weight:500;min-width:150px;padding:var(--spacing-sm) var(--spacing-xl) var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.lead-status-select select:focus,.lead-status-select select:hover{border-color:var(--color-primary)}.lead-status-select select:focus{outline:none}.lead-status-select .select-icon{color:var(--color-text-light);left:var(--spacing-sm);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.lead-actions{align-items:center;display:flex;flex-shrink:0;gap:var(--spacing-xs)}.action-btn.convert:hover{background:var(--color-secondary-green-light);color:var(--color-success)}.lead-modal{max-width:600px}.lead-detail-modal{max-height:90vh;max-width:700px}.lead-detail-modal .modal-header{padding-top:var(--spacing-xl)}.lead-detail-header-info{align-items:center;display:flex;gap:var(--spacing-md)}.lead-detail-header-info h3{margin:0}.lead-status-badge{border-radius:var(--radius-full);color:#fff;font-size:.8rem;font-weight:600;padding:4px 12px}.lead-detail-actions{align-items:center;display:flex;gap:var(--spacing-sm)}.lead-status-dropdown{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;font-size:.85rem;min-width:140px;padding:8px 12px;transition:all var(--transition-fast)}.lead-status-dropdown:focus,.lead-status-dropdown:hover{border-color:var(--color-primary)}.lead-status-dropdown:focus{box-shadow:0 0 0 3px #4dd9b426;outline:none}.btn-convert{align-items:center;background:var(--color-secondary-green-light);border:1px solid var(--color-success);border-radius:var(--radius-md);color:var(--color-success);cursor:pointer;display:flex;font-family:inherit;font-size:.85rem;font-weight:500;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.btn-convert:hover:not(:disabled){background:var(--color-success);color:#fff}.btn-convert:disabled{cursor:not-allowed;opacity:.6}.lead-detail-body{display:flex;flex-direction:column;gap:var(--spacing-lg)}.lead-detail-section{background:var(--color-background);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.lead-detail-section h4{align-items:center;color:var(--color-text-primary);display:flex;font-size:1rem;font-weight:600;gap:var(--spacing-sm);margin:0 0 var(--spacing-md)}.lead-detail-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(2,1fr)}.lead-detail-item{align-items:center;color:var(--color-text-primary);display:flex;font-size:.9rem;gap:var(--spacing-sm)}.lead-detail-item .label{color:var(--color-text-secondary);font-weight:500}.lead-detail-notes{border-top:1px solid var(--color-border-light);margin-top:var(--spacing-md);padding-top:var(--spacing-md)}.lead-detail-notes .label{color:var(--color-text-secondary);display:block;font-size:.85rem;font-weight:500;margin-bottom:var(--spacing-xs)}.lead-detail-notes p{color:var(--color-text-primary);font-size:.9rem;line-height:1.5;margin:0}.add-log-form{border-bottom:1px solid var(--color-border-light);display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-lg)}.add-log-btn{align-self:flex-end}.development-logs-list{-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;gap:var(--spacing-md);max-height:300px;overflow-y:auto}.development-log{background:var(--color-card);border:1px solid var(--color-border-light);border-radius:var(--radius-md);padding:var(--spacing-md)}.log-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-sm)}.log-author{color:var(--color-text-primary);font-size:.9rem;font-weight:600}.log-date{color:var(--color-text-light);font-size:.8rem}.log-content{color:var(--color-text-primary);font-size:.9rem;line-height:1.6}.no-logs{align-items:center;color:var(--color-text-light);display:flex;flex-direction:column;gap:var(--spacing-sm);justify-content:center;padding:var(--spacing-xl)}.no-logs p{font-size:.9rem;margin:0}@media (max-width:768px){.tasks-reminders-page{gap:var(--spacing-md);max-width:100%;overflow-x:hidden;touch-action:pan-y}.page-header{align-items:stretch;flex-direction:column;gap:var(--spacing-sm)}.header-title h1{font-size:1.2rem}.main-tabs{flex-direction:row;gap:var(--spacing-xs);padding:var(--spacing-xs)}.main-tab{flex:1 1;font-size:.85rem;justify-content:center;padding:var(--spacing-sm) var(--spacing-xs)}.main-tab span{display:none}.main-tab svg{height:22px;width:22px}.content-area{max-width:100%;overflow-x:hidden}.content-header{align-items:stretch;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-md)}.scope-tabs{width:100%}.scope-tab{flex:1 1;font-size:.8rem;padding:var(--spacing-sm)}.add-btn,.scope-tab{justify-content:center}.add-btn{width:100%}.status-filter{gap:var(--spacing-xs);max-width:100%;padding:var(--spacing-sm) var(--spacing-md);touch-action:pan-x}.filter-btn{flex-shrink:0;font-size:.75rem;padding:var(--spacing-xs) var(--spacing-sm)}.tasks-section{max-width:100%;min-height:auto}.tasks-list,.tasks-section{overflow-x:hidden}.task-card{flex-wrap:wrap;gap:var(--spacing-sm);padding:var(--spacing-md);touch-action:pan-y}.task-content{order:1;overflow:hidden;width:100%}.task-status-indicator{height:4px;order:0;width:40px}.task-status-select{flex-shrink:0;order:2}.task-status-select select{font-size:.8rem;padding:var(--spacing-xs) var(--spacing-lg) var(--spacing-xs) var(--spacing-sm)}.task-actions{flex-shrink:0;order:3}.reminders-section{max-width:100%;min-height:auto;overflow-x:hidden;padding:var(--spacing-md)}.reminders-grid{gap:var(--spacing-md);grid-template-columns:1fr}.reminder-card{padding:var(--spacing-md)}.form-row{grid-template-columns:1fr}.modal{margin:var(--spacing-xs);max-height:95vh}.modal-header{padding:var(--spacing-md)}.modal-header h3{font-size:1rem}.modal-body,.modal-footer{padding:var(--spacing-md)}.modal-footer{flex-direction:column-reverse;gap:var(--spacing-sm)}.modal-footer .btn-primary,.modal-footer .btn-secondary{width:100%}.leads-section{max-width:100%;min-height:auto}.leads-list,.leads-section{overflow-x:hidden}.lead-card{flex-wrap:wrap;gap:var(--spacing-sm);padding:var(--spacing-md);touch-action:pan-y}.lead-content{order:1;overflow:hidden;width:100%}.lead-status-indicator{height:4px;order:0;width:40px}.lead-meta{gap:var(--spacing-sm)}.lead-info{font-size:.75rem}.lead-details{gap:var(--spacing-sm)}.lead-detail{font-size:.75rem}.lead-status-select{flex-shrink:0;order:2}.lead-status-select select{font-size:.8rem;min-width:auto;padding:var(--spacing-xs) var(--spacing-lg) var(--spacing-xs) var(--spacing-sm);width:100%}.lead-actions{flex-shrink:0;order:3}.action-btn{height:28px;width:28px}.lead-modal{max-width:100%}.lead-detail-modal{max-height:95vh;max-width:100%}.lead-detail-modal .modal-header{align-items:stretch;flex-direction:column;gap:var(--spacing-md);padding-left:48px;position:relative}.lead-detail-header-info{align-items:flex-start;flex-direction:column;gap:var(--spacing-sm)}.lead-detail-header-info h3{font-size:1.1rem}.lead-detail-actions{align-items:center;flex-direction:row;flex-wrap:wrap;gap:var(--spacing-sm);width:100%}.lead-detail-actions .lead-status-dropdown{flex:1 1;min-width:120px}.lead-detail-actions .modal-close{left:var(--spacing-md);position:absolute;top:var(--spacing-md)}.btn-convert{flex:1 1;justify-content:center}.lead-detail-body{gap:var(--spacing-md)}.lead-detail-section{padding:var(--spacing-md)}.lead-detail-section h4{font-size:.95rem}.lead-detail-grid{gap:var(--spacing-sm);grid-template-columns:1fr}.lead-detail-item{font-size:.85rem}.add-log-form{margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md)}.add-log-btn{justify-content:center;width:100%}.development-logs-list{gap:var(--spacing-sm);max-height:200px}.development-log{padding:var(--spacing-sm)}.log-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-xs)}.log-author{font-size:.85rem}.log-date{font-size:.75rem}.log-content{font-size:.85rem}.no-logs{padding:var(--spacing-lg)}}@media (max-width:768px) and (min-width:481px){.main-tab span{display:inline;font-size:.8rem}.main-tab svg{height:18px;width:18px}}@media (max-width:480px){.header-title h1{font-size:1.1rem}.main-tab{padding:var(--spacing-sm) var(--spacing-xs)}.main-tab span{display:none}.filter-btn{font-size:.7rem;padding:4px 8px}.lead-card{padding:var(--spacing-sm)}.lead-name{font-size:.9rem}.lead-logs-badge{font-size:.7rem;padding:2px 6px}.lead-status-badge{font-size:.7rem;padding:3px 8px}}.empty-page{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - 200px)}.empty-page-content{max-width:400px;padding:var(--spacing-3xl);text-align:center}.empty-icon{font-size:4rem;margin-bottom:var(--spacing-lg);opacity:.8}.empty-page-content h1{color:var(--color-text-primary);font-size:1.75rem;font-weight:700;margin-bottom:var(--spacing-md)}.empty-page-content p{color:var(--color-text-secondary);font-size:1rem;line-height:1.6;margin-bottom:var(--spacing-xl)}.coming-soon-badge{align-items:center;background:var(--color-secondary-yellow-light);border:1px solid var(--color-secondary-yellow);border-radius:var(--radius-full);color:var(--color-text-primary);display:inline-flex;font-weight:500;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg)}.admin-patients-page{display:flex;flex-direction:column;gap:var(--spacing-xl)}.admin-patients-header{align-items:flex-start;display:flex;gap:var(--spacing-lg);justify-content:space-between}.admin-patients-header .header-title h1{align-items:center;color:var(--color-text-primary);display:flex;font-size:1.75rem;font-weight:700;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.admin-patients-header .header-title h1 svg{color:var(--color-primary)}.admin-patients-header .subtitle{color:var(--color-text-secondary);font-size:.95rem}.header-stats{gap:var(--spacing-lg)}.stat-item{align-items:center;background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md)}.stat-item svg{color:var(--color-primary)}.stat-value{font-weight:700}.stat-label{color:var(--color-text-secondary);font-size:.85rem}.admin-patients-filters{align-items:center;display:flex;gap:var(--spacing-md);justify-content:space-between}.admin-patients-filters .search-form{flex:1 1;max-width:400px}.admin-patients-filters .filters-right{align-items:center;display:flex;gap:var(--spacing-md)}.admin-patients-filters .search-input-wrapper{align-items:center;display:flex;position:relative}.admin-patients-filters .search-icon{color:var(--color-text-light);pointer-events:none;position:absolute;right:var(--spacing-md)}.admin-patients-filters .search-input{background:var(--color-card);border:1.5px solid var(--color-border);border-radius:var(--radius-md);font-family:inherit;font-size:.95rem;padding:var(--spacing-sm) var(--spacing-md);padding-right:44px;transition:all var(--transition-fast);width:100%}.admin-patients-filters .search-input:focus{border-color:var(--color-primary);box-shadow:var(--shadow-focus);outline:none}.admin-patients-filters .search-input::placeholder{color:var(--color-text-light)}.admin-patients-filters .filter-wrapper{align-items:center;display:flex;position:relative}.admin-patients-filters .filter-icon{color:var(--color-text-light);pointer-events:none;position:absolute;right:var(--spacing-md)}.admin-patients-filters .status-filter{-webkit-appearance:none;appearance:none;background:var(--color-card);border:1.5px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;font-family:inherit;font-size:.95rem;min-width:160px;padding:var(--spacing-sm) var(--spacing-lg);padding-right:40px;transition:all var(--transition-fast)}.admin-patients-filters .status-filter:focus{border-color:var(--color-primary);outline:none}.admin-patients-filters .therapist-filter .status-filter{min-width:200px}.admin-info-banner{align-items:center;background:#6366f11a;border:1px solid #6366f133;border-radius:var(--radius-md);color:var(--color-primary);display:flex;font-size:.9rem;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md)}.admin-info-banner svg{flex-shrink:0}.admin-patients-page .error-message{background:#f871711a;border:1px solid #f871714d;border-radius:var(--radius-md);color:var(--color-error);font-size:.95rem;padding:var(--spacing-md) var(--spacing-lg)}@media (max-width:1024px){.admin-patients-header{flex-direction:column;gap:var(--spacing-md)}.header-stats{justify-content:flex-start;width:100%}}@media (max-width:768px){.admin-patients-filters{align-items:stretch;flex-direction:column}.admin-patients-filters .search-form{max-width:none}.admin-patients-filters .filters-right{flex-wrap:wrap}.admin-patients-filters .filter-wrapper{flex:1 1;min-width:140px}.admin-patients-filters .status-filter{min-width:0;min-width:auto;width:100%}.admin-patients-filters .therapist-filter .status-filter{min-width:0;min-width:auto}.header-stats{flex-wrap:wrap;gap:var(--spacing-sm)}.stat-item{flex:1 1;min-width:120px}}.therapist-bar{background:var(--color-card);border:1px solid var(--color-border-light);border-radius:var(--radius-xl);display:flex;flex-direction:column;flex-shrink:0;height:-webkit-fit-content;height:fit-content;max-height:calc(100vh - 180px);max-width:450px;min-width:300px;overflow:hidden;transition:all var(--transition-normal);width:350px}.therapist-bar.minimized{max-height:60px}.therapist-bar-header{align-items:center;background:var(--color-primary-light);border-bottom:1px solid var(--color-border-light);display:flex;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);position:-webkit-sticky;position:sticky;top:0;z-index:1}.therapist-info{align-items:center;display:flex;gap:var(--spacing-sm)}.therapist-avatar{align-items:center;background:var(--color-primary);border-radius:50%;color:#fff;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.avatar-initials{font-size:.85rem;font-weight:700;text-transform:uppercase}.therapist-name{color:var(--color-primary-dark);font-size:1rem;font-weight:700}.header-actions{align-items:center;display:flex;gap:var(--spacing-xs)}.calendar-view-btn{align-items:center;background:var(--color-card);border:1px solid var(--color-primary);border-radius:var(--radius-md);color:var(--color-primary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all var(--transition-fast);width:32px}.calendar-view-btn:hover{background:var(--color-primary);color:#fff}.minimize-btn{align-items:center;background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all var(--transition-fast);width:32px}.minimize-btn:hover{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.therapist-bar-content{display:flex;flex-direction:column;gap:var(--spacing-md);overflow-y:auto;padding:var(--spacing-lg)}.bar-section{display:flex;flex-direction:column;gap:var(--spacing-sm)}.bar-section.upcoming{border-top:1px solid var(--color-border-light);padding-top:var(--spacing-md)}.bar-section-header{align-items:center;color:var(--color-primary-dark);display:flex;gap:var(--spacing-xs)}.bar-section-header h4{font-size:.95rem;font-weight:700;margin:0}.bar-section.upcoming .bar-section-header{color:var(--color-text-secondary)}.bar-stats{display:flex;gap:var(--spacing-xs)}.bar-stat-item{align-items:center;background:var(--color-background);border-radius:var(--radius-md);display:flex;flex:1 1;flex-direction:column;gap:2px;padding:var(--spacing-xs) var(--spacing-sm)}.bar-stat-item.declined{background:#f871711a;color:#dc2626;flex-direction:row;gap:var(--spacing-xs);justify-content:center}.bar-stat-value{font-size:1.1rem;font-weight:700}.bar-stat-label{color:inherit;font-size:.7rem;opacity:.8}.bar-appointments-list{display:flex;flex-direction:column;overflow:hidden}.bar-appointments-list ul{display:flex;flex-direction:column;gap:var(--spacing-xs);list-style:none;margin:0;padding:0}.bar-appointment-item{align-items:center;border-radius:var(--radius-sm);border-right:3px solid #0000;cursor:pointer;display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm);transition:all var(--transition-fast)}.bar-appointment-item:hover{opacity:.85;transform:translateX(-2px)}.bar-appointment-item.cancelled{opacity:.5;text-decoration:line-through}.bar-appointment-item.status-green{background:#4dd9b41f;border-right-color:var(--color-primary)}.bar-appointment-item.status-yellow{background:#fbbf241f;border-right-color:#b45309}.bar-appointment-item.status-turquoise{background:#4dd9b41f;border-right-color:var(--color-primary)}.bar-appointment-item.status-red{background:#f871711f;border-right-color:#dc2626}.bar-day-group{margin-bottom:var(--spacing-sm)}.bar-day-group:last-child{margin-bottom:0}.bar-day-group-header{border-bottom:1px solid var(--color-border-light);color:var(--color-text-secondary);font-size:.75rem;font-weight:600;margin:0 0 var(--spacing-xs) 0;padding-bottom:var(--spacing-xs)}.bar-appointments-list.grouped{max-height:350px;overflow-y:auto}.bar-appointments-list.grouped ul{max-height:none}.bar-item-time{color:var(--color-text-secondary);flex-shrink:0;font-family:SF Mono,Fira Code,monospace;font-size:.8rem;font-weight:600;min-width:45px}.bar-item-name{color:var(--color-text-primary);flex:1 1;font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar-empty-message{color:var(--color-text-light);font-size:.85rem;margin:0;padding:var(--spacing-md);text-align:center}.bar-appointments-list.grouped::-webkit-scrollbar,.therapist-bar-content::-webkit-scrollbar{width:6px}.bar-appointments-list.grouped::-webkit-scrollbar-track,.therapist-bar-content::-webkit-scrollbar-track{background:#0000}.bar-appointments-list.grouped::-webkit-scrollbar-thumb,.therapist-bar-content::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.bar-appointments-list.grouped::-webkit-scrollbar-thumb:hover,.therapist-bar-content::-webkit-scrollbar-thumb:hover{background:var(--color-border-light)}.therapist-calendar-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:1000}.therapist-calendar-modal{background:var(--color-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;max-height:90vh;max-width:1200px;overflow:hidden;width:100%}.therapist-calendar-modal-header{align-items:center;background:var(--color-background);border-bottom:1px solid var(--color-border-light);display:flex;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg)}.therapist-calendar-modal-header .header-right{align-items:center;display:flex;gap:var(--spacing-md)}.therapist-calendar-modal-header .therapist-info{align-items:center;display:flex;gap:var(--spacing-sm)}.therapist-calendar-modal-header .therapist-avatar{align-items:center;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));border-radius:50%;color:#fff;display:flex;font-size:1rem;font-weight:700;height:44px;justify-content:center;width:44px}.therapist-calendar-modal-header .therapist-details{display:flex;flex-direction:column;gap:2px}.therapist-calendar-modal-header .therapist-details h2{color:var(--color-text-primary);font-size:1.1rem;font-weight:600;margin:0}.therapist-calendar-modal-header .therapist-email{color:var(--color-text-light);font-size:.8rem}.therapist-calendar-modal-header .header-center{flex-direction:column}.therapist-calendar-modal-header .date-navigation,.therapist-calendar-modal-header .header-center{align-items:center;display:flex;gap:var(--spacing-xs)}.therapist-calendar-modal-header .nav-btn{align-items:center;background:#0000;border:1px solid var(--color-border-light);border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all var(--transition-fast);width:32px}.therapist-calendar-modal-header .nav-btn:hover{background:var(--color-background);border-color:var(--color-primary);color:var(--color-primary)}.therapist-calendar-modal-header .today-btn{align-items:center;background:var(--color-card);border:1px solid var(--color-border-light);border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);transition:all var(--transition-fast)}.therapist-calendar-modal-header .today-btn:hover{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary)}.therapist-calendar-modal-header .current-date-display{color:var(--color-text-primary);font-size:.95rem;font-weight:600;margin:0}.therapist-calendar-modal-header .header-left{align-items:center;display:flex}.therapist-calendar-modal-header .close-btn{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--color-text-light);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all var(--transition-fast);width:40px}.therapist-calendar-modal-header .close-btn:hover{background:var(--color-error-light);color:var(--color-error)}.therapist-calendar-modal-body{flex:1 1;min-height:500px;overflow:auto}.therapist-calendar-modal-body .calendar-loading{align-items:center;color:var(--color-text-light);display:flex;flex-direction:column;gap:var(--spacing-md);height:100%;justify-content:center}.therapist-calendar-modal-body .loading-spinner{animation:spin 1s linear infinite;border:3px solid var(--color-border-light);border-radius:50%;border-top-color:var(--color-primary);height:40px;width:40px}.therapist-calendar-modal-footer{align-items:center;background:var(--color-background);border-top:1px solid var(--color-border-light);display:flex;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-lg)}.therapist-calendar-modal-footer .availability-legend{align-items:center;display:flex;gap:var(--spacing-lg)}.therapist-calendar-modal-footer .legend-item{align-items:center;display:flex;gap:var(--spacing-xs)}.therapist-calendar-modal-footer .legend-color{border-radius:var(--radius-xs);height:16px;width:16px}.therapist-calendar-modal-footer .legend-color.available{background:#bbf7d080;border:1px solid #4ade8080}.therapist-calendar-modal-footer .legend-color.past{background:repeating-linear-gradient(-45deg,var(--color-background),var(--color-background) 2px,#94a3b826 2px,#94a3b826 4px);border:1px solid var(--color-border-light)}.therapist-calendar-modal-footer .legend-label{color:var(--color-text-light);font-size:.8rem}.therapist-calendar-modal-footer .patients-info{align-items:center;background:var(--color-card);border-radius:var(--radius-sm);color:var(--color-text-secondary);display:flex;font-size:.85rem;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm)}.therapist-calendar-modal-footer .patients-info svg{color:var(--color-primary)}@media (max-width:1024px){.therapist-calendar-modal-overlay{padding:var(--spacing-md)}.therapist-calendar-modal{max-height:95vh;max-width:100%}.therapist-calendar-modal-header{flex-wrap:wrap;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md)}.therapist-calendar-modal-header .header-center{border-top:1px solid var(--color-border-light);flex-direction:row;justify-content:center;margin-top:var(--spacing-xs);order:3;padding-top:var(--spacing-sm);width:100%}}@media (max-width:768px){.therapist-calendar-modal-overlay{padding:0}.therapist-calendar-modal{border-radius:0;height:100vh;max-height:100vh;width:100%}.therapist-calendar-modal-header{gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md)}.therapist-calendar-modal-header .therapist-details h2{font-size:1rem}.therapist-calendar-modal-header .therapist-avatar{font-size:.9rem;height:36px;width:36px}.therapist-calendar-modal-header .therapist-email{display:none}.therapist-calendar-modal-header .nav-btn{height:36px;width:36px}.therapist-calendar-modal-header .today-btn{font-size:.8rem;padding:var(--spacing-xs) var(--spacing-sm)}.therapist-calendar-modal-header .current-date-display{font-size:.9rem}.therapist-calendar-modal-body{flex:1 1;min-height:0}.therapist-calendar-modal-footer{flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-sm)}.therapist-calendar-modal-footer .availability-legend{flex-wrap:wrap;gap:var(--spacing-md);justify-content:center}}.room-bar{background:linear-gradient(135deg,#8b5cf608,#8b5cf614);border:1px solid #8b5cf633;border-radius:var(--radius-xl);display:flex;flex-direction:column;flex-shrink:0;max-width:380px;min-width:320px;overflow:hidden;transition:all .3s ease}.room-bar:hover{border-color:#8b5cf666;box-shadow:0 4px 12px #8b5cf61a}.room-bar.minimized{max-width:auto;min-width:auto}.room-bar-header{align-items:center;background:linear-gradient(135deg,#8b5cf61a,#8b5cf626);border-bottom:1px solid #8b5cf626;display:flex;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg)}.room-bar .room-info{align-items:center;display:flex;flex:1 1;gap:var(--spacing-sm);min-width:0}.room-bar .room-avatar{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-radius:var(--radius-md);color:#fff;display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.room-bar .room-details{display:flex;flex-direction:column;gap:2px;min-width:0}.room-bar .room-name{color:var(--color-text-primary);font-size:1rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-bar .room-badges{display:flex;gap:4px}.room-bar .room-badge{align-items:center;border-radius:var(--radius-xs);display:inline-flex;font-size:.65rem;font-weight:600;gap:2px;padding:1px 5px}.room-bar .room-badge.accessible{background:#22c55e26;color:#16a34a}.room-bar .room-badge.capacity{background:#3b82f626;color:#2563eb}.room-bar .header-actions{display:flex;gap:var(--spacing-xs)}.room-bar .calendar-view-btn,.room-bar .minimize-btn{align-items:center;background:#fffc;border:1px solid #8b5cf64d;border-radius:var(--radius-sm);color:#8b5cf6;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.room-bar .calendar-view-btn:hover,.room-bar .minimize-btn:hover{background:#8b5cf6;border-color:#8b5cf6;color:#fff}.room-bar-content{background:var(--color-bg-primary);display:flex;flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-md)}.room-bar .bar-section{display:flex;flex-direction:column;gap:var(--spacing-sm)}.room-bar .bar-section-header{align-items:center;color:#8b5cf6;display:flex;gap:var(--spacing-xs)}.room-bar .bar-section-header h4{font-size:.85rem;font-weight:600;margin:0}.room-bar .bar-stats{display:flex;gap:var(--spacing-md)}.room-bar .bar-stat-item{align-items:center;display:flex;font-size:.8rem;gap:4px}.room-bar .bar-stat-item .bar-stat-value{color:var(--color-text-primary);font-weight:700}.room-bar .bar-stat-item .bar-stat-label{color:var(--color-text-secondary)}.room-bar .bar-stat-item.declined,.room-bar .bar-stat-item.declined .bar-stat-label,.room-bar .bar-stat-item.declined .bar-stat-value{color:#ef4444}.room-bar .bar-appointments-list{max-height:200px;overflow-y:auto}.room-bar .bar-appointments-list ul{display:flex;flex-direction:column;gap:4px;list-style:none;margin:0;padding:0}.room-bar .bar-appointment-item{align-items:center;background:var(--color-bg-secondary);border-radius:var(--radius-sm);border-right:3px solid #0000;cursor:pointer;display:flex;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);transition:all .2s ease}.room-bar .bar-appointment-item:hover{background:#8b5cf61a}.room-bar .bar-appointment-item.status-turquoise{border-right-color:#14b8a6}.room-bar .bar-appointment-item.status-yellow{border-right-color:#f59e0b}.room-bar .bar-appointment-item.status-red{border-right-color:#ef4444}.room-bar .bar-appointment-item.cancelled{opacity:.5;text-decoration:line-through}.room-bar .bar-item-time{color:var(--color-text-secondary);direction:ltr;font-size:.75rem;font-weight:600;min-width:40px}.room-bar .bar-item-name{color:var(--color-text-primary);font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-bar .bar-empty-message{color:var(--color-text-muted);font-size:.8rem;padding:var(--spacing-md);text-align:center}.room-bar .bar-appointments-list.grouped{display:flex;flex-direction:column;gap:var(--spacing-sm)}.room-bar .bar-day-group{display:flex;flex-direction:column;gap:4px}.room-bar .bar-day-group-header{border-bottom:1px solid #8b5cf633;color:#8b5cf6;font-size:.7rem;font-weight:600;margin:0;padding:var(--spacing-xs) 0}.room-bar .bar-appointments-list::-webkit-scrollbar{width:4px}.room-bar .bar-appointments-list::-webkit-scrollbar-track{background:#0000}.room-bar .bar-appointments-list::-webkit-scrollbar-thumb{background:#8b5cf64d;border-radius:2px}.room-bar .bar-appointments-list::-webkit-scrollbar-thumb:hover{background:#8b5cf680}@media (max-width:768px){.room-bar{max-width:320px;min-width:280px}}.room-calendar-modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:var(--spacing-lg);position:fixed;right:0;top:0;z-index:calc(var(--z-modal) + 10)}.room-calendar-modal{background:#fff;border-radius:var(--radius-xl);box-shadow:0 25px 50px -12px #8b5cf640;display:flex;flex-direction:column;height:90vh;max-height:900px;max-width:1400px;overflow:hidden;width:95%}.room-calendar-modal-header{align-items:center;background:linear-gradient(135deg,#8b5cf61a,#8b5cf626);border-bottom:1px solid #8b5cf633;display:flex;flex-shrink:0;justify-content:space-between;padding:var(--spacing-lg) var(--spacing-xl)}.room-calendar-modal-header .header-right{align-items:center;display:flex;gap:var(--spacing-lg)}.room-calendar-modal-header .room-info{align-items:center;display:flex;gap:var(--spacing-md)}.room-calendar-modal-header .room-avatar{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-radius:var(--radius-lg);box-shadow:0 4px 12px #8b5cf64d;color:#fff;display:flex;height:56px;justify-content:center;width:56px}.room-calendar-modal-header .room-details{display:flex;flex-direction:column;gap:var(--spacing-xs)}.room-calendar-modal-header .room-details h2{color:var(--color-text-primary);font-size:1.25rem;font-weight:700;margin:0}.room-calendar-modal-header .room-badges{display:flex;gap:var(--spacing-xs)}.room-calendar-modal-header .room-badge{align-items:center;border-radius:var(--radius-sm);display:inline-flex;font-size:.75rem;font-weight:500;gap:4px;padding:2px 8px}.room-calendar-modal-header .room-badge.accessible{background:#22c55e26;color:#16a34a}.room-calendar-modal-header .room-badge.capacity{background:#3b82f626;color:#2563eb}.room-calendar-modal-header .header-center{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-xs)}.room-calendar-modal-header .date-navigation{align-items:center;display:flex;gap:var(--spacing-sm)}.room-calendar-modal-header .nav-btn{align-items:center;background:#fff;border:1px solid #8b5cf64d;border-radius:var(--radius-md);color:#8b5cf6;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.room-calendar-modal-header .nav-btn:hover{background:#8b5cf6;border-color:#8b5cf6;color:#fff}.room-calendar-modal-header .today-btn{align-items:center;background:#fff;border:1px solid #8b5cf64d;border-radius:var(--radius-md);color:#8b5cf6;cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);transition:all .2s ease}.room-calendar-modal-header .today-btn:hover{background:#8b5cf6;border-color:#8b5cf6;color:#fff}.room-calendar-modal-header .current-date-display{color:var(--color-text-primary);font-size:1rem;font-weight:600;margin:0}.room-calendar-modal-header .header-left{align-items:center;display:flex}.room-calendar-modal-header .close-btn{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;height:44px;justify-content:center;transition:all .2s ease;width:44px}.room-calendar-modal-header .close-btn:hover{background:#ef44441a;color:#ef4444}.room-calendar-modal-body{flex:1 1;overflow:auto;padding:var(--spacing-lg)}.room-calendar-modal-body .calendar-loading{align-items:center;color:var(--color-text-secondary);display:flex;flex-direction:column;gap:var(--spacing-md);height:100%;justify-content:center}.room-calendar-modal-body .loading-spinner{animation:spin 1s linear infinite;border:3px solid #8b5cf633;border-radius:50%;border-top-color:#8b5cf6;height:40px;width:40px}.room-calendar-modal-footer{align-items:stretch;background:var(--color-bg-secondary);border-top:1px solid var(--color-border);display:flex;flex-direction:column;flex-shrink:0;padding:var(--spacing-md) var(--spacing-xl)}.room-calendar-modal-footer .footer-top-row{align-items:center;display:flex;justify-content:space-between;width:100%}.room-calendar-modal-footer .info-note{align-items:center;color:#8b5cf6;display:flex;font-size:.85rem;gap:var(--spacing-xs)}.room-calendar-modal-footer .appointments-count{align-items:center;color:var(--color-text-secondary);display:flex;font-size:.85rem;gap:var(--spacing-xs)}.therapist-availability-legend{align-items:center;border-top:1px solid #8b5cf626;display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);width:100%}.therapist-availability-legend .legend-title{color:var(--color-text-secondary);font-size:.8rem;font-weight:600;margin-left:var(--spacing-sm)}.therapist-availability-legend .legend-items{display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.therapist-availability-legend .legend-item{align-items:center;display:flex;gap:6px}.therapist-availability-legend .legend-color-bar{border-radius:3px;flex-shrink:0;height:14px;width:20px}.therapist-availability-legend .legend-name{color:var(--color-text-primary);font-size:.8rem;font-weight:500}@media (max-width:900px){.room-calendar-modal-header{flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-md)}.room-calendar-modal-header .header-center,.room-calendar-modal-header .header-left,.room-calendar-modal-header .header-right{justify-content:center;width:100%}.room-calendar-modal-header .header-left{left:var(--spacing-md);position:absolute;top:var(--spacing-md);width:auto}}@media (max-width:768px){.room-calendar-modal-overlay{padding:0}.room-calendar-modal{border-radius:0;height:100%;max-height:100%;max-width:100%;width:100%}.room-calendar-modal-header{gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md)}.room-calendar-modal-header .room-avatar{height:40px;width:40px}.room-calendar-modal-header .room-avatar svg{height:20px;width:20px}.room-calendar-modal-header .room-details h2{font-size:1rem}.room-calendar-modal-header .room-badges{display:none}.room-calendar-modal-header .header-right{justify-content:flex-start}.room-calendar-modal-header .header-center{justify-content:center}.room-calendar-modal-header .date-navigation{gap:var(--spacing-sm)}.room-calendar-modal-header .nav-btn{height:36px;width:36px}.room-calendar-modal-header .today-btn{font-size:.8rem;padding:var(--spacing-xs) var(--spacing-sm)}.room-calendar-modal-header .current-date-display{font-size:.9rem}.room-calendar-modal-footer{padding:var(--spacing-sm) var(--spacing-md)}.room-calendar-modal-footer .info-note{font-size:.75rem}.therapist-availability-legend{display:none}.room-calendar-modal-footer .footer-top-row{align-items:center;flex-direction:column;gap:var(--spacing-xs)}}.admin-calendar-page{display:flex;flex-direction:column;height:calc(100vh - 120px);min-height:600px}.admin-calendar-header{flex-wrap:wrap;justify-content:space-between;margin-bottom:var(--spacing-lg)}.admin-calendar-header,.header-right{align-items:center;display:flex;gap:var(--spacing-md)}.header-icon{color:var(--color-primary)}.header-titles{display:flex;flex-direction:column;gap:2px}.admin-calendar-header h1{color:var(--color-text-primary);font-size:1.75rem;font-weight:700;margin:0}.header-date{color:var(--color-text-secondary);font-size:.95rem}.header-left{align-items:center;display:flex;gap:var(--spacing-lg)}.header-stats{display:flex;gap:var(--spacing-md)}.header-stat{align-items:center;background:var(--color-primary-light);border-radius:var(--radius-md);color:var(--color-primary-dark);display:flex;font-size:.9rem;font-weight:500;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md)}.admin-calendar-page .refresh-btn{align-items:center;background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all var(--transition-fast);width:40px}.admin-calendar-page .refresh-btn:hover:not(:disabled){background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary-dark)}.admin-calendar-page .refresh-btn:disabled{cursor:not-allowed;opacity:.6}.admin-calendar-page .refresh-btn .spinning{animation:spin .8s linear infinite}.admin-calendar-content{flex:1 1;min-height:0;overflow:hidden}.admin-calendar-loading{align-items:center;color:var(--color-text-secondary);display:flex;flex-direction:column;gap:var(--spacing-md);height:100%;justify-content:center}.admin-calendar-loading .loading-spinner{animation:spin .8s linear infinite;border:3px solid var(--color-border-light);border-radius:50%;border-top-color:var(--color-primary);height:40px;width:40px}.admin-calendar-empty{align-items:center;color:var(--color-text-light);display:flex;flex-direction:column;gap:var(--spacing-md);height:100%;justify-content:center;text-align:center}.admin-calendar-empty h3{color:var(--color-text-secondary);font-size:1.2rem;margin:0}.admin-calendar-empty p{font-size:.95rem;margin:0}.therapists-container{-webkit-overflow-scrolling:touch;align-items:flex-start;display:flex;gap:var(--spacing-lg);height:100%;overflow-x:auto;overflow-y:hidden;padding:var(--spacing-sm);scroll-behavior:smooth;scrollbar-color:var(--color-primary) var(--color-background);scrollbar-width:thin}.therapists-container::-webkit-scrollbar{height:10px}.therapists-container::-webkit-scrollbar-track{background:var(--color-background);border-radius:5px}.therapists-container::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:5px}.therapists-container::-webkit-scrollbar-thumb:hover{background:var(--color-primary-dark)}.header-stat.rooms-stat{background:#8b5cf61a;color:#7c3aed}@media (max-width:768px){.admin-calendar-header{align-items:stretch;flex-direction:column}.header-right{justify-content:center}.header-left,.header-stats{flex-wrap:wrap;justify-content:center}.therapists-container{gap:var(--spacing-md);padding:var(--spacing-xs)}}.admin-activity-logs-page{margin:0 auto;max-width:1400px;padding:24px}.activity-logs-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.activity-logs-header .header-title h1{align-items:center;color:var(--color-text-primary);display:flex;font-size:1.75rem;font-weight:700;gap:10px;margin:0 0 6px}.activity-logs-header .header-title h1 svg{color:var(--color-primary)}.activity-logs-header .subtitle{color:var(--color-text-secondary);font-size:.95rem;margin:0}.activity-logs-filters{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-md);display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px;padding:16px}.filter-wrapper{align-items:center;display:flex;position:relative}.filter-wrapper .filter-icon{color:var(--color-text-muted);pointer-events:none;position:absolute;right:12px}.filter-wrapper .filter-input,.filter-wrapper .filter-select{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);cursor:pointer;font-family:inherit;font-size:.9rem;min-width:160px;padding:10px 40px 10px 14px;transition:border-color .2s,box-shadow .2s}.filter-wrapper .filter-input:focus,.filter-wrapper .filter-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.filter-wrapper.date-filter .filter-input{min-width:140px}.clear-filters-btn{background:var(--color-error-light);border:none;border-radius:var(--radius-sm);color:var(--color-error);cursor:pointer;font-size:.9rem;font-weight:500;padding:10px 16px;transition:background .2s}.clear-filters-btn:hover{background:var(--color-error);color:#fff}.loading-state{align-items:center;color:var(--color-text-secondary);display:flex;flex-direction:column;gap:16px;justify-content:center;padding:60px 20px}.loading-state .spinner{color:var(--color-primary)}.empty-state{align-items:center;color:var(--color-text-secondary);display:flex;flex-direction:column;justify-content:center;padding:80px 20px;text-align:center}.empty-state svg{color:var(--color-text-muted);margin-bottom:16px}.empty-state h3{color:var(--color-text-primary);font-size:1.25rem;font-weight:600;margin:0 0 8px}.empty-state p{font-size:.95rem}.activity-logs-table-wrapper{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-md);overflow:hidden}.activity-logs-table{border-collapse:collapse;font-size:.9rem;width:100%}.activity-logs-table thead{background:var(--color-background);border-bottom:1px solid var(--color-border-light)}.activity-logs-table th{color:var(--color-text-secondary);font-size:.85rem;font-weight:600;padding:14px 16px;text-align:right;white-space:nowrap}.activity-logs-table tbody tr{border-bottom:1px solid var(--color-border-light);transition:background .15s}.activity-logs-table tbody tr:last-child{border-bottom:none}.activity-logs-table tbody tr:hover{background:var(--color-background)}.activity-logs-table td{padding:14px 16px;vertical-align:middle}.datetime-cell{color:var(--color-text-secondary);font-size:.85rem;white-space:nowrap}.therapist-cell .therapist-info{align-items:center;color:var(--color-text-primary);display:flex;font-weight:500;gap:8px}.therapist-cell .therapist-info svg{color:var(--color-text-muted)}.action-cell .action-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:.85rem;font-weight:500;gap:6px;padding:6px 12px}.action-badge.action-create{background:#22c55e1a;color:var(--color-success)}.action-badge.action-update{background:#3b82f61a;color:#3b82f6}.action-badge.action-delete{background:#ef44441a;color:var(--color-error)}.action-badge.action-default{background:var(--color-background);color:var(--color-text-secondary)}.details-cell .details-content{display:flex;flex-direction:column;gap:4px}.details-cell .entity-name{color:var(--color-text-primary);font-weight:500}.details-cell .details-extra{color:var(--color-text-secondary);display:flex;flex-wrap:wrap;font-size:.8rem;gap:8px}.details-cell .detail-item{background:var(--color-background);border-radius:4px;padding:2px 8px}.pagination{gap:16px;margin-top:24px;padding:16px}.pagination-btn{background:var(--color-surface);border-radius:var(--radius-sm);color:var(--color-text-primary);display:flex;font-size:.9rem;font-weight:500;gap:6px;padding:10px 18px;transition:all .2s}.pagination-btn:hover:not(:disabled){background:var(--color-primary);color:#fff}.pagination-btn:disabled{opacity:.5}.pagination-info{color:var(--color-text-secondary);font-size:.9rem;gap:8px;justify-content:center;min-width:100px}.page-spinner{animation:spin 1s linear infinite;color:var(--color-primary)}@media (max-width:1024px){.activity-logs-filters{flex-direction:column}.clear-filters-btn,.filter-wrapper,.filter-wrapper .filter-input,.filter-wrapper .filter-select{width:100%}}@media (max-width:768px){.admin-activity-logs-page{padding:16px}.activity-logs-header .header-title h1{font-size:1.5rem}.activity-logs-table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.activity-logs-table{min-width:700px}.activity-logs-table td,.activity-logs-table th{padding:12px}.pagination{flex-wrap:wrap}.pagination-btn{flex:1 1;justify-content:center;min-width:100px}}[dir=rtl] .filter-wrapper .filter-icon{left:12px;right:auto}[dir=rtl] .filter-wrapper .filter-input,[dir=rtl] .filter-wrapper .filter-select{padding:10px 14px 10px 40px}.morning-wizard-modal{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow:hidden;width:100%}.wizard-header{align-items:flex-start;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:var(--spacing-lg) var(--spacing-xl)}.wizard-title h2{color:var(--color-text-primary);font-size:1.25rem;font-weight:600;margin:0 0 4px}.wizard-subtitle{color:var(--color-text-secondary);font-size:.875rem}.wizard-progress{background:var(--color-background);border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:var(--spacing-md) var(--spacing-xl)}.progress-step{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-xs);position:relative}.progress-step:not(:last-child):after{background:var(--color-border);content:"";height:2px;left:-50%;position:absolute;top:14px;width:100%;z-index:0}.progress-step.completed:not(:last-child):after{background:var(--color-primary)}.step-indicator{align-items:center;background:var(--color-surface);border:2px solid var(--color-border);border-radius:50%;color:var(--color-text-tertiary);display:flex;height:32px;justify-content:center;position:relative;transition:all .2s ease;width:32px;z-index:1}.progress-step.active .step-indicator{background:var(--color-primary-bg);border-color:var(--color-primary);color:var(--color-primary)}.progress-step.completed .step-indicator{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.step-label{color:var(--color-text-tertiary);font-size:.75rem;white-space:nowrap}.progress-step.active .step-label{color:var(--color-text-primary);font-weight:500}.progress-step.completed .step-label{color:var(--color-primary)}.wizard-body{-webkit-overflow-scrolling:touch;flex:1 1;overflow-y:auto;padding:var(--spacing-xl)}.wizard-step-content{animation:fadeIn .3s ease}.welcome-step{text-align:center}.morning-logo-container{margin-bottom:var(--spacing-xl)}.morning-logo{align-items:center;background:linear-gradient(135deg,#ff6b35,#f7931e);border-radius:var(--radius-lg);display:inline-flex;justify-content:center;padding:var(--spacing-md) var(--spacing-xl)}.morning-logo .logo-text{color:#fff;font-size:2rem;font-weight:700;letter-spacing:-.02em}.welcome-step h3{color:var(--color-text-primary);font-size:1.25rem;font-weight:600;margin-bottom:var(--spacing-md)}.welcome-description{color:var(--color-text-secondary);line-height:1.6;margin-bottom:var(--spacing-xl)}.benefits-list{display:flex;flex-direction:column;margin-bottom:var(--spacing-xl);text-align:right}.benefit-item{background:var(--color-background);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md)}.benefit-icon{color:var(--color-success);flex-shrink:0}.benefit-item span{color:var(--color-text-primary);font-size:.875rem}.info-box{background:var(--color-primary-bg);border:1px solid var(--color-primary-light);border-radius:var(--radius-md);display:flex;gap:var(--spacing-md);padding:var(--spacing-md);text-align:right}.info-box svg{color:var(--color-primary);flex-shrink:0;margin-top:2px}.info-box strong{color:var(--color-text-primary);display:block;font-size:.875rem;margin-bottom:4px}.info-box p{color:var(--color-text-secondary);font-size:.813rem;margin:0}.info-box a{color:var(--color-primary);text-decoration:underline}.credentials-step .step-instructions{color:var(--color-text-secondary);font-size:.875rem;line-height:1.6;margin-bottom:var(--spacing-lg)}.credentials-step .form-group{margin-bottom:var(--spacing-lg)}.credentials-step .form-group label{color:var(--color-text-primary);display:block;font-size:.875rem;font-weight:500;margin-bottom:var(--spacing-xs)}.credentials-step .form-group label.required:after{color:var(--color-error);content:" *"}.credentials-step .form-group input{border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:.938rem;padding:var(--spacing-sm) var(--spacing-md);transition:border-color .2s,box-shadow .2s;width:100%}.credentials-step .form-group input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-bg);outline:none}.credentials-step .form-group input.error{border-color:var(--color-error)}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-input-wrapper input{padding-left:44px}.toggle-visibility-btn{align-items:center;background:none;border:none;color:var(--color-text-tertiary);cursor:pointer;display:flex;justify-content:center;left:var(--spacing-sm);padding:var(--spacing-xs);position:absolute}.toggle-visibility-btn:hover{color:var(--color-text-secondary)}.validation-success{align-items:flex-start;background:var(--color-success-bg);border:1px solid var(--color-success-light);border-radius:var(--radius-md);display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}.validation-success .success-icon{color:var(--color-success);flex-shrink:0}.validation-success .success-content{flex:1 1}.validation-success strong{color:var(--color-success-dark);display:block;font-size:.875rem;margin-bottom:4px}.validation-success p{color:var(--color-text-secondary);font-size:.813rem;margin:0}.error-message{align-items:center;background:var(--color-error-bg);border:1px solid var(--color-error-light);border-radius:var(--radius-md);display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);padding:var(--spacing-md)}.error-message svg{color:var(--color-error);flex-shrink:0}.error-message span{color:var(--color-error-dark);font-size:.875rem}.help-link{margin-top:var(--spacing-md);text-align:center}.help-link a{align-items:center;color:var(--color-primary);display:inline-flex;font-size:.813rem;gap:var(--spacing-xs);text-decoration:none}.help-link a:hover{text-decoration:underline}.preferences-step .step-instructions{color:var(--color-text-secondary);font-size:.875rem;line-height:1.6;margin-bottom:var(--spacing-lg)}.preferences-step .form-group{margin-bottom:var(--spacing-lg)}.preferences-step .form-group label{color:var(--color-text-primary);display:block;font-size:.875rem;font-weight:500;margin-bottom:var(--spacing-xs)}.preferences-step .form-group select{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;font-size:.938rem;padding:var(--spacing-sm) var(--spacing-md);width:100%}.preferences-step .form-group select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-bg);outline:none}.field-hint{color:var(--color-text-tertiary);display:block;font-size:.75rem;margin-top:var(--spacing-xs)}.checkbox-group{background:var(--color-background);border-radius:var(--radius-md);padding:var(--spacing-md)}.checkbox-label{align-items:center;cursor:pointer;display:flex;gap:var(--spacing-sm)}.checkbox-label input[type=checkbox]{accent-color:var(--color-primary);cursor:pointer;height:18px;width:18px}.checkbox-text{color:var(--color-text-primary);font-size:.938rem}.checkbox-group .field-hint{margin-top:var(--spacing-sm);padding-right:26px}.complete-step{text-align:center}.success-animation{margin-bottom:var(--spacing-xl)}.success-circle{align-items:center;animation:scaleIn .4s ease;background:var(--color-success-bg);border-radius:50%;display:inline-flex;height:100px;justify-content:center;width:100px}.success-circle svg{color:var(--color-success)}.complete-step h3{color:var(--color-text-primary);font-size:1.25rem;font-weight:600;margin-bottom:var(--spacing-md)}.success-description{color:var(--color-text-secondary);font-size:.938rem;line-height:1.6;margin-bottom:var(--spacing-xl)}.next-steps{background:var(--color-background);border-radius:var(--radius-md);padding:var(--spacing-lg);text-align:right}.next-steps h4{color:var(--color-text-primary);font-size:.938rem;font-weight:600;margin-bottom:var(--spacing-md)}.next-steps ul{flex-direction:column;list-style:none;margin:0;padding:0}.next-steps li,.next-steps ul{display:flex;gap:var(--spacing-sm)}.next-steps li{align-items:center;color:var(--color-text-secondary);font-size:.875rem}.next-steps li svg{color:var(--color-success);flex-shrink:0}.wizard-footer{border-top:1px solid var(--color-border);display:flex;gap:var(--spacing-md);justify-content:space-between;padding:var(--spacing-lg) var(--spacing-xl)}.wizard-footer .btn-primary,.wizard-footer .btn-secondary{align-items:center;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:.938rem;font-weight:500;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);transition:all .2s ease}.wizard-footer .btn-secondary{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-secondary)}.wizard-footer .btn-secondary:hover:not(:disabled){background:var(--color-background);border-color:var(--color-text-tertiary)}.wizard-footer .btn-primary{background:var(--color-primary);border:none;color:#fff;margin-right:auto}.wizard-footer .btn-primary:hover:not(:disabled){background:var(--color-primary-dark)}.wizard-footer .btn-primary:disabled,.wizard-footer .btn-secondary:disabled{cursor:not-allowed;opacity:.5}.wizard-footer .spinner{animation:spin 1s linear infinite}@media (max-width:768px){.morning-wizard-modal{border-radius:0;height:100%;max-height:100%;max-width:100%}.wizard-header{padding:var(--spacing-md)}.wizard-progress{-webkit-overflow-scrolling:touch;overflow-x:auto;padding:var(--spacing-sm) var(--spacing-md)}.step-label{font-size:.688rem}.wizard-body,.wizard-footer{padding:var(--spacing-md)}.benefits-list{gap:var(--spacing-xs)}.benefit-item{padding:var(--spacing-xs) var(--spacing-sm)}.benefit-item span{font-size:.813rem}}.clinic-settings-page{margin:0 auto;max-width:1400px}.clinic-settings-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-lg)}.clinic-settings-header .header-title{align-items:center;display:flex;gap:var(--spacing-md)}.clinic-settings-header .support-btn{align-items:center;background:linear-gradient(135deg,#8b5cf61a,#ec48991a);border:1px solid #8b5cf64d;border-radius:var(--radius-full);color:#8b5cf6;cursor:pointer;display:flex;font-family:inherit;font-size:.9rem;font-weight:500;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);transition:all var(--transition-fast)}.clinic-settings-header .support-btn:hover{background:linear-gradient(135deg,#8b5cf626,#ec489926);border-color:#8b5cf6;transform:translateY(-1px)}.clinic-settings-header .header-title h1{color:var(--color-text-primary);font-size:1.75rem;font-weight:700}.clinic-settings-header .header-icon{color:var(--color-primary-dark)}.settings-tabs{background:var(--color-card);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-lg);padding:var(--spacing-sm)}.settings-tab,.settings-tabs{display:flex;gap:var(--spacing-sm)}.settings-tab{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;font-family:inherit;font-size:1rem;font-weight:500;overflow:hidden;padding:var(--spacing-md) var(--spacing-xl);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.settings-tab:before{background:var(--color-primary-light);border-radius:var(--radius-md);content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s cubic-bezier(.4,0,.2,1)}.settings-tab:hover{color:var(--color-text-primary)}.settings-tab:hover:before{opacity:.5}.settings-tab.active{color:var(--color-primary-dark)}.settings-tab.active:before{opacity:1}.settings-tab span,.settings-tab svg{position:relative;z-index:1}.clinic-settings-container{background:var(--color-card);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);overflow:hidden}.clinic-settings-content{padding:var(--spacing-xl)}.tab-content{animation:tabContentFadeIn .4s cubic-bezier(.4,0,.2,1)}@keyframes tabContentFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.clinic-settings-page .management-section{display:flex;flex-direction:column;gap:var(--spacing-lg)}.clinic-settings-page .section-header-row{align-items:flex-start;display:flex;gap:var(--spacing-lg);justify-content:space-between}.clinic-settings-page .section-header-row h2{color:var(--color-text-primary);font-size:1.25rem;font-weight:600;margin-bottom:var(--spacing-xs)}.clinic-settings-page .section-description{color:var(--color-text-secondary);font-size:.95rem}.clinic-settings-page .empty-therapists{background:var(--color-background);border-radius:var(--radius-md);color:var(--color-text-secondary);padding:var(--spacing-xl);text-align:center}.clinic-settings-page .loading-state{align-items:center;color:var(--color-text-secondary);display:flex;gap:var(--spacing-sm);justify-content:center;padding:var(--spacing-xl)}.clinic-settings-page .add-therapist-btn{align-items:center;background:var(--color-primary);border:none;border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;display:flex;font-family:inherit;font-size:.95rem;font-weight:600;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);transition:all var(--transition-fast);white-space:nowrap}.clinic-settings-page .add-therapist-btn:hover{background:var(--color-primary-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.clinic-settings-page .info-badge{align-items:center;background:var(--color-secondary-yellow-light);border:1px solid var(--color-secondary-yellow);border-radius:var(--radius-md);color:var(--color-text-primary);display:flex;font-size:.9rem;gap:var(--spacing-sm);padding:var(--spacing-md)}.clinic-settings-page .therapists-table-wrapper{border:1px solid var(--color-border-light);border-radius:var(--radius-md);overflow-x:auto}.clinic-settings-page .therapists-table{border-collapse:collapse;font-size:.9rem;width:100%}.clinic-settings-page .therapists-table th{background:var(--color-background);border-bottom:1px solid var(--color-border-light);color:var(--color-text-secondary);font-weight:600;padding:var(--spacing-md);text-align:right;white-space:nowrap}.clinic-settings-page .therapists-table td{border-bottom:1px solid var(--color-border-light);color:var(--color-text-primary);padding:var(--spacing-md)}.clinic-settings-page .therapists-table tr:last-child td{border-bottom:none}.clinic-settings-page .therapists-table tr:hover{background:var(--color-background)}.clinic-settings-page .therapists-table tr.inactive-row{opacity:.6}.clinic-settings-page .therapists-table tr.inactive-row:hover{opacity:.8}.clinic-settings-page .status-cell{align-items:center;display:flex;gap:var(--spacing-xs)}.clinic-settings-page .status-dot{flex-shrink:0}.clinic-settings-page .status-dot.active{color:var(--color-success)}.clinic-settings-page .status-dot.inactive{color:var(--color-error)}.clinic-settings-page .status-text{font-size:.85rem}.clinic-settings-page .name-cell{font-weight:500}.clinic-settings-page .email-cell{direction:ltr}.clinic-settings-page .email-cell,.clinic-settings-page .phone-cell{color:var(--color-text-secondary);text-align:left}.clinic-settings-page .role-badge{border-radius:var(--radius-full);display:inline-block;font-size:.8rem;font-weight:500;padding:2px 8px}.clinic-settings-page .role-badge.owner{background:var(--color-primary-light);color:var(--color-primary-dark)}.clinic-settings-page .role-badge.therapist{background:var(--color-background-alt);color:var(--color-text-secondary)}.clinic-settings-page .you-badge{color:var(--color-text-light);font-size:.8rem;font-style:italic}.clinic-settings-page .status-toggle-btn{border-radius:var(--radius-sm);cursor:pointer;font-family:inherit;font-size:.8rem;font-weight:500;padding:4px 12px;transition:all var(--transition-fast)}.clinic-settings-page .status-toggle-btn.deactivate{background:#f871711a;border:1px solid #f871714d;color:var(--color-error)}.clinic-settings-page .status-toggle-btn.deactivate:hover{background:#f8717133}.clinic-settings-page .status-toggle-btn.activate{background:#34d3991a;border:1px solid #34d3994d;color:var(--color-success)}.clinic-settings-page .status-toggle-btn.activate:hover{background:#34d39933}.clinic-settings-page .modal-overlay{align-items:center;animation:fadeIn .2s ease;background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:var(--z-modal)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.clinic-settings-page .add-therapist-modal,.clinic-settings-page .deactivate-modal{animation:slideUp .3s ease;background:var(--color-card);border-radius:var(--radius-lg);max-width:500px;overflow:hidden;width:90%}.clinic-settings-page .deactivate-modal{max-width:550px}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.clinic-settings-page .modal-header{align-items:center;border-bottom:1px solid var(--color-border-light);display:flex;justify-content:space-between;padding:var(--spacing-lg) var(--spacing-xl)}.clinic-settings-page .modal-header h3{color:var(--color-text-primary);font-size:1.1rem;font-weight:600}.clinic-settings-page .modal-close{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;display:flex;justify-content:center;padding:var(--spacing-xs);transition:all var(--transition-fast)}.clinic-settings-page .modal-close:hover{background:var(--color-background-alt);color:var(--color-text-primary)}.clinic-settings-page .modal-body{display:flex;flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-xl)}.clinic-settings-page .modal-footer{background:var(--color-background);border-top:1px solid var(--color-border-light);display:flex;gap:var(--spacing-md);justify-content:flex-end;padding:var(--spacing-lg) var(--spacing-xl)}.clinic-settings-page .deactivate-info{background:var(--color-secondary-blue);background:#b8d4e84d;border:1px solid var(--color-secondary-blue);border-radius:var(--radius-md);display:flex;gap:var(--spacing-md);padding:var(--spacing-md)}.clinic-settings-page .deactivate-info .info-icon{color:#3b82f6;flex-shrink:0;margin-top:2px}.clinic-settings-page .deactivate-info .info-title{color:var(--color-text-primary);font-weight:600;margin-bottom:var(--spacing-xs)}.clinic-settings-page .deactivate-info .info-text{color:var(--color-text-secondary);font-size:.9rem;line-height:1.5}.clinic-settings-page .deactivate-therapist-name{background:var(--color-background);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:.95rem;padding:var(--spacing-md);text-align:center}.clinic-settings-page .deactivate-therapist-name strong{color:var(--color-text-primary)}.clinic-settings-page .transfer-section{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-md)}.clinic-settings-page .transfer-header{align-items:center;color:var(--color-text-primary);display:flex;font-weight:600;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.clinic-settings-page .transfer-description{color:var(--color-text-secondary);font-size:.85rem;line-height:1.5;margin-bottom:var(--spacing-md)}.clinic-settings-page .transfer-select{background:var(--color-card);border:1.5px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;font-family:inherit;font-size:.95rem;padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast);width:100%}.clinic-settings-page .transfer-select:focus{border-color:var(--color-primary);outline:none}.clinic-settings-page .form-row{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(2,1fr)}.clinic-settings-page .form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.clinic-settings-page .form-group label{color:var(--color-text-primary);font-size:.9rem;font-weight:500}.clinic-settings-page .form-group label.required:after{color:var(--color-error);content:" *"}.clinic-settings-page .form-group input{background:var(--color-background);border:1.5px solid var(--color-border);border-radius:var(--radius-md);font-family:inherit;font-size:.95rem;padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.clinic-settings-page .form-group input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #4dd9b426;outline:none}.clinic-settings-page .form-group input.error{border-color:var(--color-error)}.clinic-settings-page .form-group input::placeholder{color:var(--color-text-light)}.clinic-settings-page .error-text{color:var(--color-error);font-size:.8rem}.clinic-settings-page .btn-secondary{background:var(--color-background);border:1.5px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;font-family:inherit;font-size:.95rem;font-weight:500;padding:var(--spacing-sm) var(--spacing-lg);transition:all var(--transition-fast)}.clinic-settings-page .btn-secondary:hover:not(:disabled){background:var(--color-background-alt)}.clinic-settings-page .btn-primary{align-items:center;background:var(--color-primary);border:none;border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;display:flex;font-family:inherit;font-size:.95rem;font-weight:600;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);transition:all var(--transition-fast)}.clinic-settings-page .btn-primary:hover:not(:disabled){background:var(--color-primary-dark)}.clinic-settings-page .btn-danger{align-items:center;background:var(--color-error);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:.95rem;font-weight:600;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);transition:all var(--transition-fast)}.clinic-settings-page .btn-danger:hover:not(:disabled){background:#ef4444}.clinic-settings-page .btn-danger:disabled,.clinic-settings-page .btn-primary:disabled,.clinic-settings-page .btn-secondary:disabled{cursor:not-allowed;opacity:.6}.clinic-settings-page .phone-note{align-items:center;background:var(--color-background-alt);border:1px solid var(--color-border-light);border-radius:var(--radius-md);color:var(--color-text-secondary);display:flex;font-size:.85rem;gap:var(--spacing-sm);padding:var(--spacing-md)}.clinic-settings-page .note-icon{font-size:1.1rem}.clinic-settings-page .spinner{animation:spin 1s linear infinite}.clinic-settings-page .success-message{align-items:center;color:var(--color-success);display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-3xl)}.clinic-settings-page .success-message p{color:var(--color-text-primary);font-size:1.1rem;font-weight:500}.clinic-settings-page .error-banner{align-items:center;background:#f871711a;border:1px solid #f871714d;border-radius:var(--radius-md);color:var(--color-error);display:flex;font-size:.9rem;gap:var(--spacing-sm);padding:var(--spacing-md)}.clinic-settings-page .section-divider{background:var(--color-border-light);height:1px;margin:var(--spacing-xl) 0}.clinic-settings-page .category-modal{animation:slideUp .3s ease;background:var(--color-card);border-radius:var(--radius-lg);max-width:420px;overflow:hidden;width:90%}.clinic-settings-page .category-type-badge{background:var(--color-background);border-radius:var(--radius-full);color:var(--color-text-secondary);display:inline-block;font-size:.75rem;font-weight:500;margin-right:var(--spacing-sm);padding:2px 8px}.clinic-settings-page .color-options,.clinic-settings-page .color-picker{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.clinic-settings-page .color-option{border:3px solid #0000;border-radius:var(--radius-md);cursor:pointer;height:36px;transition:all var(--transition-fast);width:36px}.clinic-settings-page .color-option:hover{transform:scale(1.1)}.clinic-settings-page .color-option.selected{border-color:var(--color-text-primary);box-shadow:var(--shadow-md)}.clinic-settings-page .category-preview{align-items:center;background:var(--color-background);border-radius:var(--radius-md);display:flex;gap:var(--spacing-md);margin-top:var(--spacing-md);padding:var(--spacing-md)}.clinic-settings-page .preview-label{color:var(--color-text-secondary);font-size:.85rem}.clinic-settings-page .preview-badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:.85rem;font-weight:500;gap:4px;padding:4px 10px}.clinic-settings-page .save-success-badge{align-items:center;animation:fadeIn .3s ease;background:var(--color-success-bg);border:1px solid var(--color-success-light);border-radius:var(--radius-full);color:var(--color-success);display:flex;font-size:.85rem;font-weight:500;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md)}.clinic-settings-page .clinic-info-form{display:flex;flex-direction:column;gap:var(--spacing-xl)}.clinic-settings-page .logo-name-row{grid-gap:var(--spacing-xl);align-items:start;display:grid;gap:var(--spacing-xl);grid-template-columns:140px 1fr}.clinic-settings-page .logo-section{display:flex;flex-direction:column;gap:var(--spacing-sm)}.clinic-settings-page .logo-section label{color:var(--color-text-primary);font-size:.9rem;font-weight:500}.clinic-settings-page .logo-upload-area{align-items:center;background:var(--color-background);border:2px dashed var(--color-border);border-radius:var(--radius-lg);cursor:pointer;display:flex;height:120px;justify-content:center;overflow:hidden;transition:all var(--transition-fast);width:120px}.clinic-settings-page .logo-upload-area:hover{background:#4dd9b40d;border-color:var(--color-primary)}.clinic-settings-page .logo-upload-area.has-logo{border:2px solid var(--color-border-light);cursor:default}.clinic-settings-page .logo-upload-area .upload-placeholder{align-items:center;color:var(--color-text-light);display:flex;flex-direction:column;font-size:.8rem;gap:var(--spacing-xs)}.clinic-settings-page .logo-preview{height:100%;position:relative;width:100%}.clinic-settings-page .logo-preview img{height:100%;object-fit:cover;width:100%}.clinic-settings-page .remove-logo-btn{align-items:center;background:#0009;border:none;border-radius:var(--radius-full);color:#fff;cursor:pointer;display:flex;height:24px;justify-content:center;left:4px;opacity:0;position:absolute;top:4px;transition:opacity var(--transition-fast);width:24px}.clinic-settings-page .logo-preview:hover .remove-logo-btn{opacity:1}.clinic-settings-page .name-section{display:flex;flex-direction:column;gap:var(--spacing-lg)}.clinic-settings-page .type-options{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.clinic-settings-page .type-option{align-items:center;background:var(--color-background);border:1.5px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;font-family:inherit;font-size:.9rem;font-weight:500;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.clinic-settings-page .type-option:hover{border-color:var(--color-primary);color:var(--color-text-primary)}.clinic-settings-page .type-option.selected{background:#4dd9b41a;border-color:var(--color-primary);color:var(--color-primary-dark)}.clinic-settings-page .type-option.selected svg{color:var(--color-primary-dark)}.clinic-settings-page .type-option.disabled{cursor:not-allowed;opacity:.7}.clinic-settings-page .type-option.disabled:hover{border-color:var(--color-border);color:var(--color-text-tertiary)}.clinic-settings-page .type-option.disabled.selected:hover{border-color:var(--color-primary);color:var(--color-primary-dark)}.clinic-settings-page .business-settings-row{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(3,1fr)}.clinic-settings-page .business-settings-row .form-group label{align-items:center;display:flex;gap:var(--spacing-xs)}.clinic-settings-page .business-settings-row .form-group label svg{color:var(--color-text-secondary)}.clinic-settings-page .field-hint{color:var(--color-text-light);font-size:.75rem;margin-top:2px}.clinic-settings-page .duration-options{display:flex;gap:var(--spacing-xs)}.clinic-settings-page .duration-btn{background:var(--color-background);border:1.5px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;flex:1 1;font-family:inherit;font-size:.85rem;font-weight:500;padding:var(--spacing-sm);transition:all var(--transition-fast)}.clinic-settings-page .duration-btn:hover{border-color:var(--color-primary)}.clinic-settings-page .duration-btn.selected{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-primary)}.clinic-settings-page .duration-custom-btn{align-items:center;cursor:pointer;display:flex;justify-content:center;min-width:85px}.clinic-settings-page .custom-duration-input-wrapper{align-items:center;display:flex;width:100%}.clinic-settings-page .custom-duration-input{background:#0000;border:none;color:var(--color-text-primary);font-family:inherit;font-size:.85rem;font-weight:500;outline:none;padding:2px 4px;text-align:center;width:100%}.clinic-settings-page .custom-duration-input::placeholder{color:var(--color-text-primary);opacity:.7}.clinic-settings-page .address-vat-row{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:2fr 1fr}.clinic-settings-page .address-group label,.clinic-settings-page .vat-group label{align-items:center;display:flex;gap:var(--spacing-xs)}.clinic-settings-page .address-group label svg{color:var(--color-text-secondary)}.clinic-settings-page .select-wrapper{position:relative}.clinic-settings-page .select-wrapper select{-webkit-appearance:none;appearance:none;background:var(--color-background);border:1.5px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;font-family:inherit;font-size:.95rem;padding:var(--spacing-sm) var(--spacing-md);padding-left:var(--spacing-xl);transition:all var(--transition-fast);width:100%}.clinic-settings-page .select-wrapper select:focus{border-color:var(--color-primary);outline:none}.clinic-settings-page .select-icon{color:var(--color-text-secondary);left:var(--spacing-md);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.clinic-settings-page .specializations-section{background:var(--color-background);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-lg)}.clinic-settings-page .specializations-section .form-group label{align-items:center;display:flex;gap:var(--spacing-xs)}.clinic-settings-page .specializations-section .form-group label svg{color:var(--color-text-secondary)}.clinic-settings-page .field-description{color:var(--color-text-secondary);font-size:.85rem;margin-bottom:var(--spacing-sm)}.clinic-settings-page .chips-container{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.clinic-settings-page .chip{align-items:center;background:var(--color-card);border:1.5px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-secondary);cursor:pointer;display:flex;font-family:inherit;font-size:.85rem;font-weight:500;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);transition:all var(--transition-fast)}.clinic-settings-page .chip:hover{border-color:var(--color-primary);color:var(--color-text-primary)}.clinic-settings-page .chip.selected{background:#4dd9b426;border-color:var(--color-primary);color:var(--color-primary-dark)}.clinic-settings-page .chip.selected svg{color:var(--color-primary-dark)}.clinic-settings-page .save-section{border-top:1px solid var(--color-border-light);display:flex;justify-content:flex-end;padding-top:var(--spacing-md)}.customization-tab{padding:0}.customization-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(2,1fr)}.customization-card{background:var(--color-background);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-fast)}.customization-card:hover{border-color:var(--color-border);box-shadow:var(--shadow-sm)}.customization-card .card-header{align-items:flex-start;background:var(--color-card);border-bottom:1px solid var(--color-border-light);display:flex;gap:var(--spacing-md);padding:var(--spacing-lg)}.customization-card .card-icon{align-items:center;border-radius:var(--radius-md);display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.customization-card .card-icon.treatment-types{background:linear-gradient(135deg,#3b82f626,#2563eb1a);color:#3b82f6}.customization-card .card-icon.treatment-tags{background:linear-gradient(135deg,#8b5cf626,#7c3aed1a);color:#8b5cf6}.customization-card .card-icon.tasks{background:linear-gradient(135deg,#22c55e26,#16a34a1a);color:#22c55e}.customization-card .card-icon.reminders{background:linear-gradient(135deg,#f59e0b26,#d977061a);color:#f59e0b}.customization-card .card-icon.games{background:linear-gradient(135deg,#8b5cf626,#7c3aed1a);color:#8b5cf6}.customization-card .card-title{flex:1 1;min-width:0}.customization-card .card-title h3{color:var(--color-text-primary);font-size:1rem;font-weight:600;margin:0 0 var(--spacing-xs)}.customization-card .card-title p{color:var(--color-text-secondary);font-size:.825rem;line-height:1.4;margin:0}.customization-card .add-item-btn{align-items:center;background:var(--color-card);border:1.5px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:all var(--transition-fast);width:32px}.customization-card .add-item-btn:hover{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-primary)}.customization-card .card-content{min-height:100px;padding:var(--spacing-md)}.customization-card .card-loading{align-items:center;color:var(--color-text-secondary);display:flex;justify-content:center;padding:var(--spacing-xl)}.customization-card .card-empty{padding:var(--spacing-lg);text-align:center}.customization-card .card-empty p{color:var(--color-text-light);font-size:.875rem;margin:0}.customization-card .items-list{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.customization-card .item-tag{align-items:center;background:var(--color-card);border:1px solid var(--color-border-light);border-radius:var(--radius-md);display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.customization-card .item-tag:hover{border-color:var(--color-border)}.customization-card .item-color{border-radius:var(--radius-sm);flex-shrink:0;height:12px;width:12px}.customization-card .item-name{color:var(--color-text-primary);font-size:.875rem;font-weight:500}.customization-card .item-actions{align-items:center;display:flex;gap:2px;margin-right:var(--spacing-xs);opacity:0;transition:opacity var(--transition-fast)}.customization-card .item-tag:hover .item-actions{opacity:1}.customization-card .item-actions button{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--color-text-light);cursor:pointer;display:flex;height:24px;justify-content:center;transition:all var(--transition-fast);width:24px}.customization-card .item-actions button:hover{background:var(--color-background);color:var(--color-text-primary)}.customization-card .item-actions button.delete:hover{background:#ef44441a;color:#ef4444}.integrations-tab{display:flex;flex-direction:column;gap:var(--spacing-xl)}.integration-card{background:var(--color-background);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);overflow:hidden}.integration-card.morning-card{border-color:#4dd9b44d}.integration-header{align-items:center;background:var(--color-card);border-bottom:1px solid var(--color-border-light);display:flex;gap:var(--spacing-md);padding:var(--spacing-lg)}.integration-logo{align-items:center;background:linear-gradient(135deg,#4dd9b426,#38b2ac1a);border-radius:var(--radius-md);color:var(--color-primary-dark);display:flex;flex-shrink:0;height:52px;justify-content:center;width:52px}.integration-info{flex:1 1}.integration-info h3{color:var(--color-text-primary);font-size:1.1rem;font-weight:600;margin:0 0 var(--spacing-xs)}.integration-info p{color:var(--color-text-secondary);font-size:.9rem;margin:0}.integration-status .status-badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:.85rem;font-weight:600;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);white-space:nowrap}.integration-status .status-badge.connected{background:#22c55e1f;color:#16a34a}.integration-status .status-badge.disconnected{background:var(--color-background);border:1px solid var(--color-border);color:var(--color-text-secondary)}.integration-content{padding:var(--spacing-xl)}.connected-state{align-items:center;display:flex;gap:var(--spacing-xl);justify-content:space-between}.connected-details{flex-direction:column}.connected-details,.connected-details .detail-row{display:flex;gap:var(--spacing-sm)}.connected-details .detail-label{color:var(--color-text-secondary);font-size:.875rem}.connected-details .detail-value{color:var(--color-text-primary);font-size:.875rem;font-weight:500}.not-connected-state{display:flex;flex-direction:column;gap:var(--spacing-lg)}.benefits-list{grid-gap:var(--spacing-sm);display:grid;gap:var(--spacing-sm);grid-template-columns:repeat(2,1fr)}.benefit-item{align-items:center;color:var(--color-text-primary);display:flex;font-size:.9rem;gap:var(--spacing-sm)}.benefit-item svg{color:var(--color-success);flex-shrink:0}.integration-action-btn{align-items:center;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-family:inherit;font-size:.95rem;font-weight:600;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-xl);transition:all var(--transition-fast)}.integration-action-btn.primary{background:var(--color-primary);border:none;color:var(--color-text-primary)}.integration-action-btn.primary:hover{background:var(--color-primary-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.integration-action-btn.secondary{background:var(--color-card);border:1.5px solid var(--color-border);color:var(--color-text-primary)}.integration-action-btn.secondary:hover{background:var(--color-background);border-color:var(--color-primary)}.integration-connect-btn{align-items:center;display:inline-flex!important;font-size:.95rem!important;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-xl)!important}.integration-connect-btn svg{flex-shrink:0}.coming-soon-section{display:flex;justify-content:center}.coming-soon-card{align-items:center;background:linear-gradient(135deg,#8b5cf60d,#4dd9b40d);border:1px dashed var(--color-border);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-xl) var(--spacing-3xl);text-align:center}.coming-soon-card svg{color:var(--color-primary-dark)}.coming-soon-card h4{color:var(--color-text-primary);font-size:1rem;font-weight:600;margin:0}.coming-soon-card p{color:var(--color-text-secondary);font-size:.9rem;margin:0}.clinic-settings-page .support-modal{animation:slideUp .3s ease;background:var(--color-card);border-radius:var(--radius-lg);max-width:440px;overflow:hidden;width:90%}.clinic-settings-page .support-body{text-align:center}.clinic-settings-page .support-illustration{color:var(--color-primary-dark);margin-bottom:var(--spacing-md)}.clinic-settings-page .support-body h4{color:var(--color-text-primary);font-size:1.2rem;font-weight:600;margin:0 0 var(--spacing-sm) 0}.clinic-settings-page .support-text{color:var(--color-text-secondary);font-size:.95rem;line-height:1.6;margin:0 0 var(--spacing-lg) 0}.clinic-settings-page .your-details{background:var(--color-background);border-radius:var(--radius-md);padding:var(--spacing-md);text-align:right}.clinic-settings-page .detail-item{align-items:center;display:flex;justify-content:space-between;padding:var(--spacing-xs) 0}.clinic-settings-page .detail-item:not(:last-child){border-bottom:1px solid var(--color-border-light)}.clinic-settings-page .detail-label{color:var(--color-text-secondary);font-size:.85rem}.clinic-settings-page .detail-value{color:var(--color-text-primary);font-size:.9rem;font-weight:500}.clinic-settings-page .support-confirm-btn{background:#4dd9b41f;border:1px solid #4dd9b440;color:#2a9d7e}.clinic-settings-page .support-confirm-btn:hover:not(:disabled){background:#4dd9b42e;border-color:#4dd9b459;transform:translateY(-1px)}.clinic-settings-page .support-success{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-3xl)}.clinic-settings-page .support-success .success-icon{animation:pulse .5s ease;color:#ec4899}@keyframes pulse{0%{transform:scale(0)}50%{transform:scale(1.1)}to{transform:scale(1)}}.clinic-settings-page .support-success h4{color:var(--color-text-primary);font-size:1.2rem;font-weight:600;margin:0}.clinic-settings-page .support-success p{color:var(--color-text-secondary);font-size:.95rem;margin:0}.clinic-settings-page .info-badge svg{color:#f59e0b;flex-shrink:0}@media (max-width:1024px){.clinic-settings-page .business-settings-row{grid-template-columns:repeat(2,1fr)}.clinic-settings-page .business-settings-row>.form-group:last-child{grid-column:span 2}.customization-grid{grid-template-columns:1fr}}@media (max-width:768px){.clinic-settings-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-md)}.clinic-settings-header .support-btn{justify-content:center;width:100%}.settings-tabs{flex-direction:row;gap:var(--spacing-xs);padding:var(--spacing-xs)}.settings-tab{flex:1 1;font-size:.85rem;justify-content:center;padding:var(--spacing-sm) var(--spacing-xs)}.settings-tab span{display:none}.settings-tab svg{height:22px;width:22px}.clinic-settings-content{padding:var(--spacing-md)}.clinic-settings-page .logo-name-row{grid-template-columns:1fr;justify-items:center}.clinic-settings-page .logo-section{align-items:center}.clinic-settings-page .name-section{width:100%}.clinic-settings-page .type-options{justify-content:center}.clinic-settings-page .business-settings-row{grid-template-columns:1fr}.clinic-settings-page .business-settings-row>.form-group:last-child{grid-column:span 1}.clinic-settings-page .address-vat-row{grid-template-columns:1fr}.clinic-settings-page .save-section{justify-content:center}.clinic-settings-page .save-section button{width:100%}.clinic-settings-page .section-header-row{flex-direction:column;gap:var(--spacing-md)}.clinic-settings-page .add-therapist-btn{justify-content:center;width:100%}.clinic-settings-page .form-row{grid-template-columns:1fr}.clinic-settings-page .modal-footer{flex-direction:column-reverse}.clinic-settings-page .btn-danger,.clinic-settings-page .btn-primary,.clinic-settings-page .btn-secondary{justify-content:center;width:100%}.clinic-settings-page .therapists-table{font-size:.8rem}.clinic-settings-page .therapists-table td,.clinic-settings-page .therapists-table th{padding:var(--spacing-sm)}.clinic-settings-page .email-cell,.clinic-settings-page .status-text{display:none}.integration-header{flex-wrap:wrap;gap:var(--spacing-sm)}.integration-status{display:flex;justify-content:flex-start;margin-top:var(--spacing-xs);width:100%}.connected-state{align-items:flex-start;flex-direction:column}.benefits-list{grid-template-columns:1fr}.integration-action-btn,.integration-connect-btn{justify-content:center;width:100%}.coming-soon-card{padding:var(--spacing-lg)}}@media (max-width:768px) and (min-width:481px){.settings-tab span{display:inline;font-size:.8rem}.settings-tab svg{height:18px;width:18px}}@media (max-width:480px){.settings-tab{padding:var(--spacing-sm) var(--spacing-xs)}.settings-tab span{display:none}.customization-card .card-header{flex-wrap:wrap;gap:var(--spacing-sm)}.customization-card .add-item-btn{margin-top:var(--spacing-xs)}}.games-list{gap:var(--spacing-sm)}.game-item,.games-list{display:flex;flex-direction:column}.game-item{background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-md);gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.game-item:hover{background:var(--color-bg-hover);border-color:var(--color-border)}.game-item-main{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.game-name{color:var(--color-text-primary);font-weight:500}.game-age-badge{background:#8b5cf61a;border-radius:var(--radius-full);color:#8b5cf6;font-size:.75rem;font-weight:500;padding:2px 8px}.game-goals-preview{display:flex;flex-wrap:wrap;gap:4px;margin-top:2px}.goal-mini-badge{white-space:nowrap}.goal-mini-badge,.goals-more{border-radius:var(--radius-sm);font-size:.7rem;font-weight:500;padding:2px 6px}.goals-more{background:var(--color-bg-secondary);color:var(--color-text-muted)}.game-item .item-actions{align-self:flex-end;margin-top:var(--spacing-xs)}.game-modal{background:var(--color-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow:hidden;width:100%}.game-modal-body{flex:1 1;min-height:0;overflow-y:auto;padding:var(--spacing-lg)}.age-range-row{margin-bottom:var(--spacing-md)}.age-inputs{align-items:center;display:flex;gap:var(--spacing-md)}.age-input-wrapper{display:flex;flex-direction:column;gap:4px}.age-input-wrapper .age-label{color:var(--color-text-muted);font-size:.75rem}.age-input-wrapper input{border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:1rem;padding:var(--spacing-sm);text-align:center;width:80px}.age-separator{color:var(--color-text-muted);font-size:.9rem;padding-top:20px}.goals-section{margin-top:var(--spacing-md)}.goals-section .field-description{color:var(--color-text-muted);font-size:.85rem;margin-bottom:var(--spacing-md)}.goals-categories{display:flex;flex-direction:column;gap:var(--spacing-xs);padding-left:var(--spacing-xs)}.goal-category{background:var(--color-card);border:1px solid var(--color-border-light);border-radius:var(--radius-md);overflow:hidden}.category-header{align-items:center;background:var(--color-bg-secondary);border:none;color:var(--color-text-primary);cursor:pointer;display:flex;font-family:inherit;font-size:.9rem;font-weight:500;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);text-align:right;transition:all var(--transition-fast);width:100%}.category-header:hover{background:var(--color-bg-hover)}.category-color-dot{border-radius:50%;flex-shrink:0;height:10px;width:10px}.category-name{flex:1 1;text-align:right}.selected-count{background:var(--color-bg-secondary);border-radius:var(--radius-full);color:var(--color-text-muted);font-size:.75rem;padding:2px 8px}.category-header.expanded .selected-count{background:var(--color-primary-light);color:var(--color-primary)}.expand-icon{color:var(--color-text-muted);transition:transform var(--transition-fast)}.category-header.expanded .expand-icon{transform:rotate(90deg)}.category-goals{background:var(--color-card);border-top:1px solid var(--color-border-light);display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md)}.goal-checkbox-item{align-items:flex-start!important;border-radius:var(--radius-sm);cursor:pointer;display:flex!important;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);transition:background var(--transition-fast)}.goal-checkbox-item:hover{background:var(--color-bg-secondary)}.goal-checkbox-item input[type=checkbox]{display:none}.checkbox-custom{align-items:center;border:2px solid var(--color-border);border-radius:4px;display:flex;flex-shrink:0;height:18px;justify-content:center;margin-top:2px;transition:all var(--transition-fast);width:18px}.checkbox-custom svg{color:#fff}.goal-label{color:var(--color-text-secondary);font-size:.85rem;line-height:1.4}.goal-checkbox-item.checked .goal-label{color:var(--color-text-primary);font-weight:500}.selected-goals-preview{background:#8b5cf614;border:1px solid #8b5cf633;border-radius:var(--radius-md);margin-top:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md)}.selected-goals-preview .preview-label{color:#8b5cf6;font-size:.85rem;font-weight:500}@media (max-width:600px){.game-modal{border-radius:0;max-height:100vh;max-width:100%}.age-inputs{align-items:flex-start;flex-direction:column}.age-separator{align-self:center;padding-top:0}.age-input-wrapper input{width:100%}}.rooms-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)}.room-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:all .2s ease}.room-card:hover{border-color:var(--color-primary);box-shadow:0 4px 12px #00000014}.room-card-header{align-items:flex-start;display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.room-icon{align-items:center;background:linear-gradient(135deg,var(--color-primary-light),var(--color-primary));border-radius:var(--radius-md);color:#fff;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.room-info{flex:1 1;min-width:0}.room-name{color:var(--color-text-primary);font-size:1.1rem;font-weight:600;margin:0 0 var(--spacing-xs)}.room-badges{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.room-badge{align-items:center;border-radius:var(--radius-sm);display:inline-flex;font-size:.75rem;font-weight:500;gap:4px;padding:2px 8px}.room-badge.accessible{background:#22c55e1a;color:#16a34a}.room-badge.capacity{background:#3b82f61a;color:#2563eb}.room-actions{display:flex;gap:var(--spacing-xs)}.room-action-btn{align-items:center;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.room-action-btn:hover{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary)}.room-action-btn.delete:hover{background:#ef44441a;border-color:#ef4444;color:#ef4444}.room-card-body{border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:var(--spacing-sm);padding-top:var(--spacing-md)}.room-detail{align-items:center;display:flex;font-size:.875rem;justify-content:space-between}.room-detail .detail-label{color:var(--color-text-secondary)}.room-detail .detail-value{color:var(--color-text-primary);font-weight:500}.room-detail.muted .detail-label,.room-detail.muted .detail-value{color:var(--color-text-muted);font-style:italic}.room-detail .detail-value.open{color:#16a34a}.room-detail .detail-value.restricted{color:#f59e0b}.empty-rooms{color:var(--color-text-secondary);padding:var(--spacing-2xl) var(--spacing-xl);text-align:center}.empty-rooms svg{color:var(--color-text-muted);margin-bottom:var(--spacing-md)}.empty-rooms h4{color:var(--color-text-primary);font-size:1.1rem;margin:0 0 var(--spacing-xs)}.empty-rooms p{font-size:.9rem;margin:0}.rooms-info{margin-top:var(--spacing-lg)}.room-modal{background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-height:90vh;max-width:520px;overflow-y:auto;width:90%}.room-modal .modal-body{display:flex;flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-lg) var(--spacing-xl)}.room-modal .form-row{align-items:flex-end;display:flex;gap:var(--spacing-lg)}.room-modal .form-row .form-group{flex:1 1}.room-modal .checkbox-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.room-modal .checkbox-label{align-items:center;cursor:pointer;display:flex;font-size:.9rem;gap:var(--spacing-sm)}.room-modal .checkbox-label input[type=checkbox]{display:none}.room-modal .checkbox-box{align-items:center;border:2px solid var(--color-border);border-radius:var(--radius-sm);color:#0000;display:flex;height:24px;justify-content:center;transition:all .2s ease;width:24px}.room-modal .checkbox-label input[type=checkbox]:checked+.checkbox-box{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.room-modal .checkbox-text{color:var(--color-text-primary)}.room-modal .allow-others{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-md)}.room-modal .allow-others .field-hint{margin-right:36px;margin-top:var(--spacing-xs)}.room-availability-section{border-top:2px solid var(--color-border);margin-top:var(--spacing-lg);padding-top:var(--spacing-lg)}.room-availability-section .availability-header{align-items:center;display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.room-availability-section .availability-header h4{color:var(--color-text-primary);font-size:1rem;font-weight:600;margin:0}.room-availability-section .availability-header svg{color:var(--color-primary)}.room-availability-section .availability-hint{color:var(--color-text-secondary);font-size:.85rem;margin:0 0 var(--spacing-md) 0}.room-availability-grid{grid-gap:var(--spacing-sm);display:grid;gap:var(--spacing-sm);grid-template-columns:repeat(7,1fr)}.room-availability-grid .availability-day{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);min-width:0;padding:var(--spacing-sm)}.room-availability-grid .day-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;flex-direction:column;margin-bottom:var(--spacing-xs);padding-bottom:var(--spacing-xs)}.room-availability-grid .day-name{color:var(--color-text-primary);font-size:.85rem;font-weight:600}.room-availability-grid .day-date{color:var(--color-text-secondary);font-size:.75rem}.room-availability-grid .day-slots{display:flex;flex-direction:column;gap:var(--spacing-xs)}.room-availability-grid .slot-row{align-items:center;display:flex;gap:4px}.room-availability-grid .slot-row input[type=time]{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.75rem;padding:4px;width:100%}.room-availability-grid .slot-separator{color:var(--color-text-secondary);flex-shrink:0;font-size:.75rem}.room-availability-grid .remove-slot-btn{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:24px;justify-content:center;transition:all .2s;width:24px}.room-availability-grid .remove-slot-btn:hover{background:#ef44441a;color:#ef4444}.room-availability-grid .add-slot-btn{align-items:center;background:#0000;border:1px dashed var(--color-border);border-radius:var(--radius-sm);color:var(--color-primary);cursor:pointer;display:flex;font-size:.7rem;font-weight:500;gap:4px;justify-content:center;padding:6px;transition:all .2s;width:100%}.room-availability-grid .add-slot-btn:hover{background:#8b5cf614;border-color:var(--color-primary)}@media (max-width:900px){.room-availability-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:700px){.room-availability-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:600px){.rooms-grid{grid-template-columns:1fr}.room-modal{border-radius:0;max-height:100vh;max-width:100%}.room-modal .form-row{align-items:stretch;flex-direction:column;gap:var(--spacing-md)}.room-availability-grid{grid-template-columns:repeat(2,1fr)}.room-availability-grid .slot-row input[type=time]{font-size:.7rem;padding:3px}}.btn-light{align-items:center;background:var(--color-primary);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-weight:500;gap:var(--spacing-sm);transition:background .2s ease;white-space:nowrap}.btn-light:hover:not(:disabled){background:var(--color-primary-dark)}.btn-light:disabled{cursor:not-allowed;opacity:.5}.btn-light-small{font-size:.813rem;padding:var(--spacing-xs) var(--spacing-md)}.btn-light-medium{font-size:.938rem;padding:var(--spacing-sm) var(--spacing-lg)}.btn-light-large{font-size:1rem;padding:var(--spacing-md) var(--spacing-xl)}.btn-light-full-width{justify-content:center;width:100%}.morning-page{margin:0 auto;max-width:1400px;padding:var(--spacing-lg)}.morning-page-header{flex-wrap:wrap;justify-content:space-between;margin-bottom:var(--spacing-xl)}.header-title,.morning-page-header{align-items:center;display:flex;gap:var(--spacing-md)}.morning-logo-icon{border-radius:var(--radius-md);height:48px;object-fit:cover;width:48px}.header-title h1{color:var(--color-text-primary);font-size:1.5rem;font-weight:600;margin:0}.connection-status{align-items:center;color:var(--color-success);display:flex;font-size:.813rem;gap:var(--spacing-xs);margin-top:4px}.connection-status svg{flex-shrink:0}.create-invoice-btn{align-items:center;background:var(--color-primary);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:inline-flex;font-size:.938rem;font-weight:500;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);transition:background .2s ease}.create-invoice-btn:hover{background:var(--color-primary-dark)}.morning-stats-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(4,1fr);margin-bottom:var(--spacing-xl)}.stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);gap:var(--spacing-md);padding:var(--spacing-lg)}.stat-card,.stat-icon{align-items:center;display:flex}.stat-icon{border-radius:var(--radius-md);flex-shrink:0;height:48px;justify-content:center;width:48px}.stat-icon.documents{background:var(--color-primary-bg);color:var(--color-primary)}.stat-icon.income{background:var(--color-success-bg);color:var(--color-success)}.stat-icon.vat{background:#8b5cf61a;color:#8b5cf6}.stat-icon.average{background:#06b6d41a;color:#06b6d4}.stat-content{display:flex;flex-direction:column;gap:4px}.stat-value{color:var(--color-text-primary);font-size:1.25rem;font-weight:600}.stat-label{color:var(--color-text-tertiary);font-size:.813rem}.documents-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-xl);padding:var(--spacing-lg)}.section-headerrr{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:space-between;margin-bottom:var(--spacing-lg)}.section-header h2{color:var(--color-text-primary);font-size:1.125rem;font-weight:600;margin:0}.section-actions{gap:var(--spacing-md)}.search-box,.section-actions{align-items:center;display:flex}.search-box{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);gap:var(--spacing-sm);min-width:240px;padding:var(--spacing-sm) var(--spacing-md)}.search-box svg{color:var(--color-text-tertiary);flex-shrink:0}.search-box input{background:none;border:none;color:var(--color-text-primary);flex:1 1;font-size:.875rem}.search-box input:focus{outline:none}.clear-search,.search-box input::placeholder{color:var(--color-text-tertiary)}.clear-search{background:none;border:none;cursor:pointer;display:flex;padding:2px}.clear-search:hover{color:var(--color-text-secondary)}.filter-select{align-items:center;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md)}.filter-select svg{color:var(--color-text-tertiary);flex-shrink:0}.filter-select select{background:none;border:none;color:var(--color-text-primary);cursor:pointer;font-size:.875rem}.filter-select select:focus{outline:none}.empty-state,.loading-state{align-items:center;color:var(--color-text-tertiary);display:flex;flex-direction:column;gap:var(--spacing-md);justify-content:center;padding:var(--spacing-xxl)}.loading-state .spinner{animation:spin 1s linear infinite}.empty-state h3{color:var(--color-text-secondary);font-size:1rem;font-weight:500;margin:0}.empty-state p{font-size:.875rem;margin:0}.documents-table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.documents-table{border-collapse:collapse;width:100%}.documents-table td,.documents-table th{border-bottom:1px solid var(--color-border);padding:var(--spacing-sm) var(--spacing-md);text-align:right}.documents-table th{background:var(--color-background);color:var(--color-text-tertiary);font-size:.813rem;font-weight:500}.documents-table td{color:var(--color-text-primary);font-size:.875rem}.documents-table tbody tr:hover{background:var(--color-background)}.doc-number{font-family:monospace;font-weight:500}.doc-type-badge{background:var(--color-primary-bg);border-radius:var(--radius-sm);color:var(--color-primary);display:inline-block;font-size:.75rem;font-weight:500;padding:4px 8px}.doc-date{color:var(--color-text-secondary)}.doc-patient{align-items:center;display:flex;gap:var(--spacing-xs)}.doc-patient svg{color:var(--color-text-tertiary)}.doc-amount{font-family:monospace;font-weight:600}.payment-badge{background:var(--color-background);border-radius:var(--radius-sm);color:var(--color-text-secondary);display:inline-block;font-size:.75rem;padding:4px 8px}.doc-actions{display:flex;gap:var(--spacing-xs)}.action-btn{background:none;border:none;border-radius:var(--radius-sm);color:var(--color-text-tertiary);cursor:pointer;padding:var(--spacing-xs);transition:all .2s ease}.action-btn:hover{background:var(--color-background);color:var(--color-text-primary)}.action-btn.view:hover{color:var(--color-primary)}.action-btn.download:hover{color:var(--color-success)}.action-btn.external:hover{color:#f7931e}.quick-actions-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-lg)}.quick-actions-section h3{color:var(--color-text-primary);font-size:1rem;font-weight:600;margin:0 0 var(--spacing-md) 0}.quick-actions-grid-morning{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(3,1fr)}.quick-action-card{align-items:center;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;display:flex;flex-direction:column;gap:var(--spacing-sm);justify-content:center;padding:var(--spacing-lg);transition:all .2s ease}.quick-action-card:hover{background:var(--color-primary-bg);border-color:var(--color-primary)}.quick-action-card svg{color:var(--color-primary)}.quick-action-card span{color:var(--color-text-primary);font-size:.875rem;font-weight:500}.morning-not-connected{align-items:center;display:flex;justify-content:center;min-height:400px}.not-connected-content{max-width:400px;text-align:center}.not-connected-content .plugs-icon{color:var(--color-text-tertiary);margin-bottom:var(--spacing-lg)}.not-connected-content h2{color:var(--color-text-primary);font-size:1.25rem;font-weight:600;margin:0 0 var(--spacing-sm) 0}.not-connected-content p{color:var(--color-text-secondary);font-size:.938rem;line-height:1.6;margin:0 0 var(--spacing-xl) 0}.not-connected-content .btn-primary{align-items:center;background:var(--color-primary);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:inline-flex;font-size:.938rem;font-weight:500;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);transition:background .2s ease}.not-connected-content .btn-primary:hover{background:var(--color-primary-dark)}.create-invoice-modal{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;max-height:90vh;max-width:500px;overflow:hidden;width:100%}.create-invoice-modal .modal-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:var(--spacing-lg)}.create-invoice-modal .modal-header h3{color:var(--color-text-primary);font-size:1.125rem;font-weight:600;margin:0}.create-invoice-modal .modal-close{background:none;border:none;border-radius:var(--radius-sm);color:var(--color-text-tertiary);cursor:pointer;display:flex;padding:var(--spacing-xs)}.create-invoice-modal .modal-close:hover{background:var(--color-background);color:var(--color-text-primary)}.create-invoice-modal .modal-body{-webkit-overflow-scrolling:touch;overflow-y:auto;padding:var(--spacing-lg)}.create-invoice-modal .form-group{margin-bottom:var(--spacing-md)}.create-invoice-modal .form-group label{align-items:center;color:var(--color-text-primary);display:flex;font-size:.875rem;font-weight:500;gap:var(--spacing-xs);margin-bottom:var(--spacing-xs)}.create-invoice-modal .form-group label.required:after{color:var(--color-error);content:" *"}.create-invoice-modal .form-group label svg{color:var(--color-text-tertiary)}.create-invoice-modal .form-group input,.create-invoice-modal .form-group select{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:.938rem;padding:var(--spacing-sm) var(--spacing-md);width:100%}.create-invoice-modal .form-group input:focus,.create-invoice-modal .form-group select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-bg);outline:none}.create-invoice-modal .form-row{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:1fr 1fr}.create-invoice-modal .error-message{align-items:center;background:var(--color-error-bg);border:1px solid var(--color-error-light);border-radius:var(--radius-md);display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-md);padding:var(--spacing-md)}.create-invoice-modal .error-message svg{color:var(--color-error);flex-shrink:0}.create-invoice-modal .error-message span{color:var(--color-error-dark);font-size:.875rem}.create-invoice-modal .modal-footer{border-top:1px solid var(--color-border);display:flex;gap:var(--spacing-md);justify-content:flex-end;padding:var(--spacing-lg)}.create-invoice-modal .btn-primary,.create-invoice-modal .btn-secondary{align-items:center;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:.938rem;font-weight:500;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);transition:all .2s ease}.create-invoice-modal .btn-secondary{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-secondary)}.create-invoice-modal .btn-secondary:hover:not(:disabled){background:var(--color-background)}.create-invoice-modal .btn-primary{background:var(--color-primary);border:none;color:#fff}.create-invoice-modal .btn-primary:hover:not(:disabled){background:var(--color-primary-dark)}.create-invoice-modal .btn-primary:disabled,.create-invoice-modal .btn-secondary:disabled{cursor:not-allowed;opacity:.5}.create-invoice-modal .spinner{animation:spin 1s linear infinite}.success-body{align-items:center;display:flex;justify-content:center;min-height:200px}.success-body .success-content{text-align:center}.success-body .success-icon{animation:scaleIn .4s ease;color:var(--color-success);margin-bottom:var(--spacing-md)}@keyframes scaleIn{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.success-body h4{color:var(--color-text-primary);font-size:1.125rem;font-weight:600;margin:0 0 var(--spacing-sm) 0}.success-body p{color:var(--color-text-secondary);font-size:.938rem;margin:0}@media (max-width:1024px){.morning-stats-grid{grid-template-columns:repeat(2,1fr)}.quick-actions-grid-morning{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.morning-page{padding:var(--spacing-md)}.morning-page-header{align-items:flex-start;flex-direction:column}.create-invoice-btn{justify-content:center;width:100%}.morning-stats-grid{gap:var(--spacing-sm);grid-template-columns:1fr 1fr}.stat-card{padding:var(--spacing-md)}.stat-icon{height:40px;width:40px}.stat-value{font-size:1rem}.section-header{align-items:flex-start;flex-direction:column}.section-actions{flex-direction:column;width:100%}.search-box{min-width:auto;width:100%}.filter-select{width:100%}.filter-select select{flex:1 1}.quick-actions-grid-morning{grid-template-columns:1fr}.create-invoice-modal{border-radius:0;height:100%;max-height:100%;max-width:100%}.create-invoice-modal .form-row{grid-template-columns:1fr}.documents-table td:nth-child(6),.documents-table th:nth-child(6){display:none}}.date-filter{align-items:center;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md)}.date-filter svg{color:var(--color-text-tertiary);flex-shrink:0}.date-filter input[type=date]{background:none;border:none;color:var(--color-text-primary);cursor:pointer;font-size:.813rem;padding:2px 4px}.date-filter input[type=date]:focus{outline:none}.date-separator{color:var(--color-text-tertiary);font-size:.813rem}.btn-search{align-items:center;background:var(--color-primary);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);transition:background .2s ease}.btn-search:hover{background:var(--color-primary-dark)}.btn-refresh{align-items:center;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:inline-flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.btn-refresh:hover:not(:disabled){background:var(--color-surface);border-color:var(--color-primary);color:var(--color-primary)}.btn-refresh:disabled{cursor:not-allowed;opacity:.5}.btn-refresh .spinning{animation:spin 1s linear infinite}.btn-clear-filters{align-items:center;background:var(--color-error-bg);border:1px solid var(--color-error-light);border-radius:var(--radius-md);color:var(--color-error);cursor:pointer;display:inline-flex;font-size:.813rem;font-weight:500;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);transition:all .2s ease}.btn-clear-filters:hover{background:var(--color-error-light)}.error-state{align-items:center;background:var(--color-error-bg);border-radius:var(--radius-md);color:var(--color-error);display:flex;flex-direction:column;gap:var(--spacing-md);justify-content:center;margin-bottom:var(--spacing-md);padding:var(--spacing-xl)}.error-state span{font-size:.938rem}.error-state button{background:var(--color-surface);border:1px solid var(--color-error);border-radius:var(--radius-md);color:var(--color-error);cursor:pointer;font-size:.875rem;padding:var(--spacing-xs) var(--spacing-md);transition:all .2s ease}.error-state button:hover{background:var(--color-error);color:#fff}.pagination{border-top:1px solid var(--color-border);display:flex;gap:var(--spacing-md);margin-top:var(--spacing-lg);padding-top:var(--spacing-lg)}.pagination,.pagination-btn{align-items:center;justify-content:center}.pagination-btn{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:inline-flex;height:36px;transition:all .2s ease;width:36px}.pagination-btn:hover:not(:disabled){background:var(--color-primary-bg);border-color:var(--color-primary);color:var(--color-primary)}.pagination-btn:disabled{cursor:not-allowed;opacity:.4}.pagination-info{align-items:center;display:flex;flex-direction:column;gap:2px}.pagination-info span:first-child{color:var(--color-text-primary);font-size:.938rem;font-weight:500}.pagination-total{color:var(--color-text-tertiary);font-size:.75rem}.view-invoice-link{align-items:center;background:var(--color-primary-bg);border-radius:var(--radius-md);color:var(--color-primary);display:inline-flex;font-size:.875rem;font-weight:500;gap:var(--spacing-xs);margin-top:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;transition:all .2s ease}.empty-state .btn-primary,.view-invoice-link:hover{background:var(--color-primary);color:#fff}.empty-state .btn-primary{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:.938rem;font-weight:500;gap:var(--spacing-sm);margin-top:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);transition:background .2s ease}.empty-state .btn-primary:hover{background:var(--color-primary-dark)}@media (max-width:1200px){.section-actions{flex-wrap:wrap}.date-filter{min-width:100%;order:3}}@media (max-width:768px){.date-filter{align-items:stretch;flex-direction:column;padding:var(--spacing-sm)}.date-filter input[type=date]{width:100%}.date-separator{display:none}.btn-clear-filters,.btn-refresh,.btn-search{justify-content:center;width:100%}.pagination{flex-direction:row;gap:var(--spacing-sm)}}.morning-full-loader{align-items:center;color:var(--color-text-secondary);display:flex;flex-direction:column;gap:var(--spacing-lg);justify-content:center;min-height:400px}.morning-full-loader .spinner{animation:spin 1s linear infinite;color:var(--color-primary)}.morning-full-loader span{color:var(--color-text-secondary);font-size:1rem}.morning-stats-single{margin-bottom:var(--spacing-xl)}.stat-card-large{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-wrap:wrap;gap:var(--spacing-lg);padding:var(--spacing-lg) var(--spacing-xl)}.stat-card-large .stat-icon{border-radius:var(--radius-lg);height:64px;width:64px}.stat-card-large .stat-icon.documents{background:var(--color-primary-bg);color:var(--color-primary)}.stat-card-large .stat-content{flex:1 1;min-width:150px}.stat-card-large .stat-value{color:var(--color-text-primary);display:block;font-size:2rem;font-weight:700}.stat-card-large .stat-label{color:var(--color-text-secondary);font-size:.938rem}.stat-card-large .stat-actions{align-items:center;display:flex}.stat-link{align-items:center;background:var(--color-primary-bg);border:1px solid var(--color-primary-light);border-radius:var(--radius-md);color:var(--color-primary);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;transition:all .2s ease}.stat-link:hover{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.stat-link svg:last-child{opacity:.7}.success-note{align-items:center;color:var(--color-text-tertiary);display:flex;font-size:.813rem;gap:var(--spacing-xs);justify-content:center;margin-top:var(--spacing-md)}@media (max-width:768px){.stat-card-large{flex-direction:column;padding:var(--spacing-lg);text-align:center}.stat-card-large .stat-icon{height:56px;width:56px}.stat-card-large .stat-value{font-size:1.75rem}.stat-card-large .stat-actions{width:100%}.stat-link{justify-content:center;width:100%}}.niv-dashboard-loading{align-items:center;color:var(--color-text-secondary);display:flex;flex-direction:column;gap:var(--spacing-md);justify-content:center;min-height:400px}.niv-dashboard-loading .spinner{animation:spin 1s linear infinite;color:var(--color-primary)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.spinning{animation:spin 1s linear infinite}.niv-dashboard-page{margin:0 auto;max-width:1400px;padding:var(--spacing-lg)}.niv-page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-lg)}.niv-page-title{align-items:center;display:flex;gap:var(--spacing-md)}.niv-page-title h1{color:var(--color-text-primary);font-size:1.75rem;font-weight:700;margin:0}.niv-crown-icon{color:#f59e0b}.niv-header-actions{display:flex;gap:var(--spacing-sm)}.niv-stats-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(4,1fr);margin-bottom:var(--spacing-lg)}.niv-stat-card{align-items:center;background:#fff;border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;gap:var(--spacing-md);padding:var(--spacing-lg);position:relative;transition:transform .2s,box-shadow .2s}.niv-stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.niv-stat-source{left:var(--spacing-sm);position:absolute;top:var(--spacing-sm)}.niv-stat-icon{align-items:center;border-radius:var(--radius-md);display:flex;flex-shrink:0;height:56px;justify-content:center;width:56px}.niv-stat-icon.revenue{background:linear-gradient(135deg,#22c55e20,#16a34a20);color:#16a34a}.niv-stat-icon.active{background:linear-gradient(135deg,#3b82f620,#2563eb20);color:#2563eb}.niv-stat-icon.trial{background:linear-gradient(135deg,#f59e0b20,#d97706);color:#d97706}.niv-stat-icon.warning{background:linear-gradient(135deg,#ef444420,#dc262620);color:#dc2626}.niv-stat-content{display:flex;flex-direction:column;gap:4px}.niv-stat-value{color:var(--color-text-primary);font-size:1.75rem;font-weight:700;line-height:1}.niv-stat-label{color:var(--color-text-secondary);font-size:.875rem}.niv-tabs{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-lg);overflow-x:auto;padding:var(--spacing-xs)}.niv-tab,.niv-tabs{display:flex;gap:var(--spacing-xs)}.niv-tab{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;font-size:.95rem;font-weight:500;padding:var(--spacing-sm) var(--spacing-md);transition:all .2s;white-space:nowrap}.niv-tab:hover{background:var(--color-background);color:var(--color-text-primary)}.niv-tab.active{background:var(--color-primary);color:#fff}.niv-tab-content{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);min-height:400px}.niv-overview-content{padding:var(--spacing-lg)}.niv-overview-grid{grid-gap:var(--spacing-lg);gap:var(--spacing-lg);grid-template-columns:repeat(2,1fr)}.niv-card{background:var(--color-background);border:1px solid var(--color-border-light);border-radius:var(--radius-md)}.niv-card-header{align-items:center;border-bottom:1px solid var(--color-border-light);display:flex;justify-content:space-between;padding:var(--spacing-md)}.niv-card-header h3{align-items:center;color:var(--color-text-primary);display:flex;font-size:1rem;font-weight:600;gap:var(--spacing-sm);margin:0}.niv-card-body{max-height:300px;overflow-y:auto;padding:var(--spacing-md)}.niv-badge{align-items:center;background:var(--color-primary);border-radius:12px;color:#fff;display:inline-flex;font-size:.75rem;font-weight:600;height:24px;justify-content:center;min-width:24px;padding:0 var(--spacing-sm)}.niv-badge.warning{background:#ef4444}.niv-onboarding-item{align-items:center;background:#fff;border-radius:var(--radius-sm);display:flex;justify-content:space-between;margin-bottom:var(--spacing-sm);padding:var(--spacing-sm)}.niv-onboarding-item:last-child{margin-bottom:0}.niv-onboarding-info{display:flex;flex-direction:column;gap:4px}.niv-onboarding-info strong{color:var(--color-text-primary);font-size:.9rem}.niv-onboarding-info a{align-items:center;color:var(--color-primary);display:inline-flex;font-size:.8rem;gap:4px;text-decoration:none}.niv-date{color:var(--color-text-secondary);font-size:.8rem}.niv-call-requests-card .niv-card-header h3{color:#7c3aed}.niv-call-request-item{align-items:flex-start;background:#fff;border-radius:var(--radius-sm);border-right:3px solid #f59e0b;display:flex;justify-content:space-between;margin-bottom:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);transition:all .2s ease}.niv-call-request-item.contacted{border-right-color:#3b82f6}.niv-call-request-item.completed{border-right-color:#22c55e;opacity:.7}.niv-call-request-item:last-child{margin-bottom:0}.niv-call-request-info{display:flex;flex:1 1;flex-direction:column;gap:6px}.niv-call-request-info strong{color:var(--color-text-primary);font-size:.9rem}.niv-call-request-details{display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.niv-email-link,.niv-phone-link{align-items:center;color:var(--color-primary);display:inline-flex;font-size:.8rem;gap:4px;text-decoration:none}.niv-email-link:hover,.niv-phone-link:hover{text-decoration:underline}.niv-call-request-meta{align-items:center;display:flex;gap:var(--spacing-sm)}.niv-call-status{border-radius:var(--radius-sm);display:inline-block;font-size:.75rem;font-weight:500;padding:2px 8px}.niv-call-request-actions{align-items:center;display:flex;gap:4px}.niv-unpaid-item{align-items:center;background:#fff;border-radius:var(--radius-sm);display:flex;justify-content:space-between;margin-bottom:var(--spacing-sm);padding:var(--spacing-sm)}.niv-unpaid-info{display:flex;flex-direction:column;gap:2px}.niv-unpaid-info strong{font-size:.9rem}.niv-unpaid-info span{color:var(--color-text-secondary);font-size:.85rem}.niv-task-item{align-items:center;background:#fff;border-radius:var(--radius-sm);display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);padding:var(--spacing-sm)}.niv-task-checkbox{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:0}.niv-task-checkbox:hover{color:var(--color-primary)}.niv-task-title{flex:1 1;font-size:.9rem}.niv-priority-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.niv-alert-item{align-items:center;border-radius:var(--radius-sm);display:flex;font-size:.9rem;gap:var(--spacing-sm);padding:var(--spacing-sm)}.niv-alert-item.error{background:#fef2f2;color:#dc2626}.niv-alert-item.warning{background:#fffbeb;color:#d97706}.niv-empty{color:var(--color-text-secondary);text-align:center}.niv-clinics-content,.niv-empty{padding:var(--spacing-lg)}.niv-filters-bar{display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.niv-search-box{align-items:center;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;flex:1 1;gap:var(--spacing-sm);max-width:400px;min-width:200px;padding:var(--spacing-sm) var(--spacing-md)}.niv-search-box input{background:none;border:none;flex:1 1;font-size:.95rem;outline:none}.niv-select{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;font-size:.95rem;padding:var(--spacing-sm) var(--spacing-md)}.niv-select-inline{max-width:180px;width:100%}.niv-input-inline,.niv-select-inline{background:#fff;border:1px solid var(--color-primary);border-radius:var(--radius-sm);font-size:.85rem;padding:var(--spacing-xs) var(--spacing-sm)}.niv-input-inline{width:100px}.niv-table-container{overflow-x:auto}.niv-table th{border-bottom:1px solid var(--color-border);font-size:.85rem;padding:var(--spacing-md)}.niv-table td{font-size:.9rem;padding:var(--spacing-md)}.niv-table tbody tr:hover{background:var(--color-background)}.niv-clinic-name{align-items:center;display:flex;gap:var(--spacing-sm)}.niv-clinic-name.clickable{cursor:pointer}.niv-clinic-name.clickable:hover strong{color:var(--color-primary)}.niv-clinic-name div{display:flex;flex-direction:column;gap:2px}.niv-clinic-name strong{font-weight:600;transition:color .2s}.niv-phone{color:var(--color-text-secondary);font-size:.8rem}.niv-plan-name{align-items:center;display:flex;gap:4px}.niv-custom{font-weight:700}.niv-amount{color:var(--color-success);font-weight:600}.niv-payment-badge,.niv-status-badge{align-items:center;border-radius:12px;display:inline-flex;font-size:.8rem;font-weight:500;padding:4px 10px}.niv-actions{display:flex;gap:var(--spacing-xs)}.niv-plans-content{padding:var(--spacing-lg)}.niv-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-lg)}.niv-section-header h2{font-size:1.25rem;font-weight:600;margin:0}.niv-plans-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.niv-plan-card{background:var(--color-background);border:2px solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--spacing-lg);position:relative;transition:border-color .2s,box-shadow .2s}.niv-plan-card:hover{box-shadow:var(--shadow-md)}.niv-plan-card.default,.niv-plan-card:hover{border-color:var(--color-primary)}.niv-default-badge{background:var(--color-primary);border-radius:12px;color:#fff;font-size:.75rem;font-weight:600;padding:4px 12px;position:absolute;right:var(--spacing-md);top:-10px}.niv-plan-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:var(--spacing-sm)}.niv-plan-header h3{font-size:1.25rem;font-weight:700;margin:0}.niv-plan-price{color:var(--color-success);font-size:1.5rem;font-weight:700}.niv-plan-code{color:var(--color-text-secondary);font-size:.8rem;margin-bottom:var(--spacing-md)}.niv-plan-features{list-style:none;margin:0 0 var(--spacing-md) 0;padding:0}.niv-plan-features li{align-items:center;color:var(--color-text-secondary);display:flex;font-size:.9rem;gap:var(--spacing-xs);padding:var(--spacing-xs) 0}.niv-plan-features li svg{color:var(--color-success);flex-shrink:0}.niv-plan-stats{border-top:1px solid var(--color-border-light);color:var(--color-text-secondary);font-size:.85rem;padding:var(--spacing-sm) 0}.niv-plan-actions{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.niv-payment-stat,.niv-payments-content{padding:var(--spacing-lg)}.niv-payment-stat{background:var(--color-background);border:1px solid var(--color-border-light);border-radius:var(--radius-md);text-align:center}.niv-payment-stat .niv-stat-label{color:var(--color-text-secondary);font-size:.9rem;margin-bottom:var(--spacing-xs)}.niv-payment-stat .niv-stat-value{color:var(--color-text-primary);font-size:1.5rem;font-weight:700}.niv-payment-stat.paid .niv-stat-value{color:var(--color-success)}.niv-payment-stat.unpaid .niv-stat-value{color:#ef4444}.niv-paid-indicator{color:var(--color-success)}.niv-tasks-content{padding:var(--spacing-lg)}.niv-empty-state{color:var(--color-text-secondary);padding:var(--spacing-xxl)}.niv-tasks-list-full{display:flex;flex-direction:column;gap:var(--spacing-sm)}.niv-task-card{align-items:flex-start;background:var(--color-background);border:1px solid var(--color-border-light);border-radius:var(--radius-md);display:flex;gap:var(--spacing-md);padding:var(--spacing-md);transition:border-color .2s}.niv-task-card:hover{border-color:var(--color-primary)}.niv-task-card.done{opacity:.6}.niv-task-card .niv-task-checkbox{margin-top:2px}.niv-task-card .niv-task-checkbox.checked{color:var(--color-success)}.niv-task-card .niv-task-content{flex:1 1}.niv-task-card .niv-task-title{display:block;font-size:1rem;font-weight:600;margin-bottom:var(--spacing-xs)}.niv-task-card.done .niv-task-title{text-decoration:line-through}.niv-task-desc{color:var(--color-text-secondary);font-size:.9rem;margin:0 0 var(--spacing-sm) 0}.niv-task-meta{display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.niv-task-meta>span{align-items:center;color:var(--color-text-secondary);display:inline-flex;font-size:.8rem;gap:4px}.niv-priority{font-weight:500}.niv-task-actions{display:flex;gap:var(--spacing-xs)}.niv-btn{font-size:.95rem;justify-content:center;transition:all .2s}.niv-btn:disabled{cursor:not-allowed;opacity:.5}.niv-btn-primary{background:var(--color-primary);color:#fff}.niv-btn-primary:hover:not(:disabled){background:var(--color-primary-hover)}.niv-btn-secondary{background:var(--color-background)}.niv-btn-secondary:hover:not(:disabled){background:var(--color-border-light)}.niv-btn-success{background:#22c55e;color:#fff}.niv-btn-success:hover:not(:disabled){background:#16a34a}.niv-btn-danger{background:#ef4444;color:#fff}.niv-btn-danger:hover:not(:disabled){background:#dc2626}.niv-btn-ghost{background:#0000;color:var(--color-text-secondary)}.niv-btn-ghost:hover:not(:disabled){background:var(--color-background);color:var(--color-text-primary)}.niv-btn-sm{font-size:.85rem;padding:var(--spacing-xs) var(--spacing-sm)}.niv-btn-icon{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;display:inline-flex;height:32px;justify-content:center;padding:0;transition:all .2s;width:32px}.niv-btn-icon:hover{background:var(--color-background);color:var(--color-text-primary)}.niv-btn-icon.niv-btn-success{color:#22c55e}.niv-btn-icon.niv-btn-success:hover{background:#22c55e20}.niv-btn-icon.danger:hover{background:#fee2e2;color:#ef4444}.niv-modal-overlay{inset:0;padding:var(--spacing-md);z-index:1000}.niv-modal{background:#fff;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;overflow:hidden}.niv-modal-sm{max-width:400px}.niv-modal-header{padding:var(--spacing-md) var(--spacing-lg)}.niv-modal-header h3{font-size:1.1rem}.niv-modal-close{background:none;border-radius:var(--radius-sm);padding:var(--spacing-xs);transition:all .2s}.niv-modal-close:hover{background:var(--color-background)}.niv-modal-body{overflow-y:auto}.niv-modal-footer{background:var(--color-background);padding:var(--spacing-md) var(--spacing-lg)}.niv-form-group{margin-bottom:var(--spacing-md)}.niv-form-group:last-child{margin-bottom:0}.niv-form-group label{color:var(--color-text-primary);display:block;font-size:.9rem;margin-bottom:var(--spacing-xs)}.niv-form-group.checkbox label{align-items:center;cursor:pointer;display:flex;gap:var(--spacing-sm)}.niv-form-group input[type=date],.niv-form-group input[type=month],.niv-form-group input[type=number],.niv-form-group input[type=text],.niv-form-group select,.niv-form-group textarea{border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:.95rem;padding:var(--spacing-sm) var(--spacing-md);transition:border-color .2s;width:100%}.niv-form-row{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(2,1fr)}.niv-payment-confirm{text-align:center}.niv-payment-confirm p{margin:0 0 var(--spacing-sm) 0}.niv-payment-confirm .niv-payment-amount{color:var(--color-success);font-size:2rem;font-weight:700;margin-bottom:var(--spacing-lg)}.niv-loading-small{display:flex;justify-content:center;padding:var(--spacing-xl)}@media (max-width:1024px){.niv-stats-grid{grid-template-columns:repeat(2,1fr)}.niv-overview-grid,.niv-payment-summary{grid-template-columns:1fr}}.niv-source-badge{font-size:.6rem;margin-right:var(--spacing-xs);vertical-align:middle}.niv-data-source-legend{border:1px solid var(--color-border-light);font-size:.75rem;padding:var(--spacing-sm) var(--spacing-lg)}.niv-table th{white-space:nowrap}.niv-table th .niv-source-badge{margin-left:var(--spacing-xs);margin-right:0}@media (max-width:768px){.niv-dashboard-page{padding:var(--spacing-md)}.niv-page-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-md)}.niv-stats-grid{grid-template-columns:1fr}.niv-tabs{-webkit-overflow-scrolling:touch;overflow-x:auto}.niv-filters-bar{flex-direction:column}.niv-search-box{max-width:none}.niv-form-row{grid-template-columns:1fr}.niv-table{font-size:.85rem}.niv-table td,.niv-table th{padding:var(--spacing-sm)}.niv-data-source-legend{flex-direction:column;gap:var(--spacing-sm)}}.niv-clinic-detail-page{margin:0 auto;max-width:1400px;padding:var(--spacing-xl)}.niv-clinic-loading,.niv-clinic-not-found{align-items:center;color:var(--color-text-secondary);display:flex;flex-direction:column;gap:var(--spacing-md);justify-content:center;min-height:400px}.niv-clinic-loading .spinner{animation:spin 1s linear infinite;color:var(--color-primary)}.niv-clinic-not-found{color:var(--color-text-light)}.niv-clinic-not-found h2{color:var(--color-text-primary);margin:0}.niv-clinic-header{align-items:center;border-bottom:1px solid var(--color-border-light);display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg)}.niv-back-btn{align-items:center;background:#0000;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:.875rem;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.niv-back-btn:hover{background:var(--color-background-alt);color:var(--color-text-primary)}.niv-clinic-title-section{align-items:center;display:flex;flex:1 1;gap:var(--spacing-md)}.niv-clinic-icon{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:var(--radius-md);color:#fff;display:flex;height:48px;justify-content:center;width:48px}.niv-clinic-info{display:flex;flex-direction:column;gap:var(--spacing-xs)}.niv-clinic-info h1{color:var(--color-text-primary);font-size:1.5rem;font-weight:700;margin:0}.niv-clinic-status{padding:4px 12px;width:-webkit-fit-content;width:fit-content}.niv-clinic-quick-stats{display:flex;gap:var(--spacing-md)}.niv-quick-stat{align-items:center;background:var(--color-background-alt);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:.875rem;padding:var(--spacing-sm) var(--spacing-md)}.niv-clinic-tabs,.niv-quick-stat{display:flex;gap:var(--spacing-xs)}.niv-clinic-tabs{border-bottom:1px solid var(--color-border-light);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-xs)}.niv-clinic-tab{align-items:center;background:#0000;border:none;border-radius:var(--radius-md) var(--radius-md) 0 0;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);position:relative;transition:all var(--transition-fast)}.niv-clinic-tab:hover{background:var(--color-background-alt);color:var(--color-text-primary)}.niv-clinic-tab.active{background:#f59e0b1a;color:#f59e0b}.niv-clinic-tab.active:after{background:#f59e0b;bottom:-1px;content:"";height:2px;left:0;position:absolute;right:0}.niv-clinic-content{background:var(--color-card);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);min-height:400px}.niv-tab-content{padding:var(--spacing-xl)}.niv-content-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-xl)}.niv-content-header h2{color:var(--color-text-primary);font-size:1.25rem;font-weight:600;margin:0}.niv-edit-actions{display:flex;gap:var(--spacing-sm)}.niv-form-grid{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(2,1fr)}.niv-form-section{display:flex;flex-direction:column;gap:var(--spacing-md)}.niv-form-section-full{grid-column:1/-1}.niv-form-section h3{border-bottom:1px solid var(--color-border-light);color:var(--color-text-primary);font-size:1rem;font-weight:600;margin:0;padding-bottom:var(--spacing-sm)}.niv-form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.niv-form-group label{color:var(--color-text-secondary);font-size:.875rem;font-weight:500}.niv-form-group input,.niv-form-group select,.niv-form-group textarea{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:.875rem;padding:var(--spacing-sm) var(--spacing-md);transition:border-color var(--transition-fast)}.niv-form-group input:focus,.niv-form-group select:focus,.niv-form-group textarea:focus{border-color:var(--color-primary);outline:none}.niv-form-group textarea{min-height:100px;resize:vertical}.niv-form-value{color:var(--color-text-primary);font-size:.875rem;margin:0;padding:var(--spacing-sm) 0}.niv-notes-value{background:var(--color-background-alt);border-radius:var(--radius-md);min-height:80px;padding:var(--spacing-md);white-space:pre-wrap}.niv-payment-summary{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(3,1fr);margin-bottom:var(--spacing-xl)}.niv-summary-card{background:var(--color-background-alt);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-lg);text-align:center}.niv-summary-label{color:var(--color-text-secondary);font-size:.875rem}.niv-summary-value{color:var(--color-text-primary);font-size:1.5rem;font-weight:700}.niv-payments-table-container{overflow-x:auto}.niv-payment-status{align-items:center;border-radius:var(--radius-sm);display:inline-flex;font-size:.75rem;font-weight:500;padding:4px 10px}.niv-payment-paid{background:#22c55e1a;color:#22c55e}.niv-payment-unpaid{background:#ef44441a;color:#ef4444}.niv-payment-late{background:#f59e0b1a;color:#f59e0b}.niv-calls-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.niv-call-log-card{border:1px solid var(--color-border-light);border-radius:var(--radius-md);overflow:hidden}.niv-call-log-header{align-items:center;background:var(--color-background-alt);color:var(--color-text-secondary);display:flex;font-size:.875rem;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md)}.niv-call-log-content{color:var(--color-text-primary);font-size:.875rem;line-height:1.6;padding:var(--spacing-md)}.niv-call-log-content p{margin:0 0 var(--spacing-sm)}.niv-call-log-content p:last-child{margin-bottom:0}.niv-usage-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(3,1fr)}.niv-usage-card{align-items:center;background:var(--color-background-alt);border-radius:var(--radius-md);display:flex;gap:var(--spacing-md);padding:var(--spacing-lg)}.niv-usage-card-full{grid-column:1/-1}.niv-usage-icon{align-items:center;background:#3b82f61a;border-radius:var(--radius-md);color:#3b82f6;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.niv-usage-icon.trial{background:#f59e0b1a;color:#f59e0b}.niv-usage-info{display:flex;flex-direction:column;gap:2px}.niv-usage-value{color:var(--color-text-primary);font-size:1.25rem;font-weight:600}.niv-usage-label{color:var(--color-text-secondary);font-size:.875rem}.niv-loading-container{align-items:center;color:var(--color-text-secondary);display:flex;flex-direction:column;gap:var(--spacing-md);justify-content:center;padding:var(--spacing-xl)}.niv-loading-container .spinner{animation:spin 1s linear infinite}.niv-settings-grid{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(2,1fr)}.niv-settings-card{background:var(--color-background-alt);border-radius:var(--radius-md);padding:var(--spacing-lg)}.niv-settings-card h3{color:var(--color-text-primary);font-size:1rem;font-weight:600;margin:0 0 var(--spacing-md)}.niv-current-status{align-items:center;color:var(--color-text-secondary);display:flex;font-size:.875rem;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.niv-status-badge{align-items:center;border-radius:var(--radius-sm);display:inline-flex;font-size:.75rem;font-weight:500;padding:4px 12px}.niv-status-history{border-top:1px solid var(--color-border-light);margin-top:var(--spacing-lg);padding-top:var(--spacing-lg)}.niv-status-history h4{color:var(--color-text-secondary);font-size:.875rem;font-weight:600;margin:0 0 var(--spacing-md)}.niv-status-history-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.niv-status-history-item{align-items:center;color:var(--color-text-secondary);display:flex;font-size:.8rem;gap:var(--spacing-sm)}.niv-status-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.niv-status-history-status{color:var(--color-text-primary);font-weight:500}.niv-status-history-date,.niv-status-history-note{color:var(--color-text-light)}.niv-status-history-note{font-style:italic}.niv-sms-setting{display:flex;flex-direction:column;gap:var(--spacing-md)}.niv-sms-input-group{display:flex;gap:var(--spacing-sm)}.niv-sms-input-group input{flex:1 1}.niv-sms-note{color:var(--color-text-secondary);font-size:.8rem;margin:0}.niv-empty-state{align-items:center;color:var(--color-text-light);display:flex;flex-direction:column;gap:var(--spacing-md);justify-content:center;padding:var(--spacing-xl) * 2}.niv-empty-state p{font-size:.875rem;margin:0}.niv-table{border-collapse:collapse;width:100%}.niv-table th{background:var(--color-background);color:var(--color-text-secondary);font-size:.75rem;font-weight:600;letter-spacing:.5px;text-align:right;text-transform:uppercase}.niv-table td,.niv-table th{border-bottom:1px solid var(--color-border-light);padding:var(--spacing-md) var(--spacing-lg)}.niv-table td{color:var(--color-text-primary);font-size:.875rem;vertical-align:middle}.niv-table-empty{color:var(--color-text-secondary);padding:var(--spacing-xl)!important;text-align:center}.niv-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:var(--z-modal)}.niv-modal{background:var(--color-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.niv-modal-large{max-width:700px}.niv-modal-header{align-items:center;border-bottom:1px solid var(--color-border-light);display:flex;justify-content:space-between;padding:var(--spacing-lg)}.niv-modal-header h3{color:var(--color-text-primary);font-size:1.125rem;font-weight:600;margin:0}.niv-modal-close{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all var(--transition-fast);width:32px}.niv-modal-close:hover{background:var(--color-background-alt);color:var(--color-text-primary)}.niv-modal-body,.niv-modal-footer{padding:var(--spacing-lg)}.niv-modal-footer{border-top:1px solid var(--color-border-light);display:flex;gap:var(--spacing-sm);justify-content:flex-end}.niv-btn{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.niv-btn-primary{background:linear-gradient(135deg,#f59e0b,#d97706);color:#1f2937}.niv-btn-primary:hover{background:linear-gradient(135deg,#d97706,#b45309)}.niv-btn-primary:disabled{cursor:not-allowed;opacity:.5}.niv-btn-secondary{background:var(--color-background-alt);border:1px solid var(--color-border);color:var(--color-text-primary)}.niv-btn-secondary:hover{background:var(--color-border-light)}@media (max-width:1024px){.niv-form-grid,.niv-settings-grid{grid-template-columns:1fr}.niv-usage-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.niv-clinic-detail-page{padding:var(--spacing-md)}.niv-clinic-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-md)}.niv-clinic-quick-stats{flex-wrap:wrap}.niv-clinic-tabs{-webkit-overflow-scrolling:touch;overflow-x:auto;scrollbar-width:none}.niv-clinic-tabs::-webkit-scrollbar{display:none}.niv-clinic-tab{flex-shrink:0;white-space:nowrap}.niv-tab-content{padding:var(--spacing-md)}.niv-payment-summary,.niv-usage-grid{grid-template-columns:1fr}}@media (max-width:480px){.niv-clinic-info h1{font-size:1.25rem}.niv-content-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-md)}}.niv-plan-setting{display:flex;flex-direction:column;gap:var(--spacing-lg)}.niv-current-payment,.niv-current-plan{align-items:center;display:flex;font-size:.95rem;gap:var(--spacing-sm)}.niv-plan-badge{align-items:center;background:var(--color-primary-bg);border-radius:var(--radius-sm);color:var(--color-primary);display:inline-flex;font-weight:500;gap:4px;padding:4px 12px}.niv-custom-indicator{color:var(--color-warning);font-weight:700}.niv-payment-amount{color:var(--color-success);font-size:1.1rem;font-weight:600}.niv-plan-form{border-top:1px solid var(--color-border-light);display:flex;flex-direction:column;gap:var(--spacing-md);padding-top:var(--spacing-md)}.niv-custom-payment-input{display:flex;gap:var(--spacing-sm)}.niv-custom-payment-input input{border:1px solid var(--color-border);border-radius:var(--radius-sm);flex:1 1;font-size:.95rem;padding:var(--spacing-sm)}.niv-plan-note{color:var(--color-text-secondary);font-size:.8rem;margin-top:4px}.niv-source-badge{align-items:center;border-radius:var(--radius-xs);display:inline-flex;font-size:.65rem;font-weight:600;gap:3px;letter-spacing:.5px;padding:2px 6px;text-transform:uppercase}.niv-source-db{background:#3b82f626;border:1px solid #3b82f64d;color:#3b82f6}.niv-source-crm{background:#a855f726;border:1px solid #a855f74d;color:#a855f7}.niv-data-source-legend{background:var(--color-background-alt);border-radius:var(--radius-md);display:flex;font-size:.8rem;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-lg)}.niv-legend-item{align-items:center;color:var(--color-text-secondary);display:flex;gap:var(--spacing-xs)}.niv-legend-item strong{font-weight:600}.niv-clinic-badges{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.niv-clinic-plan-badge,.niv-clinic-status{align-items:center;border-radius:var(--radius-sm);display:inline-flex;font-size:.75rem;font-weight:500;gap:4px;padding:4px 10px}.niv-clinic-plan-badge.trial{background:#3b82f61a;color:#3b82f6}.niv-clinic-plan-badge.active{background:#22c55e1a;color:#22c55e}.niv-quick-stat.expired{background:#ef444426;border:1px solid #ef44444d;color:#ef4444}.niv-quick-stat.warning{background:#f59e0b26;border:1px solid #f59e0b4d;color:#f59e0b}.niv-overview-tab{padding:var(--spacing-lg)}.niv-overview-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(3,1fr)}.niv-overview-card{align-items:center;background:var(--color-background-alt);border:1px solid var(--color-border-light);border-radius:var(--radius-md);display:flex;gap:var(--spacing-md);padding:var(--spacing-lg);position:relative;transition:all var(--transition-fast)}.niv-overview-card:hover{border-color:var(--color-border);box-shadow:var(--shadow-sm)}.niv-card-source{left:var(--spacing-sm);position:absolute;top:var(--spacing-sm)}.niv-overview-icon{align-items:center;background:#f59e0b1a;border-radius:var(--radius-md);color:#f59e0b;display:flex;flex-shrink:0;height:56px;justify-content:center;width:56px}.niv-overview-content{display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-xs)}.niv-overview-content h3{color:var(--color-text-secondary);font-size:.8rem;font-weight:500;letter-spacing:.5px;margin:0;text-transform:uppercase}.niv-big-status{font-size:1.25rem;font-weight:700}.niv-trial-card{background:#3b82f60d;border:2px solid #3b82f64d}.niv-trial-card.expired{background:#ef44440d;border-color:#ef444480}.niv-trial-card.expired .niv-overview-icon{background:#ef44441a;color:#ef4444}.niv-trial-card.warning{background:#f59e0b0d;border-color:#f59e0b80}.niv-trial-card.warning .niv-overview-icon{background:#f59e0b1a;color:#f59e0b}.niv-trial-card .niv-overview-icon{background:#3b82f61a;color:#3b82f6}.niv-trial-info{display:flex;flex-direction:column;gap:2px}.niv-trial-days{color:var(--color-text-primary);font-size:1.25rem;font-weight:700}.niv-trial-date{color:var(--color-text-secondary);font-size:.8rem}.niv-trial-card.expired .niv-trial-days{color:#ef4444}.niv-plan-payment-info{display:flex;flex-direction:column;gap:2px}.niv-plan-label{color:var(--color-text-primary);font-size:.875rem}.niv-plan-payment-info .niv-payment-amount{align-items:center;display:flex;gap:var(--spacing-xs)}.niv-custom{background:#f59e0b1a;border-radius:var(--radius-xs);color:#f59e0b;font-size:.7rem;padding:2px 6px}.niv-usage-summary{color:var(--color-text-primary);display:flex;flex-direction:column;font-size:.875rem;gap:2px}.niv-contact-card{grid-column:span 2}.niv-contact-info{display:flex;flex-direction:column;gap:var(--spacing-xs)}.niv-contact-info a{align-items:center;color:var(--color-primary);display:inline-flex;font-size:.875rem;gap:var(--spacing-xs);text-decoration:none}.niv-contact-info a:hover{text-decoration:underline}.niv-notes-card{grid-column:1/-1}.niv-notes-preview{color:var(--color-text-secondary);font-size:.875rem;line-height:1.5;margin:0}.niv-clinic-db-tab .niv-content-header h2,.niv-crm-tab .niv-content-header h2{align-items:center;display:flex;gap:var(--spacing-sm)}.niv-header-note{color:var(--color-text-secondary);font-size:.8rem;font-weight:400;margin:0}.niv-crm-grid,.niv-db-data-grid{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(2,1fr)}.niv-crm-section,.niv-db-section{background:var(--color-background-alt);border:1px solid var(--color-border-light);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-lg)}.niv-crm-section-full,.niv-db-section-full{grid-column:1/-1}.niv-crm-section h3,.niv-db-section h3{align-items:center;border-bottom:1px solid var(--color-border-light);color:var(--color-text-primary);display:flex;font-size:.95rem;font-weight:600;gap:var(--spacing-sm);margin:0;padding-bottom:var(--spacing-sm)}.niv-crm-fields,.niv-db-fields{display:flex;flex-direction:column;gap:var(--spacing-md)}.niv-field-with-source{display:flex;flex-direction:column;gap:var(--spacing-xs)}.niv-field-header{align-items:center;display:flex;gap:var(--spacing-sm);justify-content:space-between}.niv-field-header label{color:var(--color-text-secondary);font-size:.8rem;font-weight:500}.niv-field-inline{align-items:center;flex-direction:row;justify-content:space-between}.niv-field-inline .niv-field-header{flex:1 1}.niv-field-inline .niv-form-value{flex:1 1;text-align:left}.niv-form-value.trial{color:#3b82f6;font-weight:600}.niv-form-value.active{color:#22c55e;font-weight:600}.niv-form-value.expired{color:#ef4444}.niv-form-value.warning{color:#f59e0b}.niv-days-badge{background:#3b82f61a;border-radius:var(--radius-sm);color:#3b82f6;display:inline-flex;font-size:.75rem;font-weight:600;margin-right:var(--spacing-sm);padding:2px 8px}.niv-form-value.expired .niv-days-badge{background:#ef44441a;color:#ef4444}.niv-form-value.warning .niv-days-badge{background:#f59e0b1a;color:#f59e0b}.niv-warning-badge{margin-right:var(--spacing-sm)}.niv-stat-value{align-items:center;display:flex;font-weight:500;gap:var(--spacing-sm)}.niv-clinic-id{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);display:block;font-family:monospace;font-size:.8rem;padding:var(--spacing-sm) var(--spacing-md);word-break:break-all}.niv-dual-source{align-items:center;display:inline-flex;gap:4px;margin-right:var(--spacing-sm)}.niv-arrow{color:var(--color-text-light);font-size:.75rem}.niv-setting-note{background:#3b82f61a;border-radius:var(--radius-sm);border-right:3px solid #3b82f6;color:var(--color-text-secondary);font-size:.8rem;margin:0 0 var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md)}.niv-current-sms{align-items:center;border-top:1px solid var(--color-border-light);color:var(--color-text-secondary);display:flex;font-size:.875rem;gap:var(--spacing-sm);padding-top:var(--spacing-sm)}.niv-current-sms strong{color:var(--color-text-primary)}@media (max-width:1200px){.niv-overview-grid{grid-template-columns:repeat(2,1fr)}.niv-contact-card{grid-column:span 1}}@media (max-width:768px){.niv-crm-grid,.niv-db-data-grid,.niv-overview-grid{grid-template-columns:1fr}.niv-data-source-legend{flex-direction:column;gap:var(--spacing-sm)}.niv-clinic-tab{font-size:.75rem;padding:var(--spacing-xs) var(--spacing-sm)}}
/*# sourceMappingURL=main.45e9afa5.css.map*/