@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap);@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css);body,html{margin:0!important;overflow-x:hidden!important;padding:0!important;width:100%!important}body{background-color:#f8f9fa;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:16px}:root{--accent:#e51e63;--light:#f5f5f5;--black:#000;--form-accent:#e53935}html{margin:0!important;padding:0!important;width:100%!important}body,html{overflow-x:hidden!important}body{background-color:#000;background-color:var(--black);color:#fff;color:var(--white)}#root{min-height:100vh!important;width:100%!important}img,picture,video{display:block;height:auto;max-width:100%}ol,ul{list-style:none;padding:0}a{color:inherit;text-decoration:none}.section-header{background:#1a1a1a;background:var(--dark);border-bottom:1px solid #ffffff1a}.section-header h2{color:#fff;color:var(--white)}.section-header h2:after{background:#e51e63;background:var(--primary);box-shadow:0 2px 8px #e51e6399}.section-subtitle{color:#ffffffb3}.main-footer{background:#1a1a1a;background:var(--dark);margin-top:auto}.footer-section h4{color:#e51e63;color:var(--primary)}.footer-section h4:after{background:#e51e63;background:var(--primary)}.footer-section i{color:#e51e63;color:var(--primary)}.scroll-indicator li a{background-color:#ffffff1a}.scroll-indicator li a,.scroll-indicator li a i{color:#fff;color:var(--white)}.scroll-indicator li:hover a{background-color:#fff3}.scroll-indicator li.active a{background-color:#e51e63;background-color:var(--primary)}.progress-line-container{background-color:#333}.progress-line{background-color:#e51e63;background-color:var(--primary)}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.drawer{bottom:0;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;padding-top:20px;transition:transform .3s ease-in-out;width:250px}.drawer-left{background-color:#fcfcfc;left:0;transform:translateX(-100%)}.drawer-left.open{transform:translateX(0)}.drawer-right{background-color:#fcfcfc;right:0;transform:translateX(100%)}.drawer-right.open{transform:translateX(0)}body.dark-mode .drawer-left,body.dark-mode .drawer-right{background-color:#1a237e}.username{font-size:3vh;margin-bottom:20px}.drawer a,.username{color:#fff;text-align:center}.drawer a{background-color:#00000089;border:2px solid #0fb;border-radius:8px;display:block;margin:8px 15px;padding:12px 20px;text-decoration:none;transition:background-color .3s,border-color .3s,color .3s}body.dark-mode .drawer a{background-color:#333;border-color:#0fb;color:#e0e0e0}.drawer a:hover{background-color:#2542e4;color:#02ffc8}.drawer a.active{background-color:#000001ed;border-color:#a3f804}.close-button{align-self:flex-end;color:#050000;font-size:24px;margin:10px;transition:color .3s}body.dark-mode .close-button{color:#fff}.main-sticky-button{align-items:center;background-color:#007bff;border:none;border-radius:50%;bottom:20px;box-shadow:0 4px 8px #0003;color:#fff;cursor:pointer;display:flex;font-size:24px;height:60px;justify-content:center;position:fixed;right:20px;transition:background-color .3s,transform .3s;width:60px;z-index:1002}.main-sticky-button:hover{background-color:#0056b3;transform:scale(1.05)}.sub-buttons-group{align-items:flex-end;bottom:20px;display:flex;flex-direction:column-reverse;opacity:0;pointer-events:none;position:fixed;right:20px;transition:bottom .3s ease-in-out,opacity .3s ease-in-out;z-index:1001}.sub-buttons-group.visible{bottom:100px;opacity:1;pointer-events:auto}.sub-button{align-items:center;background-color:#6c757d;border:none;border-radius:50%;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;display:flex;font-size:20px;height:50px;justify-content:center;margin-top:15px;transition:background-color .3s,transform .3s;width:50px}.sub-button:hover{background-color:#5a6268;transform:scale(1.05)}.drawer-left-button{background-color:#28a745}.drawer-left-button:hover{background-color:#218838}.drawer-right-button{background-color:#ffc107;color:#333}.drawer-right-button:hover{background-color:#e0a800}.theme-toggle-button{background-color:#17a2b8}.theme-toggle-button:hover{background-color:#138496}.chat-button{background-color:#25d366;font-size:28px}.chat-button:hover{background-color:#1da851}:root{--primary-color:#007bff;--secondary-color:#6c757d;--accent-color:#28a745;--success-color:#28a745;--warning-color:#ffc107;--danger-color:#dc3545;--light-gray:#f8f9fa;--medium-gray:#e9ecef;--dark-gray:#6c757d;--black:#343a40;--border-radius:8px;--transition-speed:0.3s;--box-shadow:0 0.5rem 1rem #00000014}.top-nav{color:#fff;color:var(--white);flex-wrap:nowrap;justify-content:space-between;transition:transform .3s ease}.top-nav,.top-nav-loading{align-items:center;background:linear-gradient(90deg,#007bff,#0056b3);background:linear-gradient(90deg,var(--primary-color),#0056b3);box-shadow:0 .5rem 1rem #00000014;box-shadow:var(--box-shadow);display:flex;min-height:80px;padding:15px 30px;position:sticky;top:0;z-index:1000}.top-nav-loading{justify-content:flex-start}.top-nav.hidden{transform:translateY(-100%)}.top-nav .logo{align-items:center;display:flex;flex-shrink:0;font-size:24px;font-weight:600;margin-right:20px}.top-nav .logo-icon{border-radius:8px;border-radius:var(--border-radius);height:50px;margin-right:10px;object-fit:cover;width:50px}.top-nav .nav-links{align-items:center;display:flex;flex-grow:1;flex-wrap:wrap;justify-content:flex-end;list-style:none;margin:0;padding:0}.top-nav .nav-links li{margin-left:30px}.top-nav .nav-links a{align-items:center;color:#fff;color:var(--white);display:flex;font-weight:500;padding:8px 0;position:relative;text-decoration:none;transition:all .3s ease;transition:all var(--transition-speed) ease}.top-nav .nav-links a:after{background-color:#28a745;background-color:var(--accent-color);bottom:0;content:"";height:3px;left:0;position:absolute;transition:width .3s ease;transition:width var(--transition-speed) ease;width:0}.top-nav .nav-links a.active:after,.top-nav .nav-links a:hover:after{width:100%}.top-nav .nav-links a.active,.top-nav .nav-links a:hover{color:#28a745;color:var(--accent-color)}.top-nav .menu-item-icon{margin-right:8px}.user-role-badge{background-color:#28a745;background-color:var(--accent-color);border-radius:8px;border-radius:var(--border-radius);color:#fff;color:var(--white);font-size:.8rem;font-weight:600;margin-left:20px;padding:5px 10px}.mobile-menu-toggle{color:var(--white);display:none;font-size:2rem;transition:color .3s ease;z-index:1002}.mobile-menu-toggle:hover{color:#28a745;color:var(--accent-color)}@media (max-width:992px){.top-nav{flex-wrap:nowrap;justify-content:space-between}.mobile-menu-toggle{display:block}.top-nav .nav-links{align-items:center;background:linear-gradient(180deg,#007bff,#0056b3);background:linear-gradient(180deg,var(--primary-color),#0056b3);box-shadow:0 .5rem 1rem #00000014;box-shadow:var(--box-shadow);display:flex;flex-direction:column;justify-content:flex-start;left:0;opacity:0;padding:20px 0;pointer-events:none;position:absolute;top:80px;transform:translateY(-20px);transition:opacity .3s ease,transform .3s ease;width:100%;z-index:1001}.top-nav .nav-links.mobile-open{opacity:1;pointer-events:auto;transform:translateY(0)}.top-nav .nav-links li{margin:0;width:100%}.top-nav .nav-links a{border-bottom:1px solid #ffffff1a;justify-content:center;padding:15px 20px;width:100%}.top-nav .nav-links li:last-child a{border-bottom:none}.top-nav .nav-links a.active,.top-nav .nav-links a:hover{background-color:#0000001a;color:#fff;color:var(--white)}.top-nav .nav-links a:after{display:none}.logout-link{border-top:2px solid #fff3;margin-top:10px}.user-role-badge{display:none}}.appointment-container{margin:0 auto;max-width:1200px;padding:20px}.loading{font-size:1.2rem;padding:50px;text-align:center}.doctor-info,.patient-info{background:#f5f5f5;border-radius:8px;margin-bottom:20px;padding:15px}.availability-form,.booking-steps{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin-bottom:20px;padding:20px}.form-group label{font-weight:500;margin-bottom:5px}.form-group svg{color:#3498db;margin-right:8px}input[type=date],input[type=number],input[type=text],input[type=time],textarea{border:1px solid #ddd;border-radius:4px;font-size:16px;padding:10px;width:100%}.primary-btn,.secondary-btn{border-radius:4px;display:inline-flex;font-size:16px;margin-right:10px}.primary-btn{background:#3498db}.primary-btn:hover{background:#2980b9}.secondary-btn{background:#e0e0e0;color:#333}.secondary-btn:hover{background:#d0d0d0}.availability-list,.time-slots{margin-top:20px}.doctor-card,.slot-card,.time-slot-card{background:#fff;border:1px solid #eee;border-radius:8px;margin-bottom:15px;padding:15px;transition:all .3s ease}.doctor-card{align-items:center;cursor:pointer;display:flex}.doctor-card:hover{box-shadow:0 4px 8px #0000001a}.doctor-card.selected{border:2px solid #3498db}.doctor-avatar{align-items:center;background:#f0f0f0;border-radius:50%;display:flex;height:60px;justify-content:center;margin-right:15px;overflow:hidden;width:60px}.doctor-avatar img{height:100%;object-fit:cover;width:100%}.slot-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.slot-actions{display:flex;gap:10px;margin-top:10px}.book-btn,.edit-btn,.remove-btn{border:none;border-radius:4px;cursor:pointer;padding:5px 10px}.edit-btn{background:#f39c12;color:#fff}.remove-btn{background:#e74c3c;color:#fff}.book-btn{background:#2ecc71;color:#fff}.generated-slots{margin-top:15px}.time-slots{display:flex;flex-wrap:wrap;gap:10px}.time-slot{background:#e8f4fc;border-radius:4px;font-size:14px;padding:5px 10px}.booked-appointments{margin-top:30px}.appointment-card{background:#fff;border:1px solid #eee;border-radius:8px;margin-bottom:15px;padding:15px}.status-pending{color:#f39c12}.status-confirmed{color:#2ecc71}.status-cancelled{color:#e74c3c}.date-selection{align-items:center;display:flex;gap:10px}.step{margin-bottom:30px}@media (max-width:768px){.doctor-card,.slot-actions{flex-direction:column}.doctor-card{text-align:center}.doctor-avatar{margin-bottom:10px;margin-right:0}}.book-scan-view-wrapper{background-color:#f8f9fa;transition:background-color .3s ease,color .3s ease}.book-scan-view-container{background-color:initial;margin:0 auto;max-width:1200px;min-height:100vh;padding:2rem}.book-scan-header{margin-bottom:2rem;text-align:center}.book-scan-header h1{color:#2c3e50;font-size:2.5rem;margin-bottom:.5rem;transition:color .3s ease}.book-scan-header p{color:#7f8c8d;font-size:1.1rem;transition:color .3s ease}.loading-spinner{align-items:center;display:flex;flex-direction:column;height:50vh;justify-content:center}.spinner{border-top-color:#3498db;margin-bottom:1rem}.access-denied,.no-submissions{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:3rem;text-align:center;transition:background-color .3s ease,color .3s ease}.access-denied i,.no-submissions i{color:#e74c3c;font-size:4rem;margin-bottom:1rem}.no-submissions i{color:#3498db}.access-denied h2,.no-submissions h3{color:#2c3e50;margin-bottom:1rem;transition:color .3s ease}.access-denied p,.no-submissions p{color:#7f8c8d;font-size:1.1rem;transition:color .3s ease}.submissions-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.submission-card{background:#fff;border:1px solid #0000;border-radius:12px;box-shadow:0 4px 6px #0000001a;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease,background-color .3s ease}.submission-card:hover{box-shadow:0 10px 20px #00000026;transform:translateY(-5px)}.card-header{align-items:flex-start;background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;display:flex;justify-content:space-between;padding:1.5rem}.patient-info h3{color:#000;font-size:1.4rem;margin:0 0 .5rem}.patient-info p{color:#000;font-size:1rem;margin:0;opacity:.9}.submission-date{background:#fff3;border-radius:20px;font-size:.9rem;padding:.4rem .8rem}.card-details{padding:1.5rem}.detail-item{border-bottom:1px solid #f1f2f6;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.5rem;transition:border-color .3s ease}.detail-item:last-child{border-bottom:none;margin-bottom:0}.label{color:#2c3e50;font-weight:600}.label,.value{transition:color .3s ease}.value{color:#7f8c8d}.status-badge{border-radius:20px;font-size:.8rem;font-weight:600;padding:.3rem .8rem}.status-badge.new{background:#ffeaa7;color:#d35400}.status-badge.contacted{background:#81ecec;color:#00cec9}.status-badge.scheduled{background:#55efc4;color:#00b894}.status-badge.completed{background:#74b9ff;color:#0984e3}.card-actions{border-top:1px solid #f1f2f6;display:flex;gap:1rem;padding:1rem 1.5rem;transition:border-color .3s ease}.action-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-weight:600;gap:.5rem;justify-content:center;padding:.7rem 1rem;transition:all .3s ease}.action-btn.contact{background:#3498db;color:#fff}.action-btn.contact:hover{background:#2980b9}.action-btn.schedule{background:#2ecc71;color:#fff}.action-btn.schedule:hover{background:#27ae60}.book-scan-view-wrapper.dark-mode{background-color:#121212;color:#e0e0e0}.dark-mode .book-scan-header h1{color:#e0e0e0}.dark-mode .book-scan-header p{color:#bdc3c7}.dark-mode .access-denied,.dark-mode .no-submissions,.dark-mode .submission-card{background:#1e1e1e;border:1px solid #333;box-shadow:0 4px 6px #0006}.dark-mode .card-header{background:linear-gradient(135deg,#3498db,#2980b9)}.dark-mode .access-denied h2,.dark-mode .access-denied p,.dark-mode .no-submissions h3,.dark-mode .no-submissions p,.dark-mode .submission-card .label,.dark-mode .submission-card .value{color:#ecf0f1}.dark-mode .detail-item{border-bottom-color:#333}.dark-mode .card-actions{border-top-color:#333}@media (max-width:768px){.book-scan-view-container{padding:1rem}.book-scan-header h1{font-size:2rem}.submissions-grid{grid-template-columns:1fr}.card-header{flex-direction:column;gap:1rem}.submission-date{align-self:flex-start}.card-actions{flex-direction:column}}@media (max-width:480px){.book-scan-header h1{font-size:1.8rem}.book-scan-header p{font-size:1rem}.detail-item{flex-direction:column;gap:.3rem}}.form-container{justify-content:flex-start}.doctor-profile-container{background-color:#f8fafc;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh}.mobile-profile-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 10px #0000001a;color:#fff;display:none;gap:1rem;padding:1rem;position:sticky;top:0;z-index:100}.mobile-profile-header h2{font-size:1.2rem;font-weight:600;margin:0}.mobile-menu-toggle{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;justify-content:center;padding:.5rem}.profile-content{animation:fadeIn .5s ease-in-out;margin:0 auto;max-width:800px;padding:2rem}.profile-header{background:#fff;border:1px solid #e2e8f0;border-radius:15px;box-shadow:0 4px 6px #0000000d;gap:2rem;margin-bottom:2rem;padding:2rem}.profile-image-container{flex-shrink:0}.profile-image{border:4px solid #667eea;border-radius:50%;box-shadow:0 4px 12px #667eea4d;height:120px;object-fit:cover;width:120px}.profile-info{flex:1 1}.profile-info h2{color:#2d3748;font-size:1.8rem;font-weight:700;margin:0 0 .5rem}.specialty{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;display:inline-block;font-size:.9rem;font-weight:600;margin-bottom:1rem;padding:.5rem 1rem}.schedule{align-items:center;color:#718096;display:flex;font-size:.9rem;gap:.5rem}.schedule-icon{color:#667eea}.patient-details{background:#fff;border:1px solid #e2e8f0;border-radius:15px;box-shadow:0 4px 6px #0000000d;margin-bottom:2rem;padding:2rem}.section-header{align-items:center;border-bottom:2px solid #f1f5f9;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.section-header h3{align-items:center;color:#2d3748;display:flex;font-size:1.4rem;font-weight:600;gap:.5rem;margin:0}.section-icon{color:#667eea;font-size:1.2rem}.info-grid{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.info-item{gap:.5rem}.info-item label{align-items:center;color:#4a5568;display:flex;gap:.5rem}.info-item span{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#2d3748;line-height:1.5;padding:.8rem}.clinic-display-info{display:flex;flex-direction:column;gap:1rem}.clinic-display-info p{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:.5rem;margin:0;padding:1rem}.clinic-display-info strong{align-items:center;color:#4a5568;display:flex;gap:.5rem;min-width:120px}.clinic-image-container{margin-bottom:1rem}.clinic-image-preview{border:2px solid #e2e8f0;border-radius:10px;height:150px;object-fit:cover;width:200px}.clinic-edit-form{display:flex;flex-direction:column;gap:1.5rem}.form-row{flex-direction:column;gap:.5rem}.form-input,.form-textarea{background:#fff;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;padding:.8rem 1rem;transition:border-color .3s ease}.form-input:focus,.form-textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-textarea{font-family:inherit;min-height:80px;resize:vertical}.image-preview-container{margin-top:.5rem}.image-preview{border:2px solid #e2e8f0;border-radius:8px;max-height:150px;max-width:200px;object-fit:cover}.button-group{gap:.5rem}.primary-btn,.secondary-btn{align-items:center;display:flex;font-size:.9rem;gap:.5rem;padding:.8rem 1.5rem;text-decoration:none;transition:all .3s ease}.primary-btn{background:linear-gradient(135deg,#667eea,#764ba2)}.primary-btn:hover:not(:disabled){box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}.primary-btn:disabled{opacity:.6}.secondary-btn{background:#fff;border:2px solid #e2e8f0;color:#4a5568}.secondary-btn:hover{background:#f7fafc;border-color:#667eea;color:#667eea}.popup-overlay{animation:fadeIn .3s ease;background:#00000080;bottom:0;right:0;z-index:1000}.popup-container{animation:slideUp .3s ease;box-shadow:0 10px 25px #0003;padding:2rem}.popup-container h2{color:#2d3748;font-size:1.4rem;margin:0 0 1rem}.popup-container p{color:#718096;line-height:1.5;margin:0 0 1.5rem}.popup-close-btn{background:#667eea;padding:.8rem 2rem;transition:background .3s ease}.popup-close-btn:hover{background:#5a6fd8}.loading-container{color:#718096;font-size:1.2rem;gap:1rem}.loading-spinner{border:4px solid #e2e8f0;border-top-color:#667eea}@media (max-width:768px){.mobile-profile-header{display:flex}.profile-content{padding:1rem}.profile-header{flex-direction:column;gap:1.5rem;padding:1.5rem;text-align:center}.profile-image{height:100px;width:100px}.profile-info h2{font-size:1.5rem}.patient-details{padding:1.5rem}.section-header{align-items:flex-start;flex-direction:column;gap:1rem}.section-header h3{font-size:1.2rem}.info-grid{gap:1rem;grid-template-columns:1fr}.button-group{justify-content:stretch;width:100%}.primary-btn,.secondary-btn{flex:1 1;justify-content:center}.clinic-image-preview{height:150px;max-width:300px;width:100%}}@media (max-width:480px){.profile-content{padding:.8rem}.profile-header{padding:1.2rem}.profile-image{height:80px;width:80px}.profile-info h2{font-size:1.3rem}.specialty{font-size:.8rem;padding:.4rem .8rem}.patient-details{padding:1.2rem}.section-header h3{font-size:1.1rem}.info-item span{font-size:.9rem;padding:.6rem}.primary-btn,.secondary-btn{font-size:.8rem;padding:.7rem 1rem}.popup-container{margin:1rem;padding:1.5rem}.popup-container h2{font-size:1.2rem}.form-input,.form-textarea{font-size:.9rem;padding:.7rem .8rem}.clinic-display-info p{align-items:flex-start;flex-direction:column;gap:.3rem;padding:.8rem}.clinic-display-info strong{min-width:auto}}@media (max-width:360px){.profile-content{padding:.5rem}.patient-details,.profile-header{padding:1rem}.button-group{flex-direction:column}}:root{--primary-teal:var(--primary)}.registration-layout{margin:0 auto}@media (min-width:1024px){.registration-layout{flex-direction:row;width:90%}}.registration-left-panel:after,.registration-left-panel:before{background:#e51e631a;filter:blur(12px)}.registration-left-panel:before{animation:float 7s ease-in-out infinite;height:280px;left:-100px;top:-100px;width:280px}.registration-left-panel:after{animation:float 9s ease-in-out infinite reverse;bottom:-140px;height:360px;right:-140px;width:360px}@media (prefers-reduced-motion:reduce){.registration-left-panel:after,.registration-left-panel:before{animation:none}}.registration-left-panel .logo-container img{box-shadow:0 6px 20px #0000001a;box-shadow:var(--shadow-md);max-width:160px}.registration-left-panel .logo-container img:hover{box-shadow:0 8px 24px #00000026;transform:scale(1.03)}.registration-left-panel .illustration-container{max-width:320px}.registration-left-panel .illustration-container img{filter:drop-shadow(0 6px 12px rgba(0,0,0,.15))}.registration-left-panel h1{font-size:2.8rem}.form-container{border-radius:0 16px 16px 0;flex:2 1;padding:32px}@media (min-width:1024px){.form-container{max-width:none;padding:48px}}.form-container h2{font-size:2.4rem}.title-icon-container{margin-bottom:12px;margin-top:-12px;text-align:center}.title-icon{border:2px solid var(--primary-teal);border-radius:50%;box-shadow:0 2px 6px #0000000a;box-shadow:var(--shadow-sm);height:40px;object-fit:cover;width:40px}.mobile-header-illustration{min-height:180px}@media (min-width:1024px){.mobile-header-illustration{display:none}}.mobile-header-illustration .mobile-running-illustration{height:auto;max-width:200px}.mobile-header-illustration h2{font-size:1.8rem;margin-top:16px}.form-fields-grid{gap:16px}.input-with-icon .icon{right:12px}.form-input{padding:12px 40px 12px 12px}.form-input:focus{border-color:var(--primary-teal);box-shadow:0 0 0 2px #e51e6326}.form-input[type=number],.form-input[type=tel]{-moz-appearance:textfield}.form-input::-webkit-inner-spin-button,.form-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.success-icon{color:#38a169}.error-icon{color:#e53e3e}.loading-spinner{color:var(--primary);color:var(--primary-teal)}.password-strength-bar{box-shadow:inset 0 1px 2px #00000014}.strength-text{font-size:.8rem}.error,.notification{padding:10px}.button-group{gap:16px;justify-content:space-between;margin-top:32px}.primary-btn,.secondary-btn{flex-grow:1;min-width:140px}.primary-btn{background:linear-gradient(90deg,var(--primary) 0,var(--secondary) 100%)}.primary-btn:hover{background:linear-gradient(90deg,#c2185b,#e51e63);box-shadow:0 6px 20px #e51e6340}.secondary-btn{background:linear-gradient(90deg,#333,#1a1a1a)}.secondary-btn:hover{background:linear-gradient(90deg,#444,#222)}.summary{box-sizing:border-box;display:flex;flex-direction:column;min-height:360px;padding:24px}.summary h3{color:var(--primary);font-size:2rem}@media (min-width:1024px){.summary-user{grid-gap:12px 10px;display:grid;gap:12px 10px;grid-template-columns:repeat(2,1fr)}}.summary-item{gap:8px}.summary-item strong{flex:0 0 110px;padding-top:4px;text-align:right}.summary-text-display{min-width:0;overflow-wrap:break-word}.photo-preview{margin-bottom:24px}.circle-photo,.clinic-photo{border:3px solid var(--primary-teal);height:140px;transition:transform .3s ease;width:140px}.circle-photo:hover,.clinic-photo:hover{transform:scale(1.02)}.photo-popup-content{color:var(--black);max-width:500px}.photo-popup-actions{gap:20px}.upload-photo{align-items:center;display:flex;flex-direction:column;gap:16px}.circle-photo-preview,.clinic-photo-preview{border:3px solid var(--primary-teal);border-radius:50%;box-shadow:0 2px 6px #0000000a;box-shadow:var(--shadow-sm);height:100px;object-fit:cover;width:100px}.clinic-photo-preview{border-radius:10px}.popup-container{color:var(--black);max-width:90%;padding:32px;width:360px}.popup-container h2{font-size:2rem;margin-bottom:20px}.popup-close-btn{background:linear-gradient(90deg,var(--primary) 0,var(--secondary) 100%);box-shadow:0 3px 12px #e51e6340}.popup-close-btn:hover{background:linear-gradient(90deg,#c2185b,#e51e63);box-shadow:0 6px 20px #e51e6359}.summary-tabs{gap:6px}.summary-tab-btn{max-width:140px}.summary-tab-btn:focus{outline:2px solid var(--primary);outline:2px solid var(--primary-teal);outline-offset:2px}.summary-tab-btn.active{background:linear-gradient(90deg,var(--primary) 0,var(--secondary) 100%);border-color:var(--primary-teal);box-shadow:0 3px 10px #e51e6340}.degree-selection-container{gap:6px;padding:6px}.progress-indicator{gap:12px;margin-bottom:20px}.progress-step{border-radius:6px;font-size:.9rem;font-weight:500}.progress-step.active{background-color:var(--primary);background-color:var(--primary-teal)}@media (max-width:1023px){.registration-layout{border-radius:12px;box-shadow:0 6px 20px #0000001a;box-shadow:var(--shadow-md);max-width:540px;width:95%}.form-container{border-radius:0 0 12px 12px;padding:24px}.form-container h2{font-size:2rem}}@media (max-width:768px){.form-container{padding:20px}.form-container h2{font-size:1.8rem}.form-input,.form-row label{font-size:.9rem}.form-input{padding:10px 36px 10px 10px}.button-group{flex-direction:column;gap:12px}.primary-btn,.secondary-btn{font-size:.95rem;min-width:0;min-width:auto;padding:10px}.summary{min-height:auto;padding:20px}.summary h3{font-size:1.8rem}.summary-item{align-items:flex-start;flex-direction:column;gap:4px}.summary-item strong{flex-basis:auto;text-align:left;width:100%}.summary-text-display{box-sizing:border-box;width:100%}.photo-popup-content{max-width:95%;padding:20px}.popup-container{padding:20px;width:95%}.circle-photo,.clinic-photo{height:120px;width:120px}}@media (max-width:480px){body{padding:8px}.registration-layout{border-radius:10px}.mobile-header-illustration{min-height:160px;padding:16px}.mobile-header-illustration h2{font-size:1.6rem}.form-container{padding:16px}.form-container h2{font-size:1.5rem}.form-input{font-size:.85rem;padding:10px 32px 10px 10px}.button-group{gap:10px}.primary-btn,.secondary-btn{font-size:.9rem;padding:8px}.summary{padding:16px}.summary h3{font-size:1.5rem}.circle-photo,.clinic-photo{height:100px;width:100px}.photo-popup-content{padding:16px}.popup-container{padding:16px;width:98%}.progress-indicator{gap:8px}.progress-step{font-size:.85rem;padding:6px 10px}}.progress-indicator{gap:16px}.form-row label{font-size:1rem;margin-bottom:10px;transition:color .2s ease}.form-row label:hover{color:var(--primary);color:var(--primary-teal)}.degree-btn.active{background:linear-gradient(90deg,var(--primary) 0,var(--secondary) 100%);border-color:var(--primary-teal);box-shadow:0 2px 6px #e51e6326}.photo-preview-section{font-size:.85rem;gap:8px}.small-icon-preview{border:2px solid #e51e63}:root{--primary-color:#4361ee;--primary-light:#4895ef;--primary-dark:#3f37c9;--secondary-color:#7209b7;--accent-color:#f72585;--success-color:#4cc9f0;--warning-color:#f8961e;--danger-color:#ef233c;--light-color:#f8f9fa;--dark-color:#212529;--gray-color:#6c757d;--light-gray:#e9ecef;--border-color:#dee2e6;--teal-accent:#38b2ac;--purple-accent:#8a2be2;--orange-accent:coral;--header-gradient:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);--button-gradient:linear-gradient(135deg,var(--primary-light) 0%,var(--primary-color) 100%);--card-gradient:linear-gradient(135deg,#fff,#f8f9fa);--shadow-sm:0 2px 8px #0000001a;--shadow-md:0 4px 12px #00000026;--shadow-lg:0 8px 24px #0003;--transition-fast:all 0.2s ease;--transition-medium:all 0.3s ease;--transition-slow:all 0.5s ease}*{box-sizing:border-box}.view-patients-container{background-color:#f5f7ff;color:#212529;color:var(--dark-color);font-family:Poppins,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;margin:0 auto;max-width:1800px;padding:20px}.loading-container{background-color:initial;height:80vh}.loading-spinner{border:6px solid #4361ee1a;border-top:6px solid var(--primary-color);box-shadow:0 2px 8px #0000001a;box-shadow:var(--shadow-sm);height:60px;margin-bottom:25px;width:60px}.loading-container p{color:#3f37c9;color:var(--primary-dark);font-size:18px;font-weight:500;letter-spacing:.5px}.patients-header{background:linear-gradient(135deg,#4361ee,#3f37c9);background:var(--header-gradient);border-radius:12px;box-shadow:0 4px 12px #00000026;box-shadow:var(--shadow-md);color:#fff;flex-wrap:wrap;justify-content:space-between;margin-bottom:30px;padding:20px}.page-title,.patients-header{align-items:center;display:flex}.page-title{font-size:28px;font-weight:700;letter-spacing:.5px;text-shadow:0 2px 4px #0000001a}.title-icon{color:#fff;font-size:28px;margin-right:12px}.search-container{max-width:400px;position:relative;width:100%}.search-input{background-color:#ffffffe6;border:none;border-radius:30px;box-shadow:0 2px 8px #0000001a;box-shadow:var(--shadow-sm);font-size:16px;padding:12px 20px 12px 45px;transition:all .3s ease;transition:var(--transition-medium)}.search-input:focus{background-color:#fff;box-shadow:0 0 0 3px #fff6}.search-icon{color:#4361ee;color:var(--primary-color);font-size:18px;left:18px}.error-message{background:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;color:#721c24;margin-bottom:20px;padding:20px;text-align:center}.error-message svg{margin-right:10px}.table-responsive{background-color:#fff;border-radius:12px;box-shadow:0 8px 24px #0003;box-shadow:var(--shadow-lg);margin-bottom:30px;overflow-x:auto}.patients-table{border-collapse:initial;border-spacing:0;width:100%}.patients-table th{background:linear-gradient(135deg,#4361ee,#3f37c9);background:var(--header-gradient);border:none;color:#fff;font-weight:600;padding:18px 15px;position:sticky;text-align:left;top:0;white-space:nowrap;z-index:10}.patients-table th:first-child{border-top-left-radius:12px}.patients-table th:last-child{border-top-right-radius:12px}.patients-table th:hover{background:#3f37c9;background:var(--primary-dark);cursor:pointer}.table-header{align-items:center;display:flex;justify-content:space-between}.sort-icon{margin-left:8px;opacity:.8;transition:all .2s ease;transition:var(--transition-fast)}.patients-table th:hover .sort-icon{opacity:1;transform:scale(1.1)}.patients-table td{background-color:#fff;border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--border-color);padding:15px;transition:all .2s ease;transition:var(--transition-fast);vertical-align:middle}.patient-row{border-bottom:none}.patient-row:hover td{background-color:#4361ee0d}.patient-info-cell{display:flex;flex-direction:column;gap:8px}.patient-info-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:5px}.patient-info-title{background-color:#4361ee1a;border-radius:4px;color:#4361ee;color:var(--primary-color);display:inline-block;font-size:12px;font-weight:600;letter-spacing:.5px;padding:3px 8px;text-transform:uppercase}.patient-identity{align-items:center;display:flex;gap:12px}.patient-id-name{display:flex;flex-direction:column}.patient-name{color:#212529;color:var(--dark-color);font-size:16px;font-weight:600;margin:0}.patient-avatar{align-items:center;background:linear-gradient(135deg,#4895ef,#38b2ac);background:linear-gradient(135deg,var(--primary-light) 0,var(--teal-accent) 100%);border:2px solid #fff;border-radius:50%;box-shadow:0 2px 8px #0000001a;box-shadow:var(--shadow-sm);color:#fff;display:flex;flex-shrink:0;height:50px;justify-content:center;overflow:hidden;width:50px}.patient-avatar-placeholder{font-size:24px}.patient-thumbnail{height:100%;object-fit:cover;transition:all .3s ease;transition:var(--transition-medium);width:100%}.patient-thumbnail:hover{transform:scale(1.1)}.patient-meta-info{display:flex;flex-wrap:wrap;gap:8px}.age-badge,.gender-badge{align-items:center;border-radius:15px;color:#fff;display:inline-flex;font-size:12px;font-weight:600;padding:4px 10px;text-transform:capitalize}.gender-badge{background-color:#f72585;background-color:var(--accent-color)}.age-badge{background-color:#38b2ac;background-color:var(--teal-accent)}.age-badge svg,.gender-badge svg{font-size:12px;margin-right:5px}.visit-date-container{align-items:center;color:#6c757d;color:var(--gray-color);display:flex;font-size:12px;margin-top:5px}.visit-date-container svg{color:#4361ee;color:var(--primary-color);margin-right:5px}.doctor-info-cell .doctor-name-badge{align-items:center;background:#e9ecef;background:var(--light-gray);border-radius:15px;box-shadow:0 2px 8px #0000001a;box-shadow:var(--shadow-sm);color:#3f37c9;color:var(--primary-dark);display:inline-flex;font-size:13px;font-weight:600;gap:8px;padding:6px 12px}.patient-details-cell .detail-item{align-items:center;color:#212529;color:var(--dark-color);display:flex;font-size:14px;margin-bottom:8px;white-space:nowrap}.patient-details-cell .detail-item svg{color:#4361ee;color:var(--primary-color);font-size:16px;margin-right:10px;min-width:18px}.medical-info{display:flex;flex-direction:column;gap:10px}.medical-item{align-items:center;background-color:#e9ecef;background-color:var(--light-gray);border-radius:15px;color:#6c757d;color:var(--gray-color);display:inline-flex;font-size:13px;font-weight:500;padding:6px 12px;transition:all .2s ease;transition:var(--transition-fast)}.medical-item.has-data{background-color:#4cc9f026;border:1px solid #4cc9f04d;color:#4cc9f0;color:var(--success-color)}.medical-item.has-data:hover{background-color:#4cc9f040;transform:translateY(-1px)}.medical-item.no-data{background-color:#ef233c1a;color:#ef233c;color:var(--danger-color)}.medical-item svg{font-size:14px;margin-right:6px}.condition-tag{background-color:#f8961e26;border:1px solid #f8961e4d;border-radius:15px;color:#f8961e;color:var(--warning-color);display:inline-block;font-size:13px;font-weight:600;margin-top:8px;padding:5px 12px}.imaging-info{min-width:auto}.imaging-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr)}.imaging-badge{align-items:center;background-color:#e9ecef;background-color:var(--light-gray);border:none;border-radius:15px;color:#6c757d;color:var(--gray-color);cursor:pointer;display:flex;font-size:13px;font-weight:500;justify-content:center;padding:8px 10px;transition:all .3s ease;transition:var(--transition-medium)}.imaging-badge.active{background:linear-gradient(135deg,#8a2be2,#7209b7);background:linear-gradient(135deg,var(--purple-accent) 0,var(--secondary-color) 100%);box-shadow:0 2px 8px #0000001a;box-shadow:var(--shadow-sm);color:#fff}.imaging-badge.active:hover{box-shadow:0 4px 12px #00000026;box-shadow:var(--shadow-md);transform:translateY(-2px)}.imaging-badge:not(.active){cursor:not-allowed;opacity:.7}.imaging-badge svg{font-size:14px;margin-right:6px}.teeth-info{min-width:auto}.teeth-section{margin-bottom:12px}.teeth-section h4{color:#6c757d;color:var(--gray-color);font-size:13px;font-weight:500;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.teeth-numbers{display:flex;flex-wrap:wrap;gap:6px}.tooth-number{align-items:center;background:linear-gradient(135deg,coral,#f8961e);background:linear-gradient(135deg,var(--orange-accent) 0,var(--warning-color) 100%);border-radius:50%;box-shadow:0 2px 8px #0000001a;box-shadow:var(--shadow-sm);color:#fff;display:flex;font-size:12px;font-weight:600;height:26px;justify-content:center;transition:all .2s ease;transition:var(--transition-fast);width:26px}.tooth-number:hover{box-shadow:0 4px 12px #00000026;box-shadow:var(--shadow-md);transform:scale(1.1)}.action-view-btn{background:linear-gradient(135deg,#4895ef,#4361ee);background:var(--button-gradient);border:none;border-radius:8px;box-shadow:0 2px 8px #0000001a;box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;display:inline-block;font-size:14px;font-weight:600;letter-spacing:.5px;padding:10px 18px;text-align:center;text-decoration:none;transition:all .3s ease;transition:var(--transition-medium)}.action-view-btn:hover{background:#3f37c9;background:var(--primary-dark);transform:translateY(-2px)}.action-view-btn:hover,.no-patients{box-shadow:0 4px 12px #00000026;box-shadow:var(--shadow-md)}.no-patients{background:linear-gradient(135deg,#fff,#f8f9fa);background:var(--card-gradient);border-radius:12px;margin:20px 0;padding:60px 20px;text-align:center}.no-patients-icon{color:#4361ee;color:var(--primary-color);font-size:60px;margin-bottom:25px;opacity:.8}.no-patients h3{color:#3f37c9;color:var(--primary-dark);font-size:26px;font-weight:700;margin-bottom:15px}.no-patients p{color:#6c757d;color:var(--gray-color);font-size:16px;margin-bottom:25px;margin-left:auto;margin-right:auto;max-width:500px}.clear-search-btn{background:linear-gradient(135deg,#4895ef,#4361ee);background:var(--button-gradient);border:none;border-radius:8px;box-shadow:0 2px 8px #0000001a;box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:10px 24px;transition:all .3s ease;transition:var(--transition-medium)}.clear-search-btn:hover{background:#3f37c9;background:var(--primary-dark);box-shadow:0 4px 12px #00000026;box-shadow:var(--shadow-md);transform:translateY(-2px)}.mobile-patients-list{display:none}.mobile-patient-card{background:linear-gradient(135deg,#fff,#f8f9fa);background:var(--card-gradient);border:1px solid #4361ee1a;border-radius:12px;box-shadow:0 4px 12px #00000026;box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:15px;margin-bottom:20px;padding:20px;transition:all .3s ease;transition:var(--transition-medium)}.mobile-patient-card:hover{box-shadow:0 8px 24px #0003;box-shadow:var(--shadow-lg);transform:translateY(-3px)}.mobile-patient-info-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:8px;width:100%}.mobile-patient-info-title{background-color:#4361ee1a;border-radius:4px;color:#4361ee;color:var(--primary-color);font-size:12px;font-weight:600;letter-spacing:.5px;padding:3px 8px;text-transform:uppercase}.mobile-patient-identity{align-items:center;display:flex;gap:12px;width:100%}.mobile-patient-id-name{flex-grow:1}.mobile-patient-id-badge{align-items:center;background-color:#e9ecef;background-color:var(--light-gray);border-radius:12px;color:#3f37c9;color:var(--primary-dark);display:inline-flex;font-size:12px;font-weight:600;gap:5px;margin-bottom:5px;padding:4px 8px}.mobile-patient-id-badge:before{content:"ID:";font-size:10px;opacity:.7}.mobile-patient-name{color:#212529;color:var(--dark-color);font-size:16px;font-weight:600;margin:0}.mobile-patient-avatar{align-items:center;background:linear-gradient(135deg,#4895ef,#38b2ac);background:linear-gradient(135deg,var(--primary-light) 0,var(--teal-accent) 100%);border:3px solid #fff;border-radius:50%;box-shadow:0 2px 8px #0000001a;box-shadow:var(--shadow-sm);color:#fff;display:flex;flex-shrink:0;height:70px;justify-content:center;overflow:hidden;width:70px}.mobile-avatar-placeholder{font-size:28px}.mobile-patient-avatar img{height:100%;object-fit:cover;width:100%}.mobile-patient-info{flex:1 1}.mobile-patient-info h3{color:#212529;color:var(--dark-color);font-size:18px;font-weight:600;margin-bottom:6px}.mobile-patient-meta{display:flex;flex-wrap:wrap;gap:10px}.mobile-age-badge,.mobile-gender-badge{align-items:center;border-radius:15px;color:#fff;display:inline-flex;font-size:13px;font-weight:600;padding:5px 12px}.mobile-gender-badge{background-color:#f72585;background-color:var(--accent-color)}.mobile-age-badge{background-color:#38b2ac;background-color:var(--teal-accent)}.mobile-visit-date{align-items:center;color:#6c757d;color:var(--gray-color);display:flex;font-size:14px;font-weight:500}.mobile-visit-date svg{color:#4361ee;color:var(--primary-color);margin-right:6px}.mobile-patient-details{background-color:#4361ee0d;border:1px solid #4361ee1a;border-radius:10px;display:flex;flex-direction:column;gap:12px;margin-bottom:15px;padding:15px}.mobile-patient-details h4{color:#3f37c9;color:var(--primary-dark);font-size:16px;font-weight:600;margin-bottom:8px}.mobile-detail-row{align-items:center;color:#212529;color:var(--dark-color);display:flex;font-size:15px;font-weight:500}.mobile-detail-row svg{color:#4361ee;color:var(--primary-color);font-size:16px;margin-right:10px}.mobile-condition-tag{background-color:#f8961e26;border:1px solid #f8961e4d;border-radius:15px;color:#f8961e;color:var(--warning-color);display:inline-block;font-size:13px;font-weight:600;padding:6px 12px}.mobile-patient-actions{display:flex;justify-content:center;margin-top:10px}.mobile-action-btn{background:linear-gradient(135deg,#4895ef,#4361ee);background:var(--button-gradient);border-radius:8px;box-shadow:0 2px 8px #0000001a;box-shadow:var(--shadow-sm);color:#fff;display:inline-block;font-size:15px;font-weight:600;letter-spacing:.5px;padding:12px;text-align:center;text-decoration:none;transition:all .3s ease;transition:var(--transition-medium);width:100%}.mobile-action-btn:hover{background:#3f37c9;background:var(--primary-dark);box-shadow:0 4px 12px #00000026;box-shadow:var(--shadow-md);transform:translateY(-2px)}.modal-overlay{align-items:center;animation:fadeIn .3s ease-in-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#000c;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{animation:slideUp .3s ease-in-out;background:linear-gradient(135deg,#2c3e50,#1a1a2e);border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 20px 40px #0006;display:flex;flex-direction:column;max-height:90vh;max-width:800px;overflow-y:auto;padding:30px;position:relative;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modal-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:20px}.modal-header h3{color:#fff;font-size:26px;font-weight:700;letter-spacing:.5px;text-shadow:0 2px 4px #0003}.modal-close-btn{color:#fff;font-size:32px;opacity:.8;transition:all .2s ease;transition:var(--transition-fast)}.modal-close-btn:hover{color:#ef233c;color:var(--danger-color);opacity:1;transform:rotate(90deg)}.modal-body{flex-grow:1;padding:20px 0}.modal-body,.modal-loading{align-items:center;display:flex;flex-direction:column;justify-content:center}.modal-loading{color:#fff;height:100%;width:100%}.modal-spinner{animation:spin 1s linear infinite;border:6px solid #fff3;border-radius:50%;border-top:6px solid var(--primary-color);box-shadow:0 8px 24px #0003;box-shadow:var(--shadow-lg);height:60px;margin-bottom:20px;width:60px}.modal-body .modal-image,.modal-body .modal-pdf-iframe{box-shadow:0 8px 24px #0000004d;max-height:70vh;max-width:100%;object-fit:contain}.modal-body .modal-image,.modal-body .modal-pdf-iframe,.modal-body p{background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px}.modal-body p{color:#ffffffe6;font-size:16px;line-height:1.8;padding:20px;text-align:left;white-space:pre-wrap;width:100%}.modal-footer{border-top:1px solid #ffffff1a;display:flex;justify-content:flex-end;margin-top:20px;padding-top:20px}.modal-close-btn-footer{background:linear-gradient(135deg,#4361ee,#3f37c9);background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-dark) 100%);border:none;border-radius:10px;box-shadow:0 4px 12px #00000026;box-shadow:var(--shadow-md);color:#fff;cursor:pointer;font-size:16px;font-weight:600;letter-spacing:.5px;padding:12px 30px;transition:all .3s ease;transition:var(--transition-medium)}.modal-close-btn-footer:hover{background:#3f37c9;background:var(--primary-dark);box-shadow:0 8px 24px #0003;box-shadow:var(--shadow-lg);transform:translateY(-2px)}@media (max-width:1200px){.patients-table{font-size:15px}.patients-table td,.patients-table th{padding:15px 12px}.patient-avatar{height:55px;width:55px}}@media (max-width:992px){.patients-table{display:none}.mobile-patients-list{display:block}.page-title{font-size:24px}.patients-header{padding:15px}}@media (max-width:768px){.modal-content{padding:20px;width:95%}.modal-header h3{font-size:22px}.modal-close-btn{font-size:28px}.modal-body .modal-image,.modal-body .modal-pdf-iframe{max-height:60vh}.mobile-patient-card{padding:15px}.mobile-patient-avatar{height:60px;width:60px}}@media (max-width:576px){.view-patients-container{padding:15px}.patients-header{align-items:stretch;flex-direction:column;gap:15px}.search-container{margin-top:0;max-width:100%}.page-title{font-size:22px}.no-patients{padding:40px 15px}.no-patients h3{font-size:22px}.no-patients-icon{font-size:50px}.modal-content{padding:15px}.modal-header h3{font-size:20px}.modal-close-btn{font-size:24px}.modal-body .modal-image,.modal-body .modal-pdf-iframe{max-height:50vh}.modal-close-btn-footer{font-size:14px;padding:10px 20px}.mobile-patient-header{flex-direction:column;text-align:center}.mobile-patient-avatar{margin:0 auto 10px}.mobile-patient-meta{justify-content:center}}.pulse-animation{animation:pulse 2s infinite}.text-primary{color:#4361ee;color:var(--primary-color)}.text-accent{color:#f72585;color:var(--accent-color)}.bg-gradient-primary{background:linear-gradient(135deg,#4361ee,#3f37c9);background:var(--header-gradient)}.shadow-primary{box-shadow:0 4px 12px #00000026;box-shadow:var(--shadow-md)}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.patient-upload-container{animation:fadeIn .8s ease-out;box-sizing:border-box;width:100%}.form-header{border-bottom:2px solid #e0e0e0;margin-bottom:30px;padding-bottom:20px}.form-header h2{align-items:center;color:#007bff;display:flex;font-size:2.2em;gap:10px;justify-content:center;margin-bottom:15px}.form-header h2 .fas{color:#28a745;font-size:1.2em}.form-steps{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-top:20px}.step-btn{align-items:center;background-color:#e9ecef;border:none;border-radius:25px;box-shadow:0 4px 10px #0000000d;color:#495057;cursor:pointer;display:flex;font-size:1.05em;gap:8px;padding:12px 25px;transition:all .3s ease}.step-btn:hover{background-color:#dee2e6;transform:translateY(-2px)}.step-btn.active{background-color:#007bff;box-shadow:0 6px 15px #007bff4d;color:#fff;transform:translateY(-2px)}.step-btn .fas{font-size:1.1em}.patient-form{padding:20px 0}.form-section{animation:slideIn .5s ease-out forwards;background-color:#fdfdfd;border:1px solid #e0e0e0;border-radius:10px;box-shadow:0 4px 12px #0000000d;margin-bottom:30px;padding:25px}.form-row{flex-wrap:wrap;gap:20px;margin-bottom:20px}.form-group{flex:1 1;margin-bottom:15px;min-width:280px}.form-group.full-width{flex:0 0 100%}.form-group label{align-items:center;color:#343a40;display:block;display:flex;font-size:1.05em;font-weight:600;gap:8px;margin-bottom:8px}.form-group label .fas{color:#6c757d}.form-group input[type=date],.form-group input[type=number],.form-group input[type=tel],.form-group input[type=text],.form-group select,.form-group textarea{background-color:#fff;border:1px solid #ced4da;border-radius:8px;box-sizing:border-box;color:#495057;font-size:1em;padding:12px 15px;transition:all .3s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#007bff;box-shadow:0 0 0 .2rem #007bff40;outline:none}.form-group textarea{min-height:80px;resize:vertical}.dental-chart-container-interactive{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:15px;box-shadow:0 4px 12px #0000000d;margin:20px auto;max-width:600px;padding:10px;position:relative}.dental-chart-image{border-radius:10px;display:block;height:auto;width:100%}.tooth-hotspot{align-items:center;background-color:#007bff80;border:1.5px solid #ffffffb3;border-radius:50%;box-shadow:0 2px 5px #0000001a;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:700;height:28px;justify-content:center;position:absolute;transform:translate(-50%,-50%);transition:all .2s ease-in-out;width:28px}.tooth-hotspot:hover{background-color:#007bffcc;transform:translate(-50%,-50%) scale(1.1)}.tooth-hotspot.selected{background-color:#28a745d9;border-color:#fff;box-shadow:0 0 15px #28a745b3;transform:translate(-50%,-50%) scale(1.15)}.file-upload-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:20px}.file-upload-group{background-color:#fdfdfd;border:1px dashed #ced4da;border-radius:10px;padding:20px;text-align:center;transition:border-color .3s ease,background-color .3s ease}.file-upload-group:hover{background-color:#f0f8ff;border-color:#007bff}.file-upload-group label{align-items:center;color:#007bff;cursor:pointer;display:flex;flex-direction:column;font-size:1.1em;font-weight:600}.file-upload-group label .fas{color:#6c757d;font-size:2.5em;margin-bottom:10px;transition:color .3s ease}.file-upload-group:hover label .fas{color:#007bff}.file-upload-group input[type=file]{display:none}.image-preview-container{align-items:center;background-color:#e9ecef;border:1px solid #e0e0e0;border-radius:8px;display:flex;justify-content:center;margin-top:15px;max-height:150px;overflow:hidden}.image-preview-container img{display:block;height:auto;object-fit:cover;width:100%}.file-preview{align-items:center;background-color:#e9ecef;border-radius:8px;color:#495057;display:flex;font-size:.95em;gap:10px;justify-content:center;margin-top:15px;padding:10px;word-break:break-all}.file-preview .fas{color:#dc3545;font-size:1.5em}.file-preview .fas.fa-file-image{color:#007bff}.section-navigation{border-top:1px solid #e0e0e0;display:flex;justify-content:space-between;margin-top:30px;padding-top:20px}.section-navigation button{align-items:center;border:none;border-radius:25px;box-shadow:0 4px 10px #0000001a;cursor:pointer;display:flex;font-size:1.05em;gap:8px;padding:12px 25px;transition:all .3s ease}.prev-btn{background-color:#6c757d;color:#fff}.prev-btn:hover{background-color:#5a6268;transform:translateY(-2px)}.next-btn{background-color:#007bff;color:#fff}.next-btn:hover{background-color:#0056b3;transform:translateY(-2px)}.submit-btn{background-color:#28a745;font-weight:700}.submit-btn:hover:not(:disabled){background-color:#218838;transform:translateY(-2px)}.submit-btn:disabled{background-color:#94d3a2;cursor:not-allowed;opacity:.8}.submit-btn .fas{margin-right:5px}.selected-teeth-info{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-top:20px;padding:15px}.selected-teeth-info h4{color:#2d3748;font-size:1.1em;margin:0 0 10px}.selected-teeth-list{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.selected-tooth-badge{background-color:#28a745;border-radius:15px;box-shadow:0 2px 4px #28a7454d;color:#fff;font-size:.9em;font-weight:600;padding:5px 10px}.no-teeth-selected{color:#6c757d;font-style:italic}.chart-view-selector{margin-bottom:20px;text-align:center}.chart-view-selector h4{color:#2d3748;font-size:1.1em;margin-bottom:15px}.view-buttons{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.view-btn{background-color:#fff;border:2px solid #e2e8f0;border-radius:8px;color:#4a5568;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .3s ease}.view-btn:hover{border-color:#667eea;transform:translateY(-2px)}.view-btn.active{background-color:#667eea;border-color:#667eea;box-shadow:0 4px 12px #667eea4d;color:#fff}.files-section-header{border-bottom:2px solid #e9ecef;margin-bottom:30px;padding-bottom:20px;text-align:center}.files-section-header h3{color:#2c3e50;font-size:1.5em;margin-bottom:10px}.files-section-header p{color:#6c757d;margin:0}.dental-photos-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(3,1fr);margin-top:20px}.dental-image-upload-item{aspect-ratio:1/1;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;position:relative;transition:all .3s ease}.dental-image-upload-item:hover{border-color:#007bff;box-shadow:0 4px 12px #007bff33;transform:translateY(-2px)}.file-input-wrapper{height:100%;width:100%}.dental-upload-area{cursor:pointer;display:block;height:100%;margin:0;padding:0;width:100%}.placeholder-image,.uploaded-image{display:block;height:100%;object-fit:cover;transition:all .3s ease;width:100%}.dental-upload-area:hover .placeholder-image,.dental-upload-area:hover .uploaded-image{opacity:.9;transform:scale(1.05)}.file-input{display:none}.notification-message{background:#d4edda;border:1px solid #c3e6cb;border-radius:8px;color:#155724;margin-bottom:20px;padding:12px 20px}.patient-step-indicator{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#fffc;border-radius:25px;box-shadow:0 2px 10px #0000001a;display:none;padding:10px 5px;position:fixed;right:10px;top:50%;transform:translateY(-50%);z-index:1000}.patient-step-indicator ul{list-style:none;margin:0;padding:0;position:relative}.patient-step-indicator li{margin-bottom:8px}.patient-step-indicator li:last-child{margin-bottom:0}.patient-step-indicator li button{align-items:center;background-color:#e9ecef;border:none;border-radius:50%;box-shadow:0 1px 4px #0000001a;color:#333;cursor:pointer;display:flex;height:36px;justify-content:center;text-decoration:none;transition:all .3s ease;width:36px}.patient-step-indicator li button i{color:#495057;font-size:1rem}.patient-step-indicator li:hover button{background-color:#dee2e6;transform:scale(1.1)}.patient-step-indicator li.active button{background-color:#007bff;box-shadow:0 2px 8px #007bff4d;transform:scale(1.1)}.patient-step-indicator li.active button i{color:#fff}.patient-step-indicator .progress-line-container{background-color:#e0e0e0;border-radius:1px;bottom:18px;left:50%;position:absolute;top:18px;transform:translateX(-50%);width:2px;z-index:-1}.patient-step-indicator .progress-line{background-color:#007bff;border-radius:1px;height:0;transition:height .4s ease;width:100%}@media (max-width:768px){.form-header h2{font-size:1.8em}.form-steps{display:none}.patient-step-indicator{display:block}.step-btn{justify-content:center;width:100%}.form-row{flex-direction:column;gap:10px}.form-group{min-width:0;min-width:auto;width:100%}.file-upload-grid{grid-template-columns:1fr}.section-navigation{flex-direction:column;gap:15px}.section-navigation button{justify-content:center;width:100%}.tooth-hotspot{font-size:11px;height:26px;width:26px}.view-buttons{align-items:center;flex-direction:column}.view-btn{width:200px}.dental-photos-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.patient-upload-container{margin:0;padding:15px 50px 15px 15px}.tooth-hotspot{border-width:1px;font-size:10px;height:22px;width:22px}.form-header h2{font-size:1.5em}.form-header{margin-bottom:20px;padding-bottom:15px}.step-btn{padding:10px 15px}.form-group label,.step-btn{font-size:.95em}.form-group input,.form-group select,.form-group textarea{font-size:.95em;padding:10px 12px}.files-section-header h3{font-size:1.3em}.dental-image-placeholder label{font-size:1em}.dental-photos-grid{gap:10px;grid-template-columns:repeat(2,1fr)}.patient-step-indicator{right:5px}}.dark-mode .form-header{border-bottom-color:#374151}.dark-mode .form-header h2{color:#3b82f6}.dark-mode .form-header h2 .fas{color:#34d399}.dark-mode .step-btn{background-color:#374151;box-shadow:0 4px 10px #0003;color:#d1d5db}.dark-mode .step-btn:hover{background-color:#4b5563}.dark-mode .step-btn.active{background-color:#3b82f6;box-shadow:0 6px 15px #3b82f64d;color:#fff}.dark-mode .form-section{background-color:#1f2937;border-color:#374151;box-shadow:0 4px 12px #0003}.dark-mode .form-group label{color:#d1d5db}.dark-mode .form-group label .fas{color:#9ca3af}.dark-mode .form-group input[type=date],.dark-mode .form-group input[type=number],.dark-mode .form-group input[type=tel],.dark-mode .form-group input[type=text],.dark-mode .form-group select,.dark-mode .form-group textarea{background-color:#374151;border-color:#4b5563;color:#f9fafb}.dark-mode .form-group input::placeholder,.dark-mode .form-group textarea::placeholder{color:#9ca3af}.dark-mode .form-group input:focus,.dark-mode .form-group select:focus,.dark-mode .form-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 .2rem #3b82f640}.dark-mode .form-group input[type=date]{color-scheme:dark}.dark-mode .dental-chart-container-interactive{background-color:#374151;border-color:#4b5563}.dark-mode .dental-chart-image{opacity:.85}.dark-mode .tooth-hotspot{background-color:#3b82f699;border-color:#ffffff80}.dark-mode .tooth-hotspot:hover{background-color:#3b82f6e6}.dark-mode .tooth-hotspot.selected{background-color:#34d399e6;border-color:#fff;box-shadow:0 0 15px #34d39999}.dark-mode .file-upload-grid{gap:20px}.dark-mode .file-upload-group{background-color:#374151;border-color:#4b5563}.dark-mode .file-upload-group:hover{background-color:#4b5563;border-color:#3b82f6}.dark-mode .file-upload-group label{color:#3b82f6}.dark-mode .file-upload-group label .fas{color:#9ca3af}.dark-mode .file-upload-group:hover label .fas{color:#3b82f6}.dark-mode .image-preview-container{background-color:#4b5563;border-color:#374151}.dark-mode .file-preview{background-color:#4b5563;color:#d1d5db}.dark-mode .section-navigation{border-top-color:#374151}.dark-mode .selected-teeth-info{background-color:#374151;border-color:#4b5563}.dark-mode .selected-teeth-info h4{color:#d1d5db}.dark-mode .selected-tooth-badge{background-color:#10b981;box-shadow:0 2px 4px #10b9814d}.dark-mode .no-teeth-selected{color:#9ca3af}.dark-mode .chart-view-selector h4{color:#d1d5db}.dark-mode .view-btn{background-color:#374151;border-color:#4b5563;color:#d1d5db}.dark-mode .view-btn:hover{border-color:#3b82f6}.dark-mode .view-btn.active{background-color:#3b82f6;border-color:#3b82f6;box-shadow:0 4px 12px #3b82f64d;color:#fff}.dark-mode .files-section-header{border-bottom-color:#374151}.dark-mode .files-section-header h3{color:#f9fafb}.dark-mode .files-section-header p{color:#9ca3af}.dark-mode .dental-photos-grid{gap:15px}.dark-mode .dental-image-upload-item{background:#374151;border-color:#4b5563}.dark-mode .dental-image-upload-item:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f633}.dark-mode .placeholder-image{opacity:.6}.dark-mode .notification-message{background:#065f46;border-color:#047857;color:#a7f3d0}.dark-mode .patient-step-indicator{background-color:#1f2937cc;box-shadow:0 2px 10px #0000004d}.dark-mode .patient-step-indicator li button{background-color:#374151}.dark-mode .patient-step-indicator li button i{color:#d1d5db}.dark-mode .patient-step-indicator li:hover button{background-color:#4b5563}.dark-mode .patient-step-indicator li.active button{background-color:#3b82f6;box-shadow:0 2px 8px #3b82f64d}.dark-mode .patient-step-indicator li.active button i{color:#fff}.dark-mode .patient-step-indicator .progress-line-container{background-color:#4b5563}.dark-mode .patient-step-indicator .progress-line{background-color:#3b82f6}.order-tracking-container{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1200px;padding:1.5rem}.order-tracking-header{margin-bottom:2rem;text-align:center}.order-tracking-header h2{color:#2d3748;font-size:2rem;font-weight:700}.order-tracking-header p{color:#718096;font-size:1.1rem}.order-filters{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000000d;display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:2rem;padding:1rem}.search-box{flex:2 1;min-width:250px}.search-box .search-icon{left:1rem}.search-box .clear-icon,.search-box .search-icon{color:#a0aec0;position:absolute;top:50%;transform:translateY(-50%)}.search-box .clear-icon{cursor:pointer;right:1rem;transition:color .2s}.search-box .clear-icon:hover{color:#e53e3e}.search-box input{border:1px solid #e2e8f0;border-radius:8px;font-size:1rem;padding:.8rem 1rem .8rem 2.5rem;transition:border-color .3s,box-shadow .3s;width:100%}.search-box input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.filter-box{align-items:center;display:flex;flex:1 1;gap:.5rem;min-width:200px}.filter-box label{color:#4a5568;font-size:.9rem;font-weight:600}.filter-box select{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;font-size:1rem;padding:.8rem;width:100%}.order-list{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.order-card{background:#fff;border:1px solid #e9ecef;border-left:5px solid;border-radius:12px;box-shadow:0 5px 15px #00000014;transition:all .3s ease}.order-card:hover{box-shadow:0 8px 25px #0000001f;transform:translateY(-3px)}.order-card-header{align-items:flex-start;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:1rem 1.5rem}.patient-info h3{color:#2d3748;font-size:1.3rem;margin:0}.patient-info span{color:#718096;font-size:.9rem}.doctor-info-badge{align-items:center;background:#f1f5f9;border-radius:20px;color:#4a5568;display:flex;font-size:.85rem;font-weight:600;gap:.5rem;padding:.4rem .8rem}.order-card-body{display:flex;flex-direction:column;gap:1rem;padding:1.5rem}.order-date{align-items:center;display:flex;font-size:.95rem;justify-content:space-between}.order-date strong{color:#4a5568}.order-date span{color:#2d3748;font-weight:600}.order-status-section{align-items:center;display:flex;justify-content:space-between}.order-status-section strong{color:#4a5568;font-size:.95rem}.payment-status-section{margin-top:.5rem}.status-badge,.status-select{align-items:center;border:none;border-radius:20px;display:inline-flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.5rem 1rem}.status-badge{color:#fff}.status-select{appearance:none;-webkit-appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%234a5568%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E");background-position:right .7rem top 50%;background-repeat:no-repeat;background-size:.65em auto;border:2px solid;cursor:pointer;padding-right:2rem}.status-select:focus{box-shadow:0 0 0 3px #667eea33;outline:none}.status-bg-pending{border-left-color:#f59e0b}.status-pending{background-color:#fef3c7}.status-badge.status-pending{background-color:#f59e0b}.status-bg-confirmed{border-left-color:#3b82f6}.status-confirmed{background-color:#dbeafe}.status-badge.status-confirmed{background-color:#3b82f6}.status-bg-in-production{border-left-color:#8b5cf6}.status-in-production{background-color:#e9d5ff}.status-badge.status-in-production{background-color:#8b5cf6}.status-bg-shipped{border-left-color:#10b981}.status-shipped{background-color:#d1fae5}.status-badge.status-shipped{background-color:#10b981}.status-unpaid{background-color:#fee2e2}.status-badge.payment-badge.status-unpaid{background-color:#ef4444}.status-paid{background-color:#d1fae5}.status-badge.payment-badge.status-paid{background-color:#10b981}.status-progress-bar{background-color:#e9ecef;border-radius:20px;height:8px;margin-top:.5rem;overflow:hidden;width:100%}.progress-fill{border-radius:20px;height:100%;transition:width .5s ease}.progress-fill.status-pending{background-color:#f59e0b}.progress-fill.status-confirmed{background-color:#3b82f6}.progress-fill.status-in-production{background-color:#8b5cf6}.progress-fill.status-shipped{background-color:#10b981}.no-orders-message{color:#718096;grid-column:1/-1;padding:3rem;text-align:center}@media (max-width:768px){.order-filters{flex-direction:column}.order-list{grid-template-columns:1fr}.order-card-body{flex-direction:column;gap:1.5rem}.order-status-section{align-items:flex-start;flex-direction:column;gap:.5rem}.status-select{width:100%}}.patient-details-container{background-color:#f8f9fa;min-height:100vh}.details-content{margin:0 auto;max-width:1200px;padding:20px}.details-header{align-items:center;border-bottom:2px solid #e9ecef;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.header-left h2{align-items:center;color:#2c3e50;display:flex;font-size:1.8rem;gap:10px;margin:0}.patient-id{color:#6c757d;font-size:.9rem;margin:5px 0 0}.header-actions{gap:15px}.back-button{align-items:center;background:#6c757d;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;gap:8px;padding:10px 20px;transition:background-color .3s ease}.back-button:hover{background:#5a6268}.back-button.primary{background:#007bff}.back-button.primary:hover{background:#0056b3}.loading-container{padding:60px 20px}.loading-spinner{border:4px solid #f3f3f3;border-top-color:#007bff;height:40px;margin-bottom:20px;width:40px}.error-container{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;margin:20px 0;padding:60px 20px}.error-icon{font-size:3rem;margin-bottom:20px}.error-message{color:#dc3545;font-size:1.1rem;margin:20px 0}.details-grid{display:flex;flex-direction:column;gap:25px}.details-section{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;padding:25px}.section-title{align-items:center;border-bottom:2px solid #e9ecef;color:#2c3e50;display:flex;font-size:1.3rem;gap:10px;margin:0 0 20px;padding-bottom:10px}.info-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.info-item{display:flex;flex-direction:column;gap:5px}.info-item.full-width{grid-column:1/-1}.info-item label{color:#495057;font-size:.9rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.info-item span{color:#2c3e50;font-size:1rem}.text-content{background:#f8f9fa;border-left:4px solid #007bff;border-radius:8px;line-height:1.5;padding:15px;white-space:pre-wrap}.condition-badge{background:#e3f2fd;border-radius:20px;color:#1976d2;display:inline-block;font-weight:600;padding:8px 16px}.dental-chart-display{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr}.jaw-section h4{color:#495057;font-size:1.1rem;margin-bottom:15px}.teeth-numbers-display{align-items:center;background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;display:flex;flex-wrap:wrap;gap:5px;min-height:60px;padding:15px}.images-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.file-item,.image-item{display:flex;flex-direction:column;gap:10px}.file-item label,.image-item label{color:#495057;font-size:.9rem;font-weight:600}.details-image{border:2px solid #e9ecef;border-radius:8px;height:200px;max-width:300px;object-fit:cover;transition:transform .3s ease;width:100%}.details-image:hover{transform:scale(1.02)}.image-fallback{align-items:center;background:#f8f9fa;border:2px dashed #dee2e6;border-radius:8px;color:#6c757d;display:flex;flex-direction:column;gap:10px;height:200px;justify-content:center;max-width:300px;width:100%}.image-fallback i{font-size:2rem}.file-link{align-items:center;background:#007bff;border-radius:6px;display:inline-flex;gap:8px;max-width:fit-content;padding:10px 15px;transition:background-color .3s ease}.file-link,.file-link:hover{color:#fff;text-decoration:none}.file-link:hover{background:#0056b3}.metadata-section{border-top:1px solid #e9ecef;margin-top:30px;padding-top:20px;text-align:center}.last-updated{align-items:center;color:#6c757d;display:flex;font-size:.9rem;gap:8px;justify-content:center}@media (max-width:768px){.details-content{padding:15px}.details-header{align-items:flex-start;flex-direction:column;gap:15px}.header-actions{justify-content:flex-end;width:100%}.dental-chart-display{gap:20px}.dental-chart-display,.images-grid,.info-grid{grid-template-columns:1fr}.details-image{max-width:100%}}@media (max-width:480px){.details-section{padding:15px}.section-title{font-size:1.1rem}.back-button{justify-content:center;width:100%}}:root{--primary-teal:#4fd1c5;--input-bg:#f7fafc;--input-border:#e2e8f0;--input-focus-border:var(--primary-teal);--input-focus-shadow:#4fd1c526}.registration-layout{max-width:1440px}@media (min-width:1024px){.registration-layout{flex-direction:row;margin:40px auto;width:90%}}.registration-left-panel{background:linear-gradient(135deg,#2b6cb0,#4fd1c5);background:linear-gradient(135deg,#2b6cb0 0,var(--primary-teal) 100%);padding:32px}@media (min-width:1024px){.registration-left-panel{display:flex;min-width:400px;padding:48px}}.registration-left-panel:after,.registration-left-panel:before{background:#ffffff1a;border-radius:50%;content:"";filter:blur(15px);position:absolute;will-change:transform,opacity;z-index:0}.registration-left-panel:before{animation:float 8s ease-in-out infinite alternate;height:250px;left:-80px;top:-80px;width:250px}.registration-left-panel:after{animation:float 10s ease-in-out infinite alternate-reverse;bottom:-120px;height:320px;right:-120px;width:320px}.registration-left-panel>*{position:relative;z-index:1}.registration-left-panel .logo-container{margin-bottom:32px}.registration-left-panel .logo-container img{border-radius:10px;box-shadow:0 4px 15px #00000026;height:auto;max-width:140px;transition:transform .3s ease,box-shadow .3s ease}.registration-left-panel .logo-container img:hover{box-shadow:0 8px 25px #0003;transform:scale(1.05)}.registration-left-panel .illustration-container{max-width:300px}.registration-left-panel .illustration-container img{filter:drop-shadow(0 8px 16px rgba(0,0,0,.2));height:auto;width:100%}.registration-left-panel h1{font-weight:700;letter-spacing:-.01em}.registration-left-panel p{font-size:1.05rem;line-height:1.7;max-width:340px;opacity:.9}.form-container{border-radius:16px 16px 16px 16px;box-sizing:border-box}@media (min-width:768px){.form-container{padding:32px}}@media (min-width:1024px){.form-container{border-radius:0 16px 16px 0;justify-content:flex-start;max-width:none;padding:48px 64px}}.form-container h2{font-size:2rem}@media (min-width:768px){.form-container h2{font-size:2.2rem}}.mobile-header-illustration{background:linear-gradient(135deg,#2b6cb0,#4fd1c5);background:linear-gradient(135deg,#2b6cb0 0,var(--primary-teal) 100%);border-radius:16px 16px 0 0;box-sizing:border-box;padding:20px}.mobile-header-illustration .mobile-logo{border-radius:8px;box-shadow:0 2px 8px #0000001a;height:auto;margin-bottom:16px;max-width:100px}.mobile-header-illustration h2{font-size:1.6rem;font-weight:600}@media (min-width:1024px){.mobile-header-illustration{display:none}.form-container{border-radius:0 16px 16px 0}}.form-row label{font-size:.9rem;font-weight:500}.input-with-icon .icon{font-size:1rem;pointer-events:none;transition:color .2s ease}.input-with-icon .password-toggle{cursor:pointer;pointer-events:auto}.aligner-search-input,.form-input,.other-aligner-input{background-color:#f7fafc;background-color:var(--input-bg);border:1px solid #e2e8f0;border:1px solid var(--input-border);border-radius:6px;box-shadow:none;box-sizing:border-box;color:#1e2a44;color:var(--text-dark);font-size:.95rem;padding:10px 14px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.input-with-icon .form-input{padding-right:40px}.aligner-search-input:focus,.form-input:focus,.other-aligner-input:focus{background-color:#fff;border-color:#4fd1c5;border-color:var(--input-focus-border);box-shadow:0 0 0 3px #4fd1c526;box-shadow:0 0 0 3px var(--input-focus-shadow);outline:none}.aligner-search-input::placeholder,.form-input::placeholder,.other-aligner-input::placeholder{color:#a0aec0;opacity:1}.phone-input-container{align-items:center;display:flex;position:relative}.country-code{align-items:center;background-color:#edf2f7;border-radius:6px 0 0 6px;border-right:1px solid #e2e8f0;border-right:1px solid var(--input-border);bottom:1px;color:#4a5568;display:flex;font-size:.9rem;font-weight:500;left:1px;padding:0 10px;position:absolute;top:1px}.form-input.with-country-code{padding-left:55px}.button-group{flex-wrap:wrap;margin-top:28px}@media (min-width:480px){.button-group{flex-wrap:nowrap}.button-group>button{flex:1 1}}.add-btn,.primary-btn,.secondary-btn{border:none;border-radius:6px;box-shadow:0 2px 6px #0000000a;box-shadow:var(--shadow-sm);cursor:pointer;font-size:.95rem;font-weight:600;padding:10px 20px;text-align:center;transition:all .2s ease}.aligner-selection-container{background-color:#fff;border:1px solid var(--input-border);border-radius:6px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));margin-top:8px}.aligner-btn{background-color:var(--input-bg);border:1px solid var(--input-border);border-radius:4px;font-size:.85rem;overflow:hidden;padding:6px 10px;text-overflow:ellipsis;white-space:nowrap}.other-aligner-container{align-items:center;margin-top:10px}.add-btn{flex-shrink:0}.summary{background-color:#f9fafb;border:1px solid var(--input-border);border-radius:8px;margin-top:24px}.summary h3{color:var(--primary-teal);font-weight:600;margin-bottom:24px}.summary-section{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--input-border);margin-bottom:24px;padding-bottom:16px}.summary-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.summary-section h4{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--input-border);color:#1e2a44;color:var(--text-dark);font-size:1.1rem;font-weight:600;margin-bottom:16px;padding-bottom:8px}.summary-user{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr}@media (min-width:768px){.summary-user{gap:12px 16px;grid-template-columns:repeat(2,1fr)}}.summary-item strong{color:#4a5568;font-size:.85rem;font-weight:500;text-align:left}.summary-text-display{border:1px solid #0000;border-radius:4px;font-size:.9rem;padding:8px 10px;word-break:break-word}.form-checkbox{accent-color:var(--primary-teal);height:16px;margin-right:8px;width:16px}@media (max-width:480px){.aligner-search-input,.form-input,.other-aligner-input{font-size:.9rem}.button-group{flex-direction:column}.primary-btn,.secondary-btn{width:100%}.summary-user{grid-template-columns:1fr}.aligner-selection-container{grid-template-columns:repeat(auto-fill,minmax(90px,1fr))}}.profile-page{background-color:#f8f9fa;border-radius:12px;box-shadow:0 6px 20px #00000014;color:#1e2a44;font-family:Inter,sans-serif;margin:20px auto;max-width:1200px;padding:20px}.profile-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.profile-header h2{color:#2b6cb0;font-size:2rem;font-weight:700}.header-actions{display:flex;gap:12px}.profile-content-layout{grid-gap:32px;display:grid;gap:32px;grid-template-columns:1fr 3fr}@media (max-width:900px){.profile-content-layout{grid-template-columns:1fr}}.profile-left-panel{align-items:center;display:flex;flex-direction:column;gap:24px}.photo-upload-container{text-align:center;width:100%}.company-logo,.profile-photo{border:4px solid #4fd1c5;border-radius:50%;box-shadow:0 4px 12px #0000001a;height:160px;margin-bottom:12px;object-fit:cover;width:160px}.company-logo{border-color:#718096;border-radius:12px}.photo-upload-label{color:#3182ce;cursor:pointer;font-size:.9rem;font-weight:600;transition:color .2s ease}.photo-upload-label:hover{color:#2b6cb0}.photo-upload-label input[type=file]{display:none}.profile-right-panel{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #0000000d;padding:24px}.profile-group{margin-bottom:28px}.profile-group-title{border-bottom:2px solid #e2e8f0;color:#4fd1c5;font-size:1.4rem;font-weight:600;margin-bottom:16px;padding-bottom:8px}.profile-item{font-size:1rem;line-height:1.6;margin-bottom:8px}.profile-item strong{color:#2d3748;margin-right:8px}.form-row{margin-bottom:16px}.form-row label{color:#4a5568;margin-bottom:6px}.form-input{background-color:#f7fafc;font-size:.95rem;padding:10px 12px}.form-input:focus{box-shadow:0 0 0 2px #4fd1c533}.aligner-tags-container{display:flex;flex-wrap:wrap;gap:8px}.aligner-tag{background-color:#e2e8f0;border-radius:16px;color:#4a5568;font-size:.9rem;font-weight:500;padding:6px 12px}.aligner-tags-container.editable .aligner-tag{background-color:#feb2b2;color:#9b2c2c;cursor:pointer}.aligner-tags-container.editable .aligner-tag:hover{background-color:#ef5350;color:#fff}.aligner-search-input,.other-aligner-input{border:1px solid #e2e8f0;border-radius:8px;margin-top:16px;padding:10px 12px;width:100%}.aligner-selection-container{display:flex;flex-wrap:wrap;margin-top:12px;max-height:200px}.primary-btn,.secondary-btn{box-shadow:0 2px 6px #0000001a;font-size:.95rem;padding:10px 20px}.primary-btn:hover{box-shadow:0 6px 12px #4fd1c533}.secondary-btn{background-color:#718096}.secondary-btn:hover{background-color:#4a5568}.popup-overlay,.spinner-overlay{align-items:center;background:#0009;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.popup-close-btn{background-color:#4fd1c5;margin-top:16px;padding:10px 20px}.spinner{animation:spin 1s linear infinite;border:5px solid #f3f3f3;border-radius:50%;border-top-color:#4fd1c5;height:50px;width:50px}.error-container{color:#e53e3e;font-size:1.2rem;padding:40px;text-align:center}.provider-dashboard{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1200px;padding:2rem}.dashboard-header{margin-bottom:3rem;text-align:center}.dashboard-header h1{color:#2c3e50;font-size:2.5rem;margin-bottom:.5rem}.dashboard-header p{color:#7f8c8d;font-size:1.1rem}.summary-cards{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:3rem}.summary-card{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;box-shadow:0 10px 30px #0000001a;color:#fff;display:flex;gap:1rem;padding:2rem;transition:transform .3s ease}.summary-card:hover{transform:translateY(-5px)}.summary-card.doctors-card{background:linear-gradient(135deg,#667eea,#764ba2)}.summary-card.patients-card{background:linear-gradient(135deg,#3b82f6,#60a5fa)}.summary-card.aligners-card{background:linear-gradient(135deg,#f59e0b,#fbd38d)}.summary-card.payment-card{background:linear-gradient(135deg,#ef4444,#f87171)}.card-icon{font-size:2.5rem;opacity:.9}.card-content h2{font-size:2.5rem;font-weight:700;margin:0}.card-content p{font-size:.9rem;margin:.5rem 0 0;opacity:.9}.recent-doctors{margin-bottom:3rem}.section-header{margin-bottom:2rem}.section-header h2{color:#2c3e50;font-size:2rem;margin-bottom:.5rem}.section-header p{color:#7f8c8d;font-size:1rem}.doctors-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.doctor-card{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 5px 15px #00000014;padding:1.5rem;transition:all .3s ease}.doctor-card:hover{box-shadow:0 8px 25px #0000001f;transform:translateY(-3px)}.doctor-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.doctor-header h3{color:#2c3e50;font-size:1.3rem;margin:0}.unlinked-doctor-tag{background:#ffeaa7;border-radius:12px;color:#e17055;font-size:.7rem;font-weight:700;padding:.25rem .5rem}.doctor-details{margin-bottom:1.5rem}.doctor-email{color:#7f8c8d;font-size:.9rem;margin:.5rem 0}.doctor-clinic{color:#636e72;font-style:italic;margin:.5rem 0}.doctor-stats{align-items:center;border-top:1px solid #ecf0f1;display:flex;justify-content:space-between;margin-top:1rem;padding-top:1rem}.experience,.patient-count{align-items:center;color:#636e72;display:flex;font-size:.85rem;gap:.5rem}.doctor-actions{align-items:center;display:flex;justify-content:space-between}.view-patients-btn{align-items:center;background:#3498db;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;padding:.75rem 1.5rem;transition:background .3s ease}.view-patients-btn:hover{background:#2980b9}.aligner-potential{background:#e8f6f3;border-radius:20px;color:#1abc9c;font-size:.8rem;font-weight:700;padding:.5rem 1rem}.doctor-patients-view{margin-top:2rem}.view-header{border-bottom:2px solid #ecf0f1;gap:2rem;margin-bottom:2rem;padding-bottom:1.5rem}.back-btn,.view-header{align-items:center;display:flex}.back-btn{background:#6c757d;border:none;border-radius:8px;color:#fff;cursor:pointer;gap:.5rem;padding:.75rem 1.5rem;transition:background .3s ease}.back-btn:hover{background:#5a6268}.view-title{flex:1 1}.view-title h2{color:#2c3e50;font-size:1.8rem;margin:0 0 .5rem}.patient-count{background:#3498db;border-radius:15px;color:#fff;font-size:.9rem;font-weight:700;padding:.25rem 1rem}.patients-controls{align-items:center;display:flex;gap:1rem;margin-bottom:2rem}.search-box{flex:1 1;position:relative}.search-icon{color:#7f8c8d;left:1rem;position:absolute;top:50%;transform:translateY(-50%)}.search-input{border:2px solid #e9ecef;border-radius:8px;font-size:1rem;padding:.75rem 1rem .75rem 3rem;transition:border-color .3s ease;width:100%}.search-input:focus{border-color:#3498db;outline:none}.status-filter{background:#fff;border:2px solid #e9ecef;border-radius:8px;cursor:pointer;font-size:1rem;padding:.75rem 1rem}.patients-list{display:flex;flex-direction:column;gap:1rem}.patient-card{align-items:flex-start;background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 3px 10px #00000014;display:flex;justify-content:space-between;padding:1.5rem;transition:all .3s ease}.patient-card:hover{box-shadow:0 5px 20px #0000001f;transform:translateY(-2px)}.patient-info{flex:1 1}.patient-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.patient-header h3{color:#2c3e50;font-size:1.3rem;margin:0}.scan-badge{align-items:center;background:#d4edda;border-radius:12px;color:#155724;display:flex;font-size:.8rem;font-weight:700;gap:.25rem;padding:.25rem .75rem}.patient-details{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.patient-details p{color:#636e72;font-size:.9rem;margin:0}.aligner-status{border-radius:15px;display:inline-block;font-size:.8rem;font-weight:700;margin-left:.5rem;padding:.25rem .75rem}.status-pending{background:#fef3c7;color:#b45309}.status-confirmed{background:#dbeafe;color:#2563eb}.status-in-production{background:#e9d5ff;color:#7c3aed}.status-shipped{background:#d1fae5;color:#059669}.status-unpaid{background:#fee2e2;color:#dc2626}.status-paid{background:#d1fae5;color:#059669}.patient-actions{display:flex;flex-direction:column;gap:.5rem;min-width:150px}.scan-btn,.view-details-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;justify-content:center;padding:.75rem 1rem;transition:all .3s ease}.view-details-btn{background:#3498db;color:#fff}.view-details-btn:hover{background:#2980b9}.scan-btn{background:#27ae60;color:#fff}.scan-btn:hover{background:#219a52}.dashboard-actions{margin-top:3rem}.dashboard-btn{align-items:center;background:#2c3e50;display:flex;gap:.5rem;padding:1rem 2rem;transition:all .3s ease}.dashboard-btn:hover{background:#34495e}.add-doctor-btn{background:#e74c3c}.add-doctor-btn:hover{background:#c0392b}.view-doctors-btn{background:#3498db}.view-doctors-btn:hover{background:#2980b9}.view-orders-btn{background:#f59e0b}.view-orders-btn:hover{background:#d97706}.profile-btn{background:#9b59b6}.profile-btn:hover{background:#8e44ad}.loading-container{flex-direction:column;padding:4rem;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:5px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:50px;margin-bottom:1rem;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.no-data-message,.no-patients-message{color:#7f8c8d;padding:3rem;text-align:center}.no-data-message p,.no-patients-message p{font-size:1.1rem;margin-bottom:1.5rem}.cta-button{background:#e74c3c;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;padding:1rem 2rem;transition:background .3s ease}.cta-button:hover{background:#c0392b}@media (max-width:768px){.provider-dashboard{padding:1rem}.doctors-grid,.summary-cards{grid-template-columns:1fr}.patient-card{flex-direction:column;gap:1rem}.patient-actions{flex-direction:row;min-width:auto;width:100%}.dashboard-actions,.patients-controls,.view-header{flex-direction:column}.view-header{gap:1rem;text-align:center}}.status-select-inline{appearance:none;-webkit-appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%2Mxmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%234a5568%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E");background-position:right .5rem top 50%;background-repeat:no-repeat;background-size:.5em auto;border:2px solid;border-radius:15px;cursor:pointer;display:inline-block;font-size:.8rem;font-weight:700;margin-left:.5rem;padding:.25rem 1.5rem .25rem .75rem}.status-select-inline:focus{box-shadow:0 0 0 2px #667eea4d;outline:none}.status-pending{border-color:#f59e0b}.status-confirmed{border-color:#3b82f6}.status-in-production{border-color:#8b5cf6}.status-shipped{border-color:#10b981}.status-unpaid{border-color:#ef4444}.status-paid{border-color:#10b981}:root{--primary:#e51e63;--secondary:#f9257c;--accent:#ffc107;--dark:#1a1a1a;--black:#0d0d0d;--white:#fff;--danger:#d32f2f;--form-accent:#e51e63}body{background-color:#f0f2f5;color:#333;font-family:Poppins,sans-serif;padding:0;transition:background-color .3s ease,color .3s ease}#root{display:flex;flex-direction:column;min-height:100vh}.provider-home-page{background-color:#f8f9fa;color:#0d0d0d;color:var(--black)}h1,h2,h3,h4{font-weight:700;margin-bottom:1rem}.slider-handle{color:#1a1a1a;color:var(--dark)}section{border-top:1px solid #00000014}.section-header{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:linear-gradient(135deg,#00c6ffd9,#0072ffd9);border-bottom:1px solid #fff3;border-radius:0 0 20px 20px;box-shadow:0 8px 32px 0 #00000026;margin-bottom:10px;padding:25px 12px;position:sticky;text-align:center;top:0;transition:all .4s ease;z-index:10}.section-header h2{color:#000000d4;display:inline-block;font-size:2.3rem;font-weight:600;letter-spacing:.5px;margin:0;position:relative;text-shadow:0 3px 10px #0003}.section-header h2:after{background:#ffc107;background:var(--accent);border-radius:2px;bottom:-15px;box-shadow:0 2px 8px #ff9e0099;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);transition:width .3s ease;width:60px}.section-header:hover h2:after{width:120px}.section-subtitle{color:#666;font-size:1.1rem;margin:1rem auto 30px;max-width:700px;text-align:center}.scroll-indicator{opacity:0;pointer-events:none;position:fixed;right:20px;top:50%;transform:translateY(-50%);transition:opacity .4s ease-in-out;z-index:1000}.scroll-indicator.visible{opacity:1;pointer-events:auto}.scroll-indicator ul{list-style:none;margin:0;padding:0;position:relative}.scroll-indicator li{margin-bottom:10px}.scroll-indicator li a{align-items:center;background-color:#fffc;border-radius:50%;box-shadow:0 2px 10px #0000001a;color:#333;display:flex;height:40px;justify-content:center;text-decoration:none;transition:all .3s ease;width:40px}.scroll-indicator li a i{color:#333;font-size:1.1rem;transition:color .3s ease}.scroll-indicator li:hover a{background-color:#f0f0f0;transform:scale(1.1)}.scroll-indicator li.active a{background-color:#ffc107;background-color:var(--accent);transform:scale(1.1)}.scroll-indicator li.active a i{color:#fff;color:var(--white)}.progress-line-container{background-color:#e0e0e0;height:100%;position:absolute;right:19px;top:0;width:2px}.progress-line{background-color:#ffc107;background-color:var(--accent);transition:height .3s ease;width:100%}.bubble{background:#90e0ef33}.hero-section{background:linear-gradient(135deg,#e51e63,#1a1a1a);background:linear-gradient(135deg,var(--primary) 0,var(--dark) 100%)}.hero-overlay{background:#0000004d}.hero-btn{border-radius:50px}.hero-btn.primary{background-color:#ffc107;background-color:var(--accent);border:2px solid #ffc107;border:2px solid var(--accent)}.hero-btn.primary:hover{background-color:#ff8c00;box-shadow:0 8px 20px #ff9e004d}.welcome-message span{color:#ffc107;color:var(--accent)}.brand-badge{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fff3;border:1px solid #ffffff4d;border-radius:30px}.brand-badge img{height:80px}.highlight-price{text-shadow:0 2px 10px #ff9e004d}.brand-name,.highlight-price{color:#ffc107;color:var(--accent)}.duration-item{background:#ffffff1a}.duration-item i{color:#ffc107;color:var(--accent)}.registration-form-container:before{animation:gradient-animation 6s ease infinite;background:linear-gradient(135deg,#e51e63,#ffc107,#d32f2f);background:linear-gradient(135deg,var(--primary),var(--accent),var(--danger));background-size:300% 300%;border-radius:inherit;bottom:0;content:"";left:0;margin:-2px;opacity:0;position:absolute;right:0;top:0;transition:opacity .4s ease;z-index:-1}.registration-form-container:hover:before{opacity:1}@keyframes gradient-animation{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.registration-form-container h3{color:#1a1a1a;color:var(--dark)}.form-group input:focus{box-shadow:0 0 0 4px #00b4d826}.submit-btn{background:linear-gradient(90deg,#e51e63,#d32f2f);background:linear-gradient(90deg,var(--form-accent),var(--danger))}.features-section{background-color:#fff;background-color:var(--white)}.feature-card{background:#fff;background:var(--white);border:1px solid #00b4d81a;box-shadow:0 10px 30px #00b4d81a}.feature-card:hover{box-shadow:0 15px 40px #00b4d833}.feature-icon{box-shadow:0 5px 15px #00b4d84d}.feature-card h3{color:#1a1a1a;color:var(--dark)}.feature-card p{color:#666}.feature-badge{background:#0000000d;color:#1a1a1a;color:var(--dark)}.brands-section{background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.brand-card{background:#fff;border:1px solid #0000000d;box-shadow:0 10px 30px #0000000d}.brand-card.featured{border:2px solid #ffc107;border:2px solid var(--accent);box-shadow:0 5px 20px #ff9e0033}.brand-card:hover{box-shadow:0 15px 40px #0000001a}.featured-badge{background:#ffc107;background:var(--accent)}.price-point i{color:#ffc107;color:var(--accent)}.visualization-section{background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.free-badge{background:#ffc107;background:var(--accent)}.feature-item{background:#fff;box-shadow:0 5px 15px #0000000d}.feature-icon-circle{background:var(--light)}.step-content-card,.steps-section{background-color:#fff;background-color:var(--white)}.step-content-card{border:1px solid #e9ecef;box-shadow:0 15px 40px #00000014}.step-content-card h3{color:#1a1a1a;color:var(--dark)}.step-content-card p{color:#666}.step-icon-wrapper{box-shadow:0 10px 20px #00b4d84d}.step-image-wrapper{background-color:var(--light)}.cases-section{background-color:#f8f9fa}.case-content-card{background-color:#fff;background-color:var(--white);box-shadow:0 15px 40px #00000014}.case-content-card h3{color:#1a1a1a;color:var(--dark)}.case-content-card p{color:#666}.case-icon-wrapper{background-color:#ffc107;background-color:var(--accent);box-shadow:0 10px 20px #ff9e004d}.cta-section:before{background:#007490cc}.cta-btn{background-color:#ffc107;background-color:var(--accent);box-shadow:0 5px 20px #ff9e004d;color:#fff;color:var(--white)}.cta-btn:after{background:linear-gradient(90deg,#0000,#fff3,#0000)}.cta-btn:hover{background-color:#ff8c00;box-shadow:0 8px 25px #ff9e0066}.price-item .price{color:#ffc107;color:var(--accent)}.main-footer{background:linear-gradient(135deg,#222,#111);color:#fff;color:var(--white);padding:80px 5% 30px}.footer-content{display:flex;flex-wrap:wrap;gap:40px;justify-content:space-between;margin:0 auto;max-width:1200px}.footer-section{flex:1 1;min-width:250px}.footer-section h4{color:#f9257c;color:var(--secondary);font-size:1.3rem;margin-bottom:25px;padding-bottom:10px;position:relative}.footer-section h4:after{background:#ffc107;background:var(--accent);bottom:0;content:"";height:2px;left:0;position:absolute;width:50px}.footer-section p{margin-bottom:20px;opacity:.8}.social-links{display:flex;gap:15px}.social-links a{align-items:center;background:#ffffff1a;border-radius:50%;color:#fff;color:var(--white);display:flex;height:40px;justify-content:center;transition:all .3s ease;width:40px}.social-links a:hover{background:#e51e63;background:var(--primary);transform:translateY(-5px) scale(1.1)}.footer-section ul{list-style:none;padding:0}.footer-section li{margin-bottom:12px;opacity:.8;transition:all .3s ease}.footer-section li:hover{color:#e51e63;color:var(--primary);opacity:1;padding-left:5px}.footer-section a{color:#fff;color:var(--white);text-decoration:none}.footer-section i{color:#ffc107;color:var(--accent);margin-right:10px;text-align:center;width:20px}.footer-bottom{border-top:1px solid #ffffff1a;font-size:.9rem;margin-top:60px;opacity:.7;padding-top:20px;text-align:center}@media (max-width:1200px){.hero-section h1{font-size:2.8rem}.section-header h2{font-size:2rem}}@media (max-width:992px){.hero-container{flex-direction:column;gap:3rem}.hero-container,.hero-text-content{text-align:center}.hero-buttons,.treatment-duration{justify-content:center}.hero-form-container{max-width:500px;width:100%}.hero-section{height:auto;min-height:auto;padding-top:100px}.hero-content{margin-bottom:40px;max-width:100%}.hero-image{margin-top:40px;position:relative;right:auto}.dashboard-preview,.visualization-container{flex-direction:column-reverse}.step-item-row,.step-item-row:nth-child(2n),.treatable-case-item,.treatable-case-item:nth-child(2n){flex-direction:column}.case-content-card,.step-content-card{margin-bottom:30px;margin-top:40px;width:100%}.case-icon-wrapper,.step-icon-wrapper,.step-item-row:nth-child(2n) .step-icon-wrapper,.treatable-case-item:nth-child(2n) .case-icon-wrapper{left:50%;right:auto;top:-35px;transform:translateX(-50%)}.brands-container{grid-template-columns:repeat(2,1fr)}.hero-section h1{font-size:2.5rem}.section-header h2{font-size:2rem}.section-subtitle{font-size:1rem}.case-content-card h3,.step-content-card h3{font-size:1.8rem}.cta-section h2{font-size:2.2rem}}@media (max-width:768px){section{padding:60px 5%}.hero-section{min-height:auto;padding:80px 5% 60px}.hero-section h1{font-size:2.5rem}.hero-section h2{font-size:1.6rem}.section-header h2{font-size:1.7rem}.brands-container,.features-container{grid-template-columns:1fr}.treatment-duration{flex-wrap:wrap;justify-content:center}.cta-btn,.hero-btn{font-size:1rem;padding:12px 25px}.footer-content{flex-direction:column}.hero-image{display:none}.case-content-card h3,.step-content-card h3{font-size:1.6rem}.case-content-card p,.step-content-card p{font-size:.95rem}.registration-form-container{padding:1.5rem}}@media (max-width:576px){.hero-buttons{flex-direction:column;gap:15px}.hero-btn{width:100%}.brand-badge{flex-direction:column;padding:10px;text-align:center}.brand-badge img{margin-bottom:10px}.price-display{flex-direction:column;gap:15px}.duration-item{min-width:calc(50% - 20px)}.bubble{display:none}.hero-section h1{font-size:2rem}.section-header h2{font-size:1.5rem}.section-subtitle{font-size:.9rem}.case-content-card h3,.step-content-card h3{font-size:1.4rem}}.skeleton-loading{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%)}.free-scan-badge{background:#ffc107;background:var(--accent)}.section-header.sticky-header{background:#fff0;box-shadow:0 4px 6px #0000000d;padding:1px 0;position:sticky;top:0;transition:top .3s ease;z-index:900}.menu-button1{background-color:#ffc107;background-color:var(--accent)}.menu-button1:hover{background-color:#ff8c00}body.dark-mode .provider-home-page{background-color:#121212;color:#f0f0f0}body.dark-mode .section-header.sticky-header{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:linear-gradient(135deg,#141e30d9,#243b55d9);border-bottom:1px solid #ffffff1a;box-shadow:0 8px 32px #0000004d}body.dark-mode .section-header h2{color:#f0f0f0;text-shadow:0 3px 10px #0006}body.dark-mode .section-subtitle{color:#aaa}body.dark-mode .registration-form-container{background:#2a2a3e;border-color:#ffffff1a;box-shadow:0 20px 50px #0006}body.dark-mode .registration-form-container h3{color:#fff;color:var(--white)}body.dark-mode .checkbox-group,body.dark-mode .registration-form-container p{color:#ccc}body.dark-mode .form-group input[type=tel],body.dark-mode .form-group input[type=text]{background-color:#1e1e2d;border-color:#4a4a6a;color:#fff;color:var(--white)}body.dark-mode .form-group input::placeholder{color:#888}body.dark-mode .form-group input:focus{background-color:#2a2a3e;border-color:#e51e63;border-color:var(--primary);box-shadow:0 0 0 4px #00b4d833}body.dark-mode .brand-card,body.dark-mode .case-content-card,body.dark-mode .feature-card,body.dark-mode .feature-item,body.dark-mode .step-content-card{background:#1e1e1e;border:1px solid #444;box-shadow:0 10px 30px #0000004d;color:#f0f0f0;position:relative;z-index:1}body.dark-mode .brand-card:before{background:radial-gradient(circle at 50% 0,#ff9e0026,#0000 70%);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .4s ease-in-out;width:100%;z-index:-1}body.dark-mode .brand-card:hover:before{opacity:1}body.dark-mode .brand-card.featured{border-color:#ffc107;border-color:var(--accent);box-shadow:0 0 25px #ff9e0033}body.dark-mode .brand-card h3,body.dark-mode .case-content-card h3,body.dark-mode .feature-card h3,body.dark-mode .feature-item h3,body.dark-mode .step-content-card h3{color:#f0f0f0}body.dark-mode .brand-card p,body.dark-mode .case-content-card p,body.dark-mode .feature-card p,body.dark-mode .feature-item p,body.dark-mode .step-content-card p{color:#d0d0d0}body.dark-mode .brands-section,body.dark-mode .cases-section{background:#1a1a1a}body.dark-mode .visualization-section{background:linear-gradient(135deg,#1a1a1a,#2c2c2c)}body.dark-mode .features-section,body.dark-mode .steps-section{background-color:#121212}body.dark-mode .main-footer{background:linear-gradient(135deg,#1e1e1e,#121212)}body.dark-mode .top-nav{background:linear-gradient(90deg,#1e1e1e,#121212)}body.dark-mode .scroll-indicator li a{background-color:#282828cc;color:#f0f0f0}body.dark-mode .scroll-indicator li a i{color:#f0f0f0}body.dark-mode .scroll-indicator li:hover a{background-color:#ffffff1a}body.dark-mode .scroll-indicator li.active a{background-color:#ffc107;background-color:var(--accent)}.provider-home-page,body.dark-mode .scroll-indicator li.active a i{color:#fff;color:var(--white)}.provider-home-page{background-color:#0d0d0d;background-color:var(--black);font-family:Poppins,sans-serif;line-height:1.6;position:relative}.interactive-section-container{background-color:#000;position:relative;width:100%}.entrance{height:70vh;overflow:hidden;position:relative;-webkit-user-select:none;user-select:none;width:100%}.comparison-image{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%}.comparison-image img{height:100%;object-fit:cover;pointer-events:none;width:100%}.before-image{z-index:2}.after-image{z-index:1}.comparison-slider{background:#ffffffe6;box-shadow:0 4px 15px #0003;height:100%;pointer-events:none;position:absolute;top:0;transform:translateX(-50%);width:4px;z-index:10}.slider-handle{align-items:center;background-color:#fff;border-radius:50%;box-shadow:0 4px 15px #0000004d;color:#e51e63;color:var(--primary);display:flex;font-size:1.5rem;height:45px;justify-content:center;left:50%;transform:translate(-50%,-50%);width:45px}.slider-handle,.slider-label{pointer-events:none;position:absolute;top:5%}.slider-label{background-color:rgba(0,0,0,.184);border-radius:6px;box-shadow:0 2px 8px #0000004d;color:#fff;font-size:.7rem;font-weight:600;padding:8px 10px;transform:translateY(-50%);white-space:nowrap}.left-label{right:40px}.right-label{left:40px}.points-list{list-style:none;margin:0;padding:0}.point-item{align-items:center;background:#ffffff1a;border-radius:8px;color:#fff;display:flex;font-size:.9rem;font-weight:500;gap:8px;margin-bottom:15px;padding:8px 10px 8px 35px;position:relative;transition:all .3s ease-in-out}.point-text-container{display:flex;flex-direction:column;text-align:left}.advantages-list .point-text-container{align-items:flex-end;text-align:right}.point-title{font-size:.9rem;font-weight:600}.point-subtitle{font-size:.75rem;font-weight:400;margin-top:2px;opacity:.8}.point-item i{font-size:1.2rem;opacity:.8;text-align:center;width:20px}.point-item:before{font-family:Font Awesome\ 5 Free;font-size:1.1rem;font-weight:900;opacity:.5;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease-in-out}.disadvantages-list .point-item:before{color:#ff6b6b;content:"\f057";left:10px}.advantages-list .point-item{flex-direction:row-reverse;padding-left:5px;padding-right:35px}.advantages-list .point-item:before{color:#51cf66;content:"\f058";right:10px}.point-item.active{background:#000000b3;transform:scale(1.05)}.point-item.active:before{opacity:1;transform:translateY(-50%) scale(1.1)}@media (max-width:992px){.slider-label{font-size:.65rem;padding:5px 8px}.left-label{right:30px}.right-label{left:30px}.points-list.advantages-list,.points-list.disadvantages-list{display:none}.mobile-points-container{height:100%;left:0;min-height:0;padding:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:20}.points-list-top.mobile-list{top:78%}.points-list-t.mobile-list,.points-list-top.mobile-list{display:block;max-width:45%;position:absolute;transform:none;width:auto}.points-list-t.mobile-list{top:35%}.points-list.mobile-list{display:block;max-width:45%;position:absolute;top:20%;transform:none;width:auto}.mobile-list.disadvantages-list{left:5px}.mobile-list.advantages-list{right:5px}.mobile-list .point-item{background:#0009;font-size:.45rem;gap:2px;line-height:1.3;margin-bottom:6px;padding:4px 6px 4px 18px}.mobile-list.advantages-list .point-item{padding-left:6px;padding-right:18px}.mobile-list .point-item:before{font-size:.7rem}.mobile-list.disadvantages-list .point-item:before{left:5px}.mobile-list.advantages-list .point-item:before{right:5px}.mobile-list .point-item i{font-size:.7rem}.entrance{height:60vh}.mobile-list .point-title{font-size:.65rem}.mobile-list .point-subtitle{font-size:.55rem;margin-top:1px}}@media (min-width:768px){.entrance{height:85vh}}@media (min-width:1024px){.entrance{height:90vh;max-height:850px}.points-list.advantages-list,.points-list.disadvantages-list{display:block;max-width:320px;position:absolute;top:50%;transform:translateY(-50%);z-index:20}.disadvantages-list{left:4vw}.advantages-list{right:4vw}}section{border-top:1px solid #333;box-shadow:0 -10px 20px -15px #0000001a;padding:80px 5%;position:relative}.hero-section+section{border-top:none;box-shadow:none}.animated-bg{height:100%;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:-1}.bubble{animation:float 15s ease-in-out infinite;background:#e51e631a;border-radius:50%;position:absolute}.bubble-1{animation-delay:0s;height:300px;left:-50px;top:-50px;width:300px}.bubble-2{animation-delay:3s;bottom:100px;height:200px;right:-50px;width:200px}.bubble-3{animation-delay:6s;height:150px;right:20%;top:30%;width:150px}.bubble-4{animation-delay:9s;bottom:-50px;height:250px;left:30%;width:250px}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-50px) rotate(10deg)}}.hero-section{align-items:center;background:#0d0d0d;background:var(--black);color:#fff;color:var(--white);display:flex;height:auto;justify-content:center;min-height:98vh;overflow:hidden;padding:60px 5%;position:relative}.hero-overlay{background:#0000;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.hero-container{align-items:center;display:flex;gap:3rem;justify-content:space-between;max-width:1200px;position:relative;width:100%;z-index:2}.hero-text-content{flex:1.2 1;text-align:left}.hero-form-container{flex:1 1;max-width:450px}.hero-section h1{font-size:3.2rem;line-height:1.2;margin-bottom:1.5rem;text-shadow:0 2px 10px #0003}.hero-section h2{font-size:2rem;font-weight:400;margin-bottom:2rem;text-shadow:0 2px 5px #0003}.hero-subtext{color:#fffc;font-size:1.2rem;margin-bottom:2.5rem;opacity:.9}.hero-buttons{display:flex;gap:20px;justify-content:flex-start;margin-top:2rem}.hero-btn{border-radius:8px;box-shadow:0 5px 15px #0000001a;display:inline-block;font-size:1.1rem;font-weight:600;min-height:44px;min-width:44px;padding:15px 35px;text-align:center;text-decoration:none;transition:all .3s ease}.hero-btn.primary{background-color:#e51e63;background-color:var(--primary);border:2px solid #e51e63;border:2px solid var(--primary);color:#fff;color:var(--white);overflow:hidden;position:relative}.hero-btn.primary:after{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:all .5s ease;width:100%}.hero-btn.primary:hover:after{left:100%}.hero-btn.secondary{background-color:initial;border:2px solid #fff;border:2px solid var(--white);color:#fff;color:var(--white)}.hero-btn.primary:hover{background-color:#c2185b;box-shadow:0 8px 20px #e51e634d;transform:translateY(-3px)}.hero-btn.secondary:hover{background-color:#ffffff1a;transform:translateY(-3px)}.welcome-message{font-size:1.2rem;margin-top:2rem}.welcome-message span{color:#f9257c;color:var(--secondary);font-weight:600}.brand-badge{align-items:center;background:#1a1a1a;background:var(--dark);border:1px solid #fff3;border-radius:12px;display:inline-flex;gap:10px;margin-bottom:20px;padding:8px 15px}.brand-badge img{border-radius:4px;height:30px;width:auto}.brand-badge span{color:#fff;color:var(--white);font-size:.9rem;font-weight:500}.highlight-price{color:#f9257c;color:var(--secondary);text-shadow:0 2px 10px #f9257c4d}.brand-name{color:#e51e63;color:var(--primary);font-weight:700}.treatment-duration{display:flex;gap:15px;justify-content:flex-start;margin-bottom:30px}.duration-item{align-items:center;background:#1a1a1a;background:var(--dark);border:1px solid #fff3;border-radius:10px;display:flex;flex-direction:column;min-width:80px;padding:10px 15px}.duration-item i{color:#e51e63;color:var(--primary);margin-bottom:5px}.duration-item span{color:#fff;color:var(--white);font-size:.9rem;font-weight:600}.duration-item small{color:#ffffffb3;font-size:.7rem;opacity:.8}.pulse{animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 0 0 #e51e6366}70%{box-shadow:0 0 0 15px #e51e6300}to{box-shadow:0 0 0 0 #e51e6300}}.registration-form-container{background:#fff;background:var(--white);border:1px solid #fff3;border-radius:20px;box-shadow:0 20px 50px #0003;color:#0d0d0d;color:var(--black);overflow:hidden;padding:2rem;position:relative;width:100%;z-index:1}.registration-form-container:before{display:none}.form-header{margin-bottom:2rem;text-align:center}.registration-form-container h3{color:#0d0d0d;color:var(--black);font-size:1.6rem;font-weight:600;margin-bottom:.5rem;margin-top:0}.registration-form-container p{color:#666;margin-bottom:0}.form-row{display:flex;gap:1rem;margin-bottom:1.25rem}.form-row .form-group{flex:1 1;margin-bottom:10}.form-group{margin-bottom:1.25rem}.form-group input[type=tel],.form-group input[type=text]{background:#f9f9f9;border:1px solid #ddd;border-radius:10px;color:#0d0d0d;color:var(--black);font-size:1rem;padding:14px 18px;transition:border-color .3s,box-shadow .3s;width:100%}.form-group input::placeholder{color:#999}.form-group input:focus{background:#fff;background:var(--white);border-color:#e51e63;border-color:var(--primary);box-shadow:0 0 0 4px #e51e6326;outline:none}.checkbox-group{align-items:center;color:#555;display:flex;font-size:.9rem;margin-bottom:1.25rem}.checkbox-group input[type=checkbox]{accent-color:#e51e63;accent-color:var(--primary);height:18px;margin-right:.75rem;width:18px}.submit-btn{background:linear-gradient(90deg,#e51e63,#d70000);border:none;border-radius:10px;box-shadow:0 5px 15px #e539354d;color:#fff;color:var(--white);cursor:pointer;font-size:1.15rem;font-weight:600;padding:16px;transition:all .3s ease;width:100%}.submit-btn:hover{box-shadow:0 8px 20px #e5393566;transform:translateY(-3px)}.features-section{background-color:#0d0d0d;background-color:var(--black)}.features-container{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;max-width:1200px}.feature-card{background:#1a1a1a;background:var(--dark);border:1px solid #333;border-radius:15px;box-shadow:0 10px 30px #0003;padding:40px 30px;text-align:center;transition:all .3s ease}.feature-card:hover{border-color:#e51e63;border-color:var(--primary);box-shadow:0 15px 40px #e51e6333;transform:translateY(-10px)}.feature-icon{align-items:center;border-radius:50%;box-shadow:0 5px 15px #0000004d;color:#fff;color:var(--white);display:flex;font-size:2rem;height:80px;justify-content:center;margin:0 auto 25px;transition:all .3s ease;width:80px}.feature-card:hover .feature-icon{transform:scale(1.1)}.feature-card h3{color:#fff;color:var(--white);font-size:1.5rem;margin-bottom:15px}.feature-card p{color:#ffffffb3;font-size:1rem}.feature-badge{background:#ffffff1a;border-radius:20px;color:#fff;color:var(--white);display:inline-block;font-size:.8rem;font-weight:500;margin-top:20px;padding:5px 15px}.brands-section{background:#1a1a1a;background:var(--dark)}.brands-container{margin:0 auto;max-width:500px}.brand-card{background:#0d0d0d;background:var(--black);border:1px solid #333;border-radius:15px;box-shadow:0 10px 30px #0003;overflow:hidden;padding:30px;position:relative;text-align:center;transition:all .3s ease}.brand-card.featured{border:2px solid #e51e63;border:2px solid var(--primary);box-shadow:0 5px 20px #e51e6333;transform:translateY(-10px)}.brand-card:hover{box-shadow:0 15px 40px #0000004d;transform:translateY(-5px)}.brand-card.featured:hover{transform:translateY(-15px)}.brand-logo{align-items:center;display:flex;height:80px;justify-content:center;margin-bottom:20px;position:relative}.brand-logo img{max-height:100%;max-width:100%;object-fit:contain;will-change:transform}.featured-badge{background:#e51e63;background:var(--primary);border-radius:20px;color:#fff;font-size:.7rem;font-weight:600;padding:5px 10px;position:absolute;right:-10px;top:-10px}.brand-pricing{display:flex;gap:20px;justify-content:center;margin:15px 0}.duration-point,.price-point{align-items:center;color:#fff;color:var(--white);display:flex;font-size:.9rem;gap:5px}.price-point i{color:#f9257c;color:var(--secondary)}.duration-point i{color:#e51e63;color:var(--primary)}.brand-features{margin-top:15px}.brand-features .feature{align-items:center;color:#ffffffb3;display:flex;font-size:.8rem;gap:8px;justify-content:center;margin-bottom:8px}.brand-features .feature i{color:#4caf50}.visualization-section{background:linear-gradient(135deg,#111,#222)}.visualization-container{align-items:center;display:flex;gap:40px;margin:0 auto;max-width:1200px}.visualization-features{flex:1 1}.visualization-demo{border-radius:15px;box-shadow:0 20px 40px #00000026;flex:1 1;overflow:hidden;position:relative}.video-container video{display:block;height:auto;transition:all .3s ease;width:100%}.visualization-demo:hover video{transform:scale(1.02)}.free-badge{border-radius:20px;box-shadow:0 5px 15px #0003;font-weight:700;right:20px;top:20px}.duration-badge,.free-badge{background:#e51e63;background:var(--primary);color:#fff;padding:8px 15px;position:absolute}.duration-badge{align-items:center;border-radius:30px;bottom:20px;display:flex;font-size:.9rem;font-weight:500;gap:8px;left:20px}.feature-item{background:#1a1a1a;background:var(--dark);border:1px solid #333;border-radius:10px;box-shadow:0 5px 15px #0000001a;margin-bottom:20px;padding:30px}.feature-icon-circle{align-items:center;background:#e51e631a;border-radius:50%;display:flex;height:50px;justify-content:center;margin-bottom:15px;width:50px}.feature-icon-circle i{color:#e51e63;color:var(--primary);font-size:1.5rem}.steps-section{background-color:#0d0d0d;background-color:var(--black);padding-bottom:100px}.steps-container{display:flex;flex-direction:column;gap:80px;margin:0 auto;max-width:1100px}.step-item-row{align-items:center;display:flex;gap:40px}.step-content-card{background-color:#1a1a1a;background-color:var(--dark);border:1px solid #333;border-radius:20px;box-shadow:0 15px 40px #0003;flex:1 1;padding:40px;position:relative;text-align:left}.step-content-card h3{color:#e51e63;color:var(--primary);font-size:2.2rem;font-weight:600;margin-bottom:15px}.step-content-card p{color:#ffffffb3;line-height:1.7}.step-icon-wrapper{align-items:center;background-color:#e51e63;background-color:var(--primary);border-radius:50%;box-shadow:0 10px 20px #e51e634d;color:#fff;color:var(--white);display:flex;font-size:2rem;height:70px;justify-content:center;position:absolute;right:30px;top:-35px;width:70px}.step-number{font-size:1.8rem;font-weight:700}.step-image-wrapper{align-items:center;background-color:#1a1a1a;background-color:var(--dark);border:1px solid #333;border-radius:20px;box-shadow:0 15px 40px #0000001a;display:flex;flex:1 1;justify-content:center;min-height:300px;overflow:hidden;padding:40px}.step-image-wrapper img{filter:drop-shadow(0 5px 10px rgba(0,0,0,.1));max-height:180px;max-width:100%;object-fit:contain}.step-item-row:nth-child(2n) .step-icon-wrapper{left:30px;right:auto}.cases-section{background-color:#0d0d0d;background-color:var(--black);padding-bottom:100px}.treatable-cases-container{display:flex;flex-direction:column;gap:80px;margin:0 auto;max-width:1100px}.treatable-case-item{align-items:center;display:flex;gap:40px}.case-content-card{background-color:#1a1a1a;background-color:var(--dark);border:1px solid #333;border-radius:20px;box-shadow:0 15px 40px #0003;flex:1 1;padding:40px;position:relative;text-align:left}.case-content-card h3{color:#e51e63;color:var(--primary);font-size:2rem;margin-bottom:15px}.case-content-card p{color:#ffffffb3;line-height:1.7}.case-icon-wrapper{align-items:center;background-color:#e51e63;background-color:var(--primary);border-radius:50%;box-shadow:0 10px 20px #e51e634d;color:#fff;color:var(--white);display:flex;font-size:2rem;height:70px;justify-content:center;position:absolute;right:-35px;top:40px;width:70px}.case-video-wrapper{border-radius:20px;box-shadow:0 15px 40px #0000001a;flex:1 1;overflow:hidden}.case-video-wrapper img,.case-video-wrapper video{display:block;height:100%;object-fit:cover;width:100%}.treatable-case-item:nth-child(2n) .case-icon-wrapper{left:-35px;right:auto}.cta-section{background:url(https://firebasestorage.googleapis.com/v0/b/zenazone-6c941.firebasestorage.app/o/zenazone%2Fbottom%20img.jpeg?alt=media&token=111a2f26-d25b-424e-8dad-be52f30e5503) no-repeat 50%;background-size:cover;color:#fff;color:var(--white);padding:100px 5%;position:relative;text-align:center}.cta-section:before{background:#e51e63cc;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.cta-content{margin:0 auto;max-width:800px;position:relative;z-index:1}.cta-section h2{font-size:2.8rem;margin-bottom:1.5rem}.cta-section p{font-size:1.2rem;margin-bottom:2.5rem;opacity:.9}.cta-btn{background-color:#fff;background-color:var(--white);border:none;border-radius:50px;box-shadow:0 5px 20px #0003;color:#e51e63;color:var(--primary);cursor:pointer;display:inline-block;font-size:1.2rem;font-weight:600;min-height:44px;min-width:44px;overflow:hidden;padding:18px 45px;position:relative;text-decoration:none;transition:all .3s ease}.cta-btn:after{background:linear-gradient(90deg,#0000,#0000001a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:all .5s ease;width:100%}.cta-btn:hover:after{left:100%}.cta-btn:hover{background-color:#f0f0f0;box-shadow:0 8px 25px #0000004d;transform:translateY(-3px)}.price-display{display:flex;gap:30px;justify-content:center;margin:20px 0 30px}.price-item{text-align:center}.price-item .price{color:#fff;color:var(--white);display:block;font-size:1.8rem;font-weight:700}.price-item .label{font-size:.9rem;opacity:.8}.guarantee-badge{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fff3;border-radius:50px;display:inline-block;margin-top:30px;padding:12px 25px}.guarantee-badge i{margin-right:10px}@media (max-width:1200px){.hero-section h1{font-size:2.8rem}}@media (max-width:992px){.hero-container{flex-direction:column;gap:3rem}.hero-container,.hero-text-content{text-align:center}.hero-buttons,.treatment-duration{justify-content:center}.hero-form-container{max-width:500px;width:100%}.hero-section{height:auto;min-height:auto;padding-top:100px}.hero-content{margin-bottom:40px;max-width:100%}.hero-image{margin-top:40px;position:relative;right:auto}.dashboard-preview,.visualization-container{flex-direction:column-reverse}.step-item-row,.step-item-row:nth-child(2n),.treatable-case-item,.treatable-case-item:nth-child(2n){flex-direction:column}.case-content-card,.step-content-card{margin-bottom:30px;margin-top:40px;width:100%}.case-icon-wrapper,.step-icon-wrapper,.step-item-row:nth-child(2n) .step-icon-wrapper,.treatable-case-item:nth-child(2n) .case-icon-wrapper{left:50%;right:auto;top:-35px;transform:translateX(-50%)}.brands-container{grid-template-columns:repeat(2,1fr)}.hero-section h1{font-size:2.5rem}.section-subtitle{font-size:1rem}.case-content-card h3,.step-content-card h3{font-size:1.8rem}.cta-section h2{font-size:2.2rem}}@media (max-width:768px){section{padding:60px 5%}.hero-section{min-height:auto;padding:80px 5% 60px}.hero-section h1{font-size:2.5rem}.hero-section h2{font-size:1.6rem}.brands-container,.features-container{grid-template-columns:1fr}.treatment-duration{flex-wrap:wrap;justify-content:center}.cta-btn,.hero-btn{font-size:1rem;padding:12px 25px}.hero-image{display:none}.case-content-card h3,.step-content-card h3{font-size:1.6rem}.case-content-card p,.step-content-card p{font-size:.95rem}.registration-form-container{padding:1.5rem}}@media (max-width:576px){.hero-buttons{flex-direction:column;gap:15px}.hero-btn{width:100%}.brand-badge{flex-direction:column;padding:10px;text-align:center}.brand-badge img{margin-bottom:10px}.price-display{flex-direction:column;gap:15px}.duration-item{min-width:calc(50% - 20px)}.bubble{display:none}.hero-section h1{font-size:2rem}.case-content-card h3,.step-content-card h3{font-size:1.4rem}}.mobile-only{display:block}.desktop-only{display:none}@media (min-width:768px){.mobile-only{display:none}.desktop-only{display:block}}input,select,textarea{font-size:16px}.skeleton-loading{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#333 25%,#444 50%,#333 75%);background-size:200% 100%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.free-scan-badge{background:#e51e63;background:var(--primary);border-radius:20px;color:#fff;display:inline-block;font-size:.8rem;margin-left:10px;padding:5px 10px}.top-nav:not(.hidden)~.provider-home-page .section-header.sticky-header{top:70px}.webp-animation{display:block;height:auto;width:100%}.sticky-icon{position:fixed}.menu-button1{background-color:#e51e63}.theme-toggle-button{align-items:center;background-color:#444;border:none;border-radius:50%;box-shadow:0 4px 8px #0003;color:#fff;cursor:pointer;display:flex;font-size:24px;height:50px;justify-content:center;margin-bottom:10px;transition:background-color .3s ease,transform .2s ease;width:50px}.theme-toggle-button:hover{background-color:#555;transform:scale(1.05)}.sticky-buttons-wrapper{opacity:1;transition:opacity .4s ease-in-out,visibility .4s ease-in-out;visibility:visible}.sticky-buttons-wrapper.hidden{opacity:0;pointer-events:none;visibility:hidden}@media (max-width:992px){.provider-home-page{overflow-x:hidden}}.address{align-content:end}:root{--gradient-secondary:linear-gradient(90deg,#718096,#a0aec0);--gradient-secondary-hover:linear-gradient(90deg,#5a6270,#8795a1);--color-warning:#f6ad55;--primary-color:#4fd1c5;--gradient-primary:linear-gradient(90deg,#4fd1c5,#3182ce);--gradient-primary-hover:linear-gradient(90deg,#38a169,#2b6cb0)}.theme-patient{--primary-color:#3498db;--gradient-primary:linear-gradient(90deg,#3498db,#2980b9);--gradient-primary-hover:linear-gradient(90deg,#2980b9,#2471a3)}.theme-provider{--primary-color:#9b59b6;--gradient-primary:linear-gradient(90deg,#9b59b6,#8e44ad);--gradient-primary-hover:linear-gradient(90deg,#8e44ad,#732d91)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:flex-start;background:linear-gradient(180deg,#f0f7ff,#fff);background:linear-gradient(180deg,#f0f7ff 0,var(--bg-light) 100%);box-sizing:border-box;color:#1e2a44;color:var(--text-dark);display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;justify-content:center;line-height:1.6;margin:0;min-height:100vh;overflow-x:hidden;padding:16px}.registration-layout{background-color:#fff;background-color:var(--bg-light);max-width:1200px;min-height:80vh}.mobile-header-illustration,.registration-left-panel{background:linear-gradient(90deg,#4fd1c5,#3182ce);background:var(--gradient-primary)}.mobile-header-illustration h2{color:#fff;color:var(--text-white)}.form-container{background-color:#fff;background-color:var(--bg-light);flex:1.5 1;max-width:600px}.form-container h2{color:#1e2a44;color:var(--text-dark)}.provider-info-banner{background-color:#fafafa;background-color:var(--bg-extralight);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:8px;box-shadow:0 2px 6px #0000000a;box-shadow:var(--shadow-sm);color:#4a5568;color:var(--text-light);font-size:.95rem;margin-bottom:20px;padding:12px;text-align:center}.form-fields-grid{display:flex;flex-direction:column;gap:18px}.form-row{margin-bottom:0}.form-row label{color:#2d3748;display:block;font-size:.95rem;font-weight:600;margin-bottom:8px}.input-with-icon{align-items:center;display:flex;position:relative}.input-with-icon .icon{color:#a0aec0;font-size:1.1rem;position:absolute;right:14px}.form-input{background-color:#fafafa;background-color:var(--bg-extralight);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:8px;box-shadow:0 2px 6px #0000000a;box-shadow:var(--shadow-sm);color:#1e2a44;color:var(--text-dark);font-size:1rem;padding:12px 40px 12px 15px;transition:all .2s ease;width:100%}.form-input:focus{background-color:#fff;background-color:var(--bg-light);border-color:#4fd1c5;border-color:var(--primary-color);box-shadow:0 0 0 3px color-mix(in srgb,#4fd1c5 20%,#0000);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary-color) 20%,#0000);outline:none}.form-input::placeholder{color:#a0aec0;opacity:.8}textarea.form-input{min-height:80px;padding-right:15px;resize:vertical}.password-toggle{cursor:pointer;-webkit-user-select:none;user-select:none}.success-icon{color:#38a169!important;color:var(--color-success)!important}.error-icon{color:#e53e3e!important;color:var(--color-error)!important}.loading-spinner{animation:spinner .7s linear infinite;color:#4fd1c5!important;color:var(--primary-color)!important}@keyframes spinner{to{transform:rotate(1turn)}}.password-strength-bar{background-color:#edf2f7;border-radius:5px;height:5px;margin-top:8px;overflow:hidden}.strength-indicator{border-radius:5px;height:100%;transition:width .3s ease,background-color .3s ease}.strength-indicator.weak{background-color:#e53e3e;background-color:var(--color-error)}.strength-indicator.medium{background-color:#f6ad55;background-color:var(--color-warning)}.strength-indicator.strong{background-color:#38a169;background-color:var(--color-success)}.strength-text{color:#4a5568;color:var(--text-light);font-size:.85rem;font-weight:500;margin-top:4px;text-align:right}.button-group{display:flex;flex-direction:column;gap:12px;margin-top:24px}.primary-btn,.secondary-btn{border:none;border-radius:8px;box-shadow:0 2px 6px #0000000a;box-shadow:var(--shadow-sm);cursor:pointer;font-size:1rem;font-weight:600;line-height:1.4;padding:12px 24px;transition:all .2s ease;width:100%}.primary-btn{background:linear-gradient(90deg,#4fd1c5,#3182ce);background:var(--gradient-primary);color:#fff;color:var(--text-white)}.primary-btn:hover{background:linear-gradient(90deg,#38a169,#2b6cb0);background:var(--gradient-primary-hover);box-shadow:0 6px 20px color-mix(in srgb,#4fd1c5 25%,#0000);box-shadow:0 6px 20px color-mix(in srgb,var(--primary-color) 25%,#0000);transform:translateY(-2px)}.primary-btn:disabled{background:#e2e8f0;box-shadow:none;color:#4a5568;color:var(--text-light);cursor:not-allowed;transform:none}.secondary-btn{background:linear-gradient(90deg,#718096,#a0aec0);background:var(--gradient-secondary);color:#fff;color:var(--text-white)}.secondary-btn:hover{background:linear-gradient(90deg,#5a6270,#8795a1);background:var(--gradient-secondary-hover);box-shadow:0 6px 20px #71809640;transform:translateY(-2px)}.add-btn{background:linear-gradient(90deg,#4fd1c5,#3182ce);background:var(--gradient-primary);border:none;border-radius:8px;box-shadow:0 2px 6px #0000000a;box-shadow:var(--shadow-sm);color:#fff;color:var(--text-white);cursor:pointer;font-size:.95rem;font-weight:600;margin-left:8px;padding:10px 16px;transition:all .2s ease}.add-btn:hover{background:linear-gradient(90deg,#38a169,#2b6cb0);background:var(--gradient-primary-hover);transform:translateY(-2px)}.progress-indicator{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:24px}.progress-step{background-color:#e2e8f0;border-radius:20px;color:#718096;font-size:.85rem;font-weight:600;padding:6px 12px;transition:all .3s ease}.progress-step.active{background-color:#4fd1c5;background-color:var(--primary-color);box-shadow:0 3px 10px color-mix(in srgb,#4fd1c5 25%,#0000);box-shadow:0 3px 10px color-mix(in srgb,var(--primary-color) 25%,#0000);color:#fff;color:var(--text-white)}.progress-step.completed{background-color:#38a169;background-color:var(--color-success);color:#fff;color:var(--text-white)}.summary{background-color:#fafafa;background-color:var(--bg-extralight);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:10px;margin-top:20px;padding:20px;width:100%}.summary h3{color:#4fd1c5;color:var(--primary-color);font-size:1.8rem;font-weight:700;margin-bottom:20px;margin-top:0;text-align:center}.summary-user{gap:12px}.summary-item,.summary-user{display:flex;flex-direction:column}.summary-item{align-items:flex-start;gap:4px}.summary-item strong{color:#2d3748;font-size:.9rem;font-weight:600}.summary-text-display{word-wrap:break-word;background-color:#fff;background-color:var(--bg-light);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:6px;box-shadow:0 2px 6px #0000000a;box-shadow:var(--shadow-sm);color:#1e2a44;color:var(--text-dark);flex:1 1;font-size:.95rem;padding:8px 12px;white-space:normal;width:100%}.summary-tabs{display:flex;gap:8px;justify-content:center;margin-bottom:20px}.summary-tab-btn{background-color:#f0f4f8;border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:6px;color:#4a5568;color:var(--text-light);cursor:pointer;flex:1 1;font-weight:600;max-width:150px;padding:8px 16px;transition:all .2s ease}.summary-tab-btn:hover{background-color:#e2e8f0;color:#2d3748}.summary-tab-btn.active{background:linear-gradient(90deg,#4fd1c5,#3182ce);background:var(--gradient-primary);border-color:#0000;box-shadow:0 3px 10px color-mix(in srgb,#4fd1c5 25%,#0000);box-shadow:0 3px 10px color-mix(in srgb,var(--primary-color) 25%,#0000);color:#fff;color:var(--text-white)}.degree-selection-container{background-color:#fcfdff;border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:8px;display:flex;flex-wrap:wrap;gap:8px;margin-top:4px;padding:8px}.degree-btn{background-color:#f7fafc;border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:6px;color:#4a5568;color:var(--text-light);cursor:pointer;flex-grow:1;font-weight:500;min-width:70px;padding:8px 12px;text-align:center;transition:all .2s ease}.degree-btn:hover{background-color:#edf2f7;color:#2d3748}.degree-btn.active{background:linear-gradient(90deg,#4fd1c5,#3182ce);background:var(--gradient-primary);border-color:#0000;box-shadow:0 2px 6px color-mix(in srgb,#4fd1c5 20%,#0000);box-shadow:0 2px 6px color-mix(in srgb,var(--primary-color) 20%,#0000);color:#fff;color:var(--text-white)}.aligner-search-container{margin-bottom:12px}.aligner-search-input{background-color:#fafafa;background-color:var(--bg-extralight);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:8px;box-shadow:0 2px 6px #0000000a;box-shadow:var(--shadow-sm);color:#1e2a44;color:var(--text-dark);font-size:.95rem;padding:10px 12px;width:100%}.aligner-search-input:focus{background-color:#fff;background-color:var(--bg-light);border-color:#4fd1c5;border-color:var(--primary-color);box-shadow:0 0 0 3px color-mix(in srgb,#4fd1c5 20%,#0000);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary-color) 20%,#0000);outline:none}.aligner-selection-container{grid-gap:8px;background-color:#fcfdff;border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));margin-top:4px;max-height:250px;overflow-y:auto;padding:8px}.aligner-btn{word-wrap:break-word;background-color:#f7fafc;border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:6px;color:#4a5568;color:var(--text-light);cursor:pointer;font-weight:500;padding:8px 12px;text-align:center;transition:all .2s ease;white-space:normal}.aligner-btn:hover{background-color:#edf2f7;color:#2d3748}.aligner-btn.active{background:linear-gradient(90deg,#4fd1c5,#3182ce);background:var(--gradient-primary);border-color:#0000;box-shadow:0 2px 6px color-mix(in srgb,#4fd1c5 20%,#0000);box-shadow:0 2px 6px color-mix(in srgb,var(--primary-color) 20%,#0000);color:#fff;color:var(--text-white)}.other-aligner-container{align-items:stretch;display:flex;flex-direction:column;gap:8px;margin-top:12px}.other-aligner-input{background-color:#fafafa;background-color:var(--bg-extralight);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:8px;box-shadow:0 2px 6px #0000000a;box-shadow:var(--shadow-sm);color:#1e2a44;color:var(--text-dark);flex:1 1;font-size:.95rem;padding:10px 12px}.other-aligner-input:focus{background-color:#fff;background-color:var(--bg-light);border-color:#4fd1c5;border-color:var(--primary-color);box-shadow:0 0 0 3px color-mix(in srgb,#4fd1c5 20%,#0000);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary-color) 20%,#0000);outline:none}.error,.notification{border-radius:8px;box-shadow:0 2px 6px #0000000a;box-shadow:var(--shadow-sm);font-size:.9rem;font-weight:500;margin-bottom:20px;padding:10px 12px;text-align:center}.error{background-color:#fff5f5;border:1px solid #feb2b2;color:#9b2c2c}.notification{background-color:#f0fff4;border:1px solid #9ae6b4;color:#276749}.popup-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.popup-container{animation:slideIn .3s ease-out;background:#fff;background:var(--bg-light);border-radius:12px;box-shadow:0 10px 32px #0003;box-shadow:var(--shadow-lg);max-width:400px;padding:24px;text-align:center;width:90%}.popup-container h2{color:#1e2a44;color:var(--text-dark);font-size:1.8rem;font-weight:700;margin-bottom:16px;margin-top:0}.popup-container p{color:#4a5568;color:var(--text-light);font-size:1rem;margin-bottom:24px}.popup-close-btn{background:linear-gradient(90deg,#4fd1c5,#3182ce);background:var(--gradient-primary);border:none;border-radius:8px;box-shadow:0 3px 12px color-mix(in srgb,#4fd1c5 25%,#0000);box-shadow:0 3px 12px color-mix(in srgb,var(--primary-color) 25%,#0000);color:#fff;color:var(--text-white);cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .2s ease}.popup-close-btn:hover{background:linear-gradient(90deg,#38a169,#2b6cb0);background:var(--gradient-primary-hover);transform:translateY(-2px)}.photo-popup-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:10000}.photo-popup-content{animation:slideIn .3s ease-out;background:#fff;background:var(--bg-light);border-radius:12px;box-shadow:0 10px 32px #0003;box-shadow:var(--shadow-lg);max-width:450px;padding:32px;text-align:center;width:90%}.photo-popup-content p{color:#1e2a44;color:var(--text-dark);font-size:1.2rem;font-weight:500;margin-bottom:24px;margin-top:0}.photo-popup-actions{align-items:center;display:flex;flex-direction:column;gap:16px}.photo-preview-section{align-items:center;background-color:#f0f4f8;border-radius:8px;color:#4a5568;color:var(--text-light);display:flex;font-size:.9rem;gap:10px;justify-content:center;margin-top:12px;padding:8px}.small-icon-preview{border:2px solid #4fd1c5;border:2px solid var(--primary-color);border-radius:50%;height:36px;object-fit:cover;width:36px}.photo-preview{margin-bottom:16px;text-align:center}.circle-photo,.clinic-photo{border:3px solid #4fd1c5;border:3px solid var(--primary-color);border-radius:50%;box-shadow:0 6px 20px #0000001a;box-shadow:var(--shadow-md);height:120px;object-fit:cover;width:120px}.clinic-photo{border-radius:12px}.checkbox-container{align-items:center;display:flex;gap:10px;margin-top:10px}.form-checkbox{accent-color:#4fd1c5;accent-color:var(--primary-color);cursor:pointer;height:18px;width:18px}.checkbox-label{color:#4a5568;color:var(--text-light);font-size:.9rem;-webkit-user-select:none;user-select:none}@media (min-width:768px){.registration-layout{flex-direction:column}.mobile-header-illustration{border-radius:16px 16px 0 0;min-height:200px}.mobile-header-illustration h2{font-size:2.5rem}.form-container{border-radius:0 0 16px 16px;max-width:100%;padding:32px 40px}.form-container h2{font-size:2.5rem}.button-group{flex-direction:row;justify-content:space-between}.primary-btn,.secondary-btn{flex-grow:1;width:auto}.summary{padding:24px}.summary-user{grid-gap:16px 20px;display:grid;gap:16px 20px;grid-template-columns:repeat(2,1fr)}.summary-item{flex-direction:column}.other-aligner-container{align-items:center;flex-direction:row;gap:12px}.other-aligner-input{margin-bottom:0}.add-btn{flex-shrink:0;margin-left:0}.aligner-selection-container{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}}@media (min-width:1024px){.registration-layout{flex-direction:row}.registration-left-panel{display:flex;flex:1.2 1}.mobile-header-illustration{display:none}.form-container{border-radius:0 16px 16px 0;flex:1.5 1;max-width:none;overflow-y:auto;padding:48px 64px}.form-container h2{display:block;font-size:2.8rem;margin-bottom:32px;text-align:left}.progress-indicator{justify-content:flex-start}.summary-user{grid-template-columns:repeat(2,1fr)}}.patient-dashboard{background-color:#f0f8ff;display:flex;flex-direction:column;min-height:100vh}.dashboard-content{flex-grow:1;padding:2rem;text-align:center}.dashboard-content h1{color:#005a9c;font-size:2.5rem;margin-bottom:1rem}.dashboard-content p{color:#333;font-size:1.2rem;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:600px}.dashboard-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.dashboard-btn{background-color:#007bff;border:none;border-radius:8px;box-shadow:0 4px 6px #0000001a;color:#fff;cursor:pointer;font-size:1rem;padding:15px 25px;transition:background-color .3s ease,transform .2s ease}.dashboard-btn:hover{background-color:#0056b3;transform:translateY(-2px)}.loading-container{align-items:center;display:flex;font-size:1.5rem;height:100vh;justify-content:center}:root{--text-dark:#1e2a44;--text-light:#4a5568;--text-white:#fff;--bg-light:#fff;--bg-extralight:#fafafa;--border-color:#e2e8f0;--primary-color:var(--primary);--gradient-primary:linear-gradient(90deg,var(--primary) 0%,var(--secondary) 100%);--gradient-primary-hover:linear-gradient(90deg,#c2185b,#e51e63);--gradient-secondary:linear-gradient(90deg,#333,#1a1a1a);--gradient-secondary-hover:linear-gradient(90deg,#444,#222);--shadow-sm:0 2px 6px #0000000a;--shadow-md:0 6px 20px #0000001a;--shadow-lg:0 10px 32px #0003;--color-success:#38a169;--color-error:#e53e3e}*,:after,:before{box-sizing:border-box}.registration-layout{background-color:var(--black);border-radius:16px;box-shadow:0 10px 32px #0003;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;margin:20px auto;max-width:1100px;min-height:70vh;overflow:hidden;width:100%}.registration-left-panel{align-items:center;background:var(--black);color:#fff;color:var(--text-white);display:none;flex:1 1;flex-direction:column;justify-content:center;padding:48px;position:relative;text-align:center}.registration-left-panel h1{color:var(--primary);font-size:2.5rem;font-weight:800;letter-spacing:-.015em;margin-bottom:16px}.registration-left-panel p{color:var(--white);font-size:1.1rem;line-height:1.6;max-width:360px;opacity:.95}.mobile-header-illustration{background:var(--black);border-radius:12px 12px 0 0;color:#fff;color:var(--text-white);display:block;min-height:160px;padding:24px;text-align:center;width:100%}.mobile-header-illustration h2{color:var(--white);font-size:2rem;font-weight:700;margin:0}.form-container{background-color:var(--white);color:var(--black);display:flex;flex:1 1;flex-direction:column;justify-content:center;margin:0 auto;max-width:500px;padding:24px;width:100%}.form-container h2{color:var(--black);display:none;font-size:2.2rem;font-weight:700;letter-spacing:-.015em;margin-bottom:24px;text-align:center}.form{display:flex;flex-direction:column;gap:18px;width:100%}.inputGroup{margin-bottom:0}.inputGroup label{color:#2d3748;display:block;font-size:.95rem;font-weight:600;margin-bottom:8px}.input{background-color:#fafafa;background-color:var(--bg-extralight);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:8px;box-shadow:0 2px 6px #0000000a;box-shadow:var(--shadow-sm);color:#1e2a44;color:var(--text-dark);font-size:1rem;padding:12px 15px;transition:all .2s ease;width:100%}.input:focus{background-color:#fff;background-color:var(--bg-light);border-color:var(--primary-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 20%,#0000);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary-color) 20%,#0000);outline:none}.input::placeholder{color:#a0aec0;opacity:.8}.button{border:none;border-radius:8px;box-shadow:0 2px 6px #0000000a;box-shadow:var(--shadow-sm);cursor:pointer;font-size:1rem;font-weight:600;line-height:1.4;padding:12px 24px;text-align:center;text-decoration:none;transition:all .2s ease;width:100%}.button.primary-btn{background:linear-gradient(90deg,var(--primary) 0,var(--secondary) 100%);background:var(--gradient-primary);color:#fff;color:var(--text-white)}.button.primary-btn:hover{background:linear-gradient(90deg,#c2185b,#e51e63);background:var(--gradient-primary-hover);box-shadow:0 6px 20px color-mix(in srgb,var(--primary) 25%,#0000);box-shadow:0 6px 20px color-mix(in srgb,var(--primary-color) 25%,#0000);transform:translateY(-2px)}.button.primary-btn:disabled{background:#e2e8f0;box-shadow:none;color:#4a5568;color:var(--text-light);cursor:not-allowed;transform:none}.button.secondary-btn{background:linear-gradient(90deg,#333,#1a1a1a);background:var(--gradient-secondary);color:#fff;color:var(--text-white)}.button.secondary-btn:hover{background:linear-gradient(90deg,#444,#222);background:var(--gradient-secondary-hover);box-shadow:0 6px 20px #71809640;transform:translateY(-2px)}.forgot-password{background:none;border:none;color:var(--primary);color:var(--primary-color);cursor:pointer;font-size:.9rem;font-weight:600;padding:4px;text-align:right;transition:color .2s ease;width:100%}.forgot-password:hover{color:#c2185b}.divider{background:#e2e8f0;border:0;height:1px;margin:16px 0}.extra-section{display:flex;flex-direction:column;gap:12px;padding-top:16px}.error-popup-overlay,.popup-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.error-popup,.popup-content{animation:slideIn .3s ease-out;background:#fff;background:var(--bg-light);border-radius:12px;box-shadow:0 10px 32px #0003;box-shadow:var(--shadow-lg);color:var(--black);max-width:400px;padding:24px;text-align:center;width:90%}.error-popup h2,.popup-content h2{color:#1e2a44;color:var(--text-dark);font-size:1.8rem;font-weight:700;margin-bottom:16px;margin-top:0}.error-popup p,.popup-content p{color:#4a5568;color:var(--text-light);font-size:1rem;margin-bottom:24px}.error-popup p{background-color:#fff5f5;border:1px solid #feb2b2;border-radius:8px;color:#9b2c2c;font-weight:500;padding:10px}.popup-input{background-color:#fafafa;background-color:var(--bg-extralight);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:8px;box-shadow:0 2px 6px #0000000a;box-shadow:var(--shadow-sm);color:#1e2a44;color:var(--text-dark);font-size:1rem;margin-bottom:16px;padding:12px 15px;transition:all .2s ease;width:100%}.popup-input:focus{background-color:#fff;background-color:var(--bg-light);border-color:var(--primary-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 20%,#0000);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary-color) 20%,#0000);outline:none}.close-popup,.error-popup .button,.popup-content .button{margin-top:8px;width:100%}.close-popup{background:linear-gradient(90deg,#333,#1a1a1a);background:var(--gradient-secondary);border:none;border-radius:8px;box-shadow:0 2px 6px #0000000a;box-shadow:var(--shadow-sm);color:#fff;color:var(--text-white);cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .2s ease}.close-popup:hover{background:linear-gradient(90deg,#444,#222);background:var(--gradient-secondary-hover);transform:translateY(-2px)}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (min-width:768px){.registration-layout{flex-direction:column}.mobile-header-illustration{border-radius:16px 16px 0 0;min-height:200px}.mobile-header-illustration h2{font-size:2.5rem}.form-container{border-radius:0 0 16px 16px;max-width:100%;padding:32px 40px}.form-container h2{font-size:2.5rem}.extra-section{flex-direction:row;gap:16px}.button{flex-grow:1;width:auto}}@media (min-width:1024px){.registration-layout{flex-direction:row;max-height:700px;min-height:70vh}.registration-left-panel{display:flex}.mobile-header-illustration{display:none}.form-container{border-radius:0 16px 16px 0;flex:1 1;max-width:none;padding:48px 64px}.form-container h2{display:block;font-size:2.8rem;margin-bottom:32px;text-align:left}}.header{background:var(--dark);box-shadow:0 2px 6px #0000000a;box-shadow:var(--shadow-sm);box-sizing:border-box;justify-content:space-between;margin:0 auto;padding:16px 24px;position:sticky;top:0;transition:background-color .3s ease,box-shadow .3s ease;width:100%;z-index:100}.header,.navbar{align-items:center;display:flex}.menu-button,.menu-button1{background:none;border:none;border-radius:4px;color:var(--white);cursor:pointer;font-size:1.5rem;padding:8px;transition:all .2s ease}.menu-button1:hover,.menu-button:hover{background:linear-gradient(90deg,var(--primary) 0,var(--secondary) 100%);background:var(--gradient-primary);color:#fff;transform:scale(1.1)}.desktop-navbar{align-items:center;display:flex;gap:24px}@media (max-width:1023px){.desktop-navbar{display:none}}.desktop-navbar a,.desktop-navbar button{border-radius:6px;color:var(--white);font-size:1.1rem;font-weight:600;padding:10px 18px;text-decoration:none;transition:all .2s ease}.desktop-navbar a:hover,.desktop-navbar button:hover{background:linear-gradient(90deg,var(--primary) 0,var(--secondary) 100%);background:var(--gradient-primary);box-shadow:0 2px 6px #0000000a;box-shadow:var(--shadow-sm);color:#fff}.desktop-navbar button.logout{background:linear-gradient(90deg,#333,#1a1a1a);background:var(--gradient-secondary);border:none;color:#fff;cursor:pointer}.drawer{background:var(--dark);box-shadow:0 6px 20px #0000001a;box-shadow:var(--shadow-md);height:100%;opacity:0;overflow-y:auto;padding:24px;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s ease;transition:transform .3s ease,visibility .3s ease,opacity .3s ease;visibility:hidden;width:280px;z-index:1000}.drawer.left-drawer{left:0}.drawer.right-drawer{right:0;transform:translateX(100%)}.drawer.open{opacity:1;visibility:visible}.drawer.open,.drawer.right-drawer.open{transform:translateX(0)}.close-button{background:none;border:none;color:var(--white);cursor:pointer;font-size:1.5rem;position:absolute;right:16px;top:16px;transition:color .2s ease}.close-button:hover{color:var(--primary);color:var(--primary-color)}.scrollable-links{display:flex;flex-direction:column;gap:16px;margin-top:48px}.scrollable-links a,.scrollable-links button{border-radius:6px;color:var(--white);font-size:1rem;font-weight:600;padding:8px;text-decoration:none;transition:all .2s ease}.scrollable-links a:hover,.scrollable-links button:hover{background:linear-gradient(90deg,var(--primary) 0,var(--secondary) 100%);background:var(--gradient-primary);color:#fff}.scrollable-links button.logout{background:linear-gradient(90deg,#333,#1a1a1a);background:var(--gradient-secondary);border:none;color:#fff;cursor:pointer}.profile{align-items:center;border-bottom:1px solid #333;display:flex;gap:12px;padding:16px;transition:border-color .3s ease}.profile-image{color:var(--white);font-size:2rem}.username{color:var(--white);font-size:1.1rem;font-weight:600}.sticky-icon{align-items:center;bottom:20px;display:flex;flex-direction:column;gap:10px;justify-content:center;left:10px;right:10px;width:calc(100% - 20px);z-index:1000}.sticky-icon-left{left:20px}.sticky-icon-right{right:20px}.sticky-icon.hidden{display:none}.sticky-icon.visible{display:flex}.menu-button1{align-items:center;background-color:var(--primary);background-color:var(--primary-color);border:none;border-radius:50%;box-shadow:0 4px 8px #0003;color:#fff;cursor:pointer;display:flex;font-size:24px;height:50px;justify-content:center;transition:background-color .3s ease,transform .2s ease;width:50px}.menu-button1:hover{background-color:#c2185b;transform:scale(1.05)}@media (min-width:1024px){.sticky-buttons-container{display:none!important}}.about-us-page{background-color:var(--black);min-height:100vh}.about-header{background:url(https://firebasestorage.googleapis.com/v0/b/zenazone-6c941.firebasestorage.app/o/zenazone%2Fbottom%20img.jpeg?alt=media&token=111a2f26-d25b-424e-8dad-be52f30e5503) no-repeat 50%;background-size:cover;color:var(--white);padding:80px 5%;position:relative;text-align:center}.about-container{margin:0 auto;max-width:1000px;padding:60px 5%}.about-section{background:var(--dark);border:1px solid #333;border-radius:15px;box-shadow:0 10px 30px #0003;margin-bottom:40px;padding:40px;text-align:center}.section-icon{font-size:3rem}.about-section h2,.section-icon{color:var(--primary);margin-bottom:20px}.about-section h2{font-size:2.2rem;font-weight:600}.about-section p{color:var(--white);font-size:1.1rem;line-height:1.7;margin-left:auto;margin-right:auto;max-width:800px}.about-section p strong{color:var(--primary);font-weight:600}.experience-section{background:linear-gradient(135deg,var(--primary) 0,var(--secondary) 100%);color:var(--white)}.experience-section .section-icon,.experience-section h2,.experience-section p,.experience-section p strong{color:var(--white)}.mission-list{list-style:none;margin-left:auto;margin-right:auto;margin-top:30px;max-width:700px;padding:0;text-align:left}.mission-list li{align-items:flex-start;color:var(--white);display:flex;font-size:1.1rem;line-height:1.7;margin-bottom:20px}.mission-list .list-icon{color:var(--secondary);flex-shrink:0;font-size:1.5rem;margin-right:15px;margin-top:5px}.mission-list li strong{color:var(--primary);display:block;font-weight:600;margin-bottom:2px}@media (max-width:768px){.header-content h1{font-size:2.5rem}.header-content p{font-size:1rem}.about-container{padding:40px 5%}.about-section{padding:30px}.about-section h2{font-size:1.8rem}.about-section p,.mission-list li{font-size:1rem}}.contact-us-page{background-color:var(--black);min-height:100vh}.contact-modal-overlay{align-items:center;animation:fadeIn .3s forwards;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:#0009;display:flex;height:100%;justify-content:center;left:0;opacity:0;position:fixed;top:0;width:100%;z-index:2000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.contact-modal-content{animation:scaleUp .3s .1s forwards;background:var(--dark);border-radius:15px;box-shadow:0 10px 40px #0003;color:var(--white);max-width:450px;padding:40px;position:relative;text-align:center;transform:scale(.9);width:90%}@keyframes scaleUp{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.modal-close-btn{background:none;border:none;color:#888;cursor:pointer;font-size:1.5rem;position:absolute;right:15px;top:15px;transition:color .3s ease}.modal-close-btn:hover{color:var(--white)}.modal-icon{color:var(--danger);font-size:3.5rem;margin-bottom:20px}.contact-modal-content h2{color:var(--danger);font-size:2rem;font-weight:600;margin-bottom:15px}.contact-modal-content p{color:var(--white);font-size:1.1rem;margin-bottom:25px}.modal-phone-link{align-items:center;background:var(--danger);border-radius:10px;color:var(--white);display:inline-flex;font-size:1.3rem;font-weight:600;justify-content:center;padding:15px 30px;text-decoration:none;transition:all .3s ease}.modal-phone-link:hover{background:#b71c1c;box-shadow:0 5px 15px #d32f2f4d;transform:translateY(-2px)}.modal-phone-link svg{margin-right:10px}.contact-header{background:url(https://firebasestorage.googleapis.com/v0/b/zenazone-6c941.firebasestorage.app/o/zenazone%2Fbottom%20img.jpeg?alt=media&token=111a2f26-d25b-424e-8dad-be52f30e5503) no-repeat 50%;background-size:cover;color:var(--white);padding:80px 5%;position:relative;text-align:center}.header-overlay{background:#0009;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.header-content{position:relative;z-index:2}.header-content h1{font-size:3rem;font-weight:700;margin-bottom:.5rem;text-shadow:0 2px 10px #0003}.header-content p{font-size:1.2rem;font-weight:400;opacity:.9}.contact-container{margin:0 auto;max-width:1200px;padding:60px 5%}.contact-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:1fr 1fr}.contact-address,.contact-info{background:var(--dark);border:1px solid #333;border-radius:15px;box-shadow:0 10px 30px #0003;padding:40px}.contact-address h2,.contact-info h2{color:var(--primary);font-size:2rem;font-weight:600;margin-bottom:15px}.contact-info p{color:var(--white);font-size:1.1rem;line-height:1.7;margin-bottom:30px}.address-card,.info-card{align-items:flex-start;display:flex;margin-bottom:25px}.address-card .info-icon,.info-card .info-icon{color:var(--primary);font-size:1.8rem;margin-right:20px;margin-top:5px;text-align:center;width:30px}.info-text{color:var(--white);font-size:1.1rem;line-height:1.7}.info-text strong{color:var(--primary);display:block;font-weight:600;margin-bottom:2px}.info-text a{color:var(--secondary);font-weight:500;text-decoration:none;transition:color .3s ease}.info-text a:hover{color:var(--white);text-decoration:underline}.emergency-btn{align-items:center;background:var(--danger);border:none;border-radius:10px;color:var(--white);cursor:pointer;display:inline-flex;font-size:1.1rem;font-weight:600;justify-content:center;margin-top:20px;padding:16px 25px;transition:all .3s ease;width:100%}.emergency-btn:hover{background:#b71c1c;box-shadow:0 5px 15px #d32f2f4d;transform:translateY(-2px)}.emergency-btn svg{margin-right:10px}.map-container{border:1px solid #333;border-radius:10px;margin-top:30px;overflow:hidden}.map-container iframe{filter:invert(90%) hue-rotate(180deg)}@media (max-width:992px){.contact-grid{grid-template-columns:1fr}}@media (max-width:768px){.header-content h1{font-size:2.5rem}.header-content p{font-size:1rem}.contact-container{padding:40px 5%}.contact-address,.contact-info{padding:30px}.contact-address h2,.contact-info h2{font-size:1.8rem}.contact-info p,.info-text{font-size:1rem}.emergency-btn{font-size:1rem;padding:14px 20px}}
/*# sourceMappingURL=main.8885647f.css.map*/