@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";.btn{border-radius:var(--radius-md);transition:all var(--transition-fast);justify-content:center;align-items:center;gap:8px;font-family:Outfit,sans-serif;font-weight:500;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none;box-shadow:none!important;transform:none!important}.btn:active{transform:translateY(0)scale(.98)}.btn-primary{background:linear-gradient(135deg, var(--accent-color) 0%, var(--primary-color) 100%);color:var(--surface-color);border:none;box-shadow:0 4px 6px -1px #2563eb33}.btn-primary:hover{background:linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);box-shadow:var(--shadow-blue)}.btn-outline{color:var(--primary-color);border:1px solid var(--border-color);background-color:#0000;font-weight:600}.btn-outline:hover{background-color:#f1f5f9;border-color:#cbd5e1}.btn-ghost{color:var(--text-secondary);background-color:#0000}.btn-ghost:hover{color:var(--primary-color);background-color:var(--background-color)}.btn-sm{padding:8px 16px;font-size:.875rem}.btn-md{padding:12px 24px;font-size:1rem}.btn-lg{padding:16px 32px;font-size:1.125rem}.btn-full{width:100%}.header{height:var(--header-height);z-index:1000;border-bottom:1px solid var(--border-color);background:#fff;position:fixed;top:0;left:0;right:0}.header-container{justify-content:space-between;align-items:center;height:100%;display:flex}.logo{align-items:center;gap:12px;display:flex}.logo-icon-wrapper{background:var(--primary-color);color:#fff;border-radius:10px;justify-content:center;align-items:center;padding:6px;display:flex}.logo-text{flex-direction:column;display:flex}.logo-title{color:var(--primary-color);font-size:1.25rem;font-weight:700;line-height:1.2}.logo-subtitle{color:var(--text-secondary);font-size:1rem}.nav-links{gap:var(--spacing-sm);background:var(--background-color);border-radius:var(--radius-full);padding:6px 16px;display:flex}.nav-link{color:var(--text-secondary);transition:color var(--transition-fast), background-color var(--transition-fast);border-radius:var(--radius-sm);white-space:nowrap;padding:6px 12px;font-size:.9rem;font-weight:500}.nav-link:hover{color:var(--primary-color);background:#2563eb0d}.header-actions{align-items:center;gap:var(--spacing-md);display:flex}.mobile-menu-toggle{color:var(--text-primary);cursor:pointer;background:0 0;border:none;margin-left:8px;padding:4px;display:none}.mobile-menu{display:none}@media (width<=768px){.nav-links{display:none}.d-mobile-none{display:none!important}.logo-icon-wrapper{border-radius:8px;padding:6px}.logo-icon{width:25px;height:25px}.logo-title{font-size:1.75rem}@media (width<=360px){.logo-title{font-size:1rem}}.logo-subtitle{white-space:nowrap;max-width:160px;margin-top:1px;font-size:1.3rem;line-height:1.2}.header-actions{gap:12px}.header-actions .btn{white-space:nowrap;text-align:center;width:auto;min-width:fit-content;padding:6px 12px;font-size:.85rem;line-height:1}@media (width<=480px){.header-actions .btn{display:none}.logo-subtitle{white-space:nowrap;font-size:1rem}}.mobile-menu-toggle{justify-content:center;align-items:center;display:flex}.mobile-menu{top:var(--header-height);border-bottom:1px solid var(--border-color);padding:var(--spacing-lg);z-index:99;background:#fff;display:block;position:absolute;left:0;right:0;box-shadow:0 10px 15px -3px #0000001a}.header-user-actions{align-items:center;gap:48px;display:flex}.profile-icon-link{width:40px;height:40px;color:var(--primary-color);transition:all var(--transition-fast);border:1px solid var(--border-color);background-color:#f1f5f9;border-radius:50%;justify-content:center;align-items:center;display:flex}.profile-icon-link:hover{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color);transform:translateY(-2px)}.profile-mobile-link{align-items:center;gap:10px;display:flex}.mobile-nav-links{flex-direction:column;gap:12px;display:flex}.mobile-nav-link{color:var(--text-primary);border-radius:var(--radius-sm);transition:background-color var(--transition-fast);padding:12px;font-weight:500}.mobile-nav-link:hover,.mobile-nav-link:active{color:var(--primary-color);background-color:#2563eb0d}.mobile-menu-divider{background-color:var(--border-color);height:1px;margin:4px 0 16px}}@media (width<=480px){.header-actions .btn{display:none!important}.logo-subtitle{white-space:nowrap;font-size:1rem}}.footer{color:#cbd5e1;background-color:#0b1121;padding:64px 0 24px}.footer-container{grid-template-columns:1.5fr 3fr;gap:64px;margin-bottom:48px;display:grid}.footer-brand{flex-direction:column;gap:20px;display:flex}.footer-logo{gap:12px}.footer-logo-wrapper{background:var(--primary-color);color:#fff;border-radius:8px;justify-content:center;align-items:center;padding:8px;display:flex}.footer .logo-title{font-size:1.5rem;font-weight:700;color:#fff!important}.footer-description{color:#94a3b8;max-width:320px;font-size:.95rem;line-height:1.6}.social-links{gap:12px;margin-top:8px;display:flex}.social-link{color:#cbd5e1;width:40px;height:40px;transition:all var(--transition-fast);background-color:#1e293b;border-radius:8px;justify-content:center;align-items:center;display:flex}.social-link:hover{background-color:var(--primary-color);color:#fff;transform:translateY(-2px)}.footer-links-wrapper{grid-template-columns:1fr 1fr 1.5fr;gap:32px;display:grid}.footer-group{flex-direction:column;gap:10px;display:flex}.footer-group h4{color:#fff;margin-bottom:4px;font-size:1.05rem;font-weight:600}.footer-group a{color:#94a3b8;transition:all var(--transition-fast);font-size:.875rem}.footer-group a:hover{color:var(--primary-color);display:inline-block;transform:translate(4px)}.contact-group .contact-item{color:#94a3b8;align-items:flex-start;gap:12px;font-size:.875rem;line-height:1.5;display:flex}.contact-icon{color:var(--primary-color);flex-shrink:0;margin-top:2px}.footer-bottom{color:#94a3b8;border-top:1px solid #1e293b;justify-content:space-between;align-items:center;padding-top:24px;font-size:.875rem;display:flex}.footer-bottom-links{gap:24px;display:flex}.footer-bottom-links a{color:#94a3b8;transition:color var(--transition-fast)}.footer-bottom-links a:hover{color:#fff}@media (width<=992px){.footer-container{grid-template-columns:1fr;gap:40px}}@media (width<=768px){.footer-links-wrapper{grid-template-columns:1fr 1fr}.footer-bottom{text-align:center;flex-direction:column;gap:16px}}@media (width<=480px){.footer-links-wrapper{grid-template-columns:1fr 1fr;gap:20px}.contact-group{grid-column:span 2}}.home-page{min-height:calc(100vh - var(--header-height));background-color:#fafcff;position:relative;overflow:hidden}.bg-glow{filter:blur(100px);z-index:0;pointer-events:none;border-radius:50%;position:absolute}.glow-1{background:#3b82f626;width:600px;height:600px;animation:20s ease-in-out infinite alternate floatOrb;top:-10%;right:-5%}.glow-2{background:#0ea5e91a;width:500px;height:500px;animation:25s ease-in-out infinite alternate-reverse floatOrb;bottom:20%;left:-10%}.pattern-overlay{opacity:.3;z-index:0;background-image:radial-gradient(#cbd5e1 1px,#0000 1px);background-size:40px 40px;width:100%;height:100%;position:absolute;inset:0}@keyframes floatOrb{0%{transform:translate(0)scale(1)}to{transform:translate(-50px,50px)scale(1.1)}}.relative-z{z-index:2;position:relative}.home-flash-msg{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#059669;background:#10b9811a;border:1px solid #10b9814d;border-radius:100px;align-items:center;gap:8px;padding:12px 24px;font-weight:600;animation:.4s cubic-bezier(.16,1,.3,1) forwards slideDownFade;display:flex;position:absolute;top:24px;left:50%;transform:translate(-50%);box-shadow:0 10px 25px -5px #10b9811a}@keyframes slideDownFade{0%{opacity:0;transform:translate(-50%,-20px)}to{opacity:1;transform:translate(-50%)}}.text-gradient{background:linear-gradient(135deg,#f59e0b 0%,#b45309 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:inline-block}.text-accent{color:#f59e0b}.text-blue{color:var(--primary-color)}.text-success{color:#10b981}.text-muted{color:var(--text-secondary);font-size:.85rem}.section-header-centered{text-align:center;max-width:700px;margin:0 auto 64px}.section-title{color:var(--text-primary);letter-spacing:-.02em;margin-bottom:16px;font-size:2.75rem;font-weight:800}.section-subtitle{color:var(--text-secondary);font-size:1.15rem;line-height:1.6}.hero-section{align-items:center;min-height:90vh;padding:80px 0 40px;display:flex}.hero-container{grid-template-columns:1fr 1fr;align-items:center;gap:64px;display:grid}.hero-content{flex-direction:column;gap:24px;display:flex}.hero-badge{width:fit-content;color:var(--text-primary);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f59e0b1a;border:1px solid #f59e0b33;border-radius:100px;align-items:center;gap:8px;padding:6px 16px;font-size:.875rem;font-weight:600;display:inline-flex}.hero-title{color:var(--text-dark);letter-spacing:-.03em;font-size:4rem;font-weight:800;line-height:1.1}.hero-subtitle{color:var(--text-secondary);max-width:550px;font-size:1.25rem;line-height:1.6}.hero-actions{gap:16px;margin-top:8px;display:flex}.hero-btn-primary{box-shadow:0 10px 25px -5px #2563eb66}.hero-btn-primary:hover{transform:translateY(-2px);box-shadow:0 15px 30px -5px #2563eb80}.hero-stats{border-top:1px solid #0000000d;align-items:center;gap:32px;margin-top:40px;padding-top:32px;display:flex}.stat-item{flex-direction:column;gap:4px;display:flex}.stat-value{color:var(--text-primary);font-size:1.75rem;font-weight:800}.stat-label{color:var(--text-secondary);font-size:.875rem;font-weight:500}.stat-divider{background:#0000001a;width:1px;height:40px}.hero-image-wrapper{perspective:1000px;position:relative}@keyframes slowZoom{0%{transform:scale(1)}50%{transform:scale(1.03)}to{transform:scale(1)}}.image-glass-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fff6;border:1px solid #fffc;border-radius:32px;padding:16px;transition:transform .6s cubic-bezier(.2,.8,.2,1);position:relative;box-shadow:0 40px 80px -20px #0000001a}.image-glass-card:hover{transform:translateY(-10px)}.hero-main-img{object-fit:cover;border-radius:20px;width:100%;height:550px;animation:8s ease-in-out infinite slowZoom}.floating-badge{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffe6;border:1px solid #fff;border-radius:16px;align-items:center;gap:16px;padding:16px 20px;animation:6s ease-in-out infinite float;display:flex;position:absolute;box-shadow:0 20px 40px -10px #0000001a}.floating-badge strong{color:var(--text-primary);font-size:.95rem;line-height:1.2;display:block}.floating-badge span{color:var(--text-secondary);font-size:.8rem}.badge-1{animation-delay:0s;top:40px;left:-40px}.badge-2{animation-delay:2s;bottom:60px;right:-30px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.modern-grid{gap:32px;display:grid}.services-grid{grid-template-columns:repeat(4,1fr)}.modern-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffb3;border:1px solid #fffc;border-radius:24px;flex-direction:column;padding:40px 32px;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px -10px #0000000d}.modern-card:after{content:"";opacity:0;z-index:1;pointer-events:none;background:linear-gradient(135deg,#fff6 0%,#fff0 100%);transition:opacity .4s;position:absolute;inset:0}.modern-card:hover{border-color:#3b82f64d;transform:translateY(-8px);box-shadow:0 20px 40px -10px #3b82f626}.modern-card:hover:after{opacity:1}.modern-card>*{z-index:2;position:relative}.card-icon-wrapper{width:64px;height:64px;color:var(--primary-color);background:linear-gradient(135deg,#eff6ff 0%,#e0f2fe 100%);border-radius:16px;justify-content:center;align-items:center;margin-bottom:24px;transition:transform .4s cubic-bezier(.34,1.56,.64,1);display:flex}.modern-card:hover .card-icon-wrapper{background:var(--primary-color);color:#fff;transform:scale(1.1)rotate(5deg);box-shadow:0 10px 20px -5px #2563eb66}.modern-card h3{color:var(--text-primary);margin-bottom:12px;font-size:1.35rem;font-weight:700}.modern-card p{color:var(--text-secondary);flex-grow:1;margin-bottom:24px;line-height:1.6}.modern-link{color:var(--primary-color);cursor:pointer;align-items:center;gap:8px;font-size:1rem;font-weight:600;transition:gap .3s;display:inline-flex}.modern-card:hover .modern-link{gap:16px}.journey-layout{grid-template-columns:1fr 1fr;align-items:center;gap:64px;display:grid}.section-subtitle-left{color:var(--text-secondary);margin-bottom:40px;font-size:1.15rem;line-height:1.6}.journey-steps{flex-direction:column;gap:32px;display:flex;position:relative}.journey-steps:before{content:"";background:linear-gradient(#3b82f61a,#3b82f680,#3b82f61a);width:2px;position:absolute;top:24px;bottom:24px;left:24px}.j-step{z-index:2;gap:24px;display:flex;position:relative}.j-step-icon{width:50px;height:50px;color:var(--text-secondary);background:#fff;border:2px solid #e2e8f0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .3s;display:flex;box-shadow:0 4px 6px #0000000d}.j-step:hover .j-step-icon{border-color:var(--primary-color);background:var(--primary-color);color:#fff;transform:scale(1.1);box-shadow:0 10px 20px -5px #2563eb4d}.j-step-text{padding-top:4px}.j-step-text h4{color:var(--text-primary);margin-bottom:8px;font-size:1.25rem;font-weight:700;transition:color .3s}.j-step:hover .j-step-text h4{color:var(--primary-color)}.j-step-text p{color:var(--text-secondary);line-height:1.5}.journey-visual{position:relative}.j-visual-card{border-radius:32px;position:relative;overflow:hidden;box-shadow:0 30px 60px -15px #00000026}.j-img{object-fit:cover;width:100%;height:600px;transition:transform .8s}.j-visual-card:hover .j-img{transform:scale(1.05)}.j-overlay-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffe6;border-radius:20px;padding:24px;position:absolute;bottom:40px;left:40px;right:40px;box-shadow:0 20px 40px -10px #0003}.j-overlay-header{align-items:center;gap:12px;margin-bottom:12px;display:flex}.j-overlay-header span{color:var(--text-primary);font-size:1.1rem;font-weight:700}.j-overlay-card p{color:var(--text-primary);font-size:1.15rem;font-weight:600}.why-section{z-index:2;position:relative}.why-grid{grid-template-columns:repeat(3,1fr);gap:32px;margin-top:48px;display:grid}.why-card{background:#fff;border:1px solid #0000000a;border-radius:20px;flex-direction:column;align-items:flex-start;padding:40px 32px;transition:transform .3s,box-shadow .3s;display:flex;box-shadow:0 4px 15px #00000008}.why-card:hover{transform:translateY(-5px);box-shadow:0 12px 25px #00000014}.why-icon-wrapper{color:var(--primary-color);background:#2563eb14;border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:24px;display:flex}.why-card h3{color:var(--text-primary);margin-bottom:12px;font-size:1.25rem;font-weight:700}.why-card p{color:var(--text-secondary);font-size:1rem;line-height:1.6}.blog-preview-section{background:0 0;margin-top:40px;padding:25px 0}.blog-preview-container{grid-template-columns:1fr 2fr;align-items:center;gap:48px;display:grid}.blog-preview-header{flex-direction:column;align-items:flex-start;gap:16px;display:flex}.blog-preview-header h2{color:var(--text-primary);letter-spacing:-.02em;font-size:2.5rem;font-weight:700;line-height:1.2}.blog-preview-header p{color:var(--text-secondary);margin-bottom:8px;font-size:1.125rem;line-height:1.6}.btn-cyan{color:#fff!important;background:#06b6d4!important;border:none!important;border-radius:8px!important}.btn-cyan:hover{transform:translateY(-2px);box-shadow:0 4px 12px #06b6d44d;background:#0891b2!important}.blog-cards-wrapper{grid-template-columns:1fr 1fr;gap:32px;display:grid}.blog-card{cursor:pointer;background:#fff;border:1px solid #0000000d;border-radius:16px;flex-direction:column;transition:transform .3s,box-shadow .3s;display:flex;overflow:hidden;box-shadow:0 4px 12px #0000000d}.blog-card:hover{transform:translateY(-8px);box-shadow:0 12px 24px -10px #0000001a}.blog-card-image{height:200px;overflow:hidden}.blog-card-image img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.blog-card:hover .blog-card-image img{transform:scale(1.05)}.blog-card-content{flex-direction:column;flex-grow:1;gap:12px;padding:24px;display:flex}.blog-category{color:#06b6d4;letter-spacing:.05em;text-transform:uppercase;font-size:.875rem;font-weight:700}.blog-card-content h3{color:var(--text-primary);font-size:1.25rem;font-weight:700;line-height:1.4}.blog-author{color:var(--text-secondary);margin-top:auto;font-size:.875rem}.premium-cta-section{padding:50px 0}.cta-glass-box{background:linear-gradient(135deg, var(--primary-color) 0%, #1e40af 100%);text-align:center;color:#fff;border-radius:20px;padding:40px 30px;position:relative;overflow:hidden;box-shadow:0 30px 60px -15px #2563eb4d}.cta-glass-box:before{content:"";opacity:.3;background-image:radial-gradient(#fff3 1px,#0000 1px);background-size:30px 30px;position:absolute;inset:0}.cta-glass-box:after{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff1a 0%,#0000 60%);width:200%;height:200%;animation:15s linear infinite rotateLight;position:absolute;top:-50%;left:-50%}@keyframes rotateLight{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cta-glass-box h2{color:#fff;z-index:2;margin-bottom:16px;font-size:2.5rem;font-weight:700;line-height:1.2;position:relative}.cta-glass-box p{color:#ffffffe6;z-index:2;max-width:600px;margin:0 auto 24px;font-size:1.1rem;line-height:1.6;position:relative}.cta-btn-light{z-index:2;cursor:pointer;border:none;border-radius:100px;padding:12px 32px;font-size:1.125rem;transition:all .3s;position:relative;box-shadow:0 10px 25px #0000001a;color:var(--primary-color)!important;background:#fff!important;font-weight:700!important}.cta-btn-light:hover{transform:translateY(-4px)scale(1.02);box-shadow:0 20px 30px #00000026}@media (width<=1024px){.hero-title{font-size:3.5rem}.section-title{font-size:2.5rem}.hero-container,.journey-layout{gap:40px}.services-grid{grid-template-columns:repeat(2,1fr);gap:24px}.why-grid{grid-template-columns:repeat(3,1fr);gap:16px}.blog-preview-container{grid-template-columns:1fr;gap:40px}.badge-1{left:-10px}.badge-2{right:-10px}}@media (width<=768px){.hero-container{text-align:center;grid-template-columns:1fr}.hero-title{font-size:3rem}.hero-actions{flex-direction:column;justify-content:center}.hero-stats{flex-wrap:wrap;justify-content:center}.hero-image-wrapper{margin-top:40px}.badge-1,.badge-2{width:fit-content;margin:-30px auto 20px;position:relative;inset:auto}.journey-layout{grid-template-columns:1fr}.section-subtitle-left,.journey-content{text-align:center}.journey-steps:before{left:24px}.j-step{text-align:left}.why-grid,.blog-cards-wrapper{grid-template-columns:1fr;gap:24px}.cta-glass-box{border-radius:16px;padding:32px 20px}.cta-glass-box h2{font-size:2.5rem}}.input-wrapper{gap:var(--spacing-sm);width:100%;margin-bottom:var(--spacing-md);flex-direction:column;display:flex}.input-label{color:var(--text-primary);font-size:.875rem;font-weight:500}.input-container{width:100%;position:relative}.input-container.with-icon .input-field{padding-left:44px}.input-container.with-password-toggle .input-field{padding-right:48px}.input-icon-left{color:#94a3b8;pointer-events:none;align-items:center;display:flex;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.password-toggle-btn{color:#94a3b8;cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.password-toggle-btn:hover{color:var(--primary-color);background-color:#f1f5f9}.input-field{width:100%;color:var(--text-primary);transition:all var(--transition-fast);background-color:#f8fafc;border:1px solid #0000;border-radius:8px;outline:none;padding:12px 16px;font-family:inherit;font-size:1rem}.input-field:disabled{color:#64748b;cursor:not-allowed;opacity:.8;background-color:#f8fafc}.input-field:focus{border-color:var(--primary-color);background-color:#fff;box-shadow:0 0 0 3px #2563eb26}.input-field::placeholder{color:#94a3b8}.input-error{border-color:#ef4444}.input-error-msg{color:#ef4444;margin-top:2px;font-size:.75rem}.card{background-color:var(--surface-color);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);border:1px solid #e2e8f0cc;transition:all .4s cubic-bezier(.4,0,.2,1)}.card-hoverable:hover{box-shadow:var(--shadow-lg);border-color:#cbd5e1;transform:translateY(-4px)}.auth-page{padding-top:calc(var(--header-height) + var(--spacing-xl));min-height:calc(100vh - var(--header-height));background:var(--background-color)}.auth-card{width:100%;max-width:440px;padding:40px}.auth-header{text-align:center;margin-bottom:var(--spacing-xl)}.auth-header h2{color:var(--text-primary);margin-bottom:8px;font-size:1.75rem;font-weight:700}.auth-header p{color:var(--text-secondary)}.auth-form{flex-direction:column;display:flex}.auth-actions{margin-top:var(--spacing-md)}.auth-footer{margin-top:var(--spacing-lg);text-align:center;color:var(--text-secondary);font-size:.875rem}.auth-link{color:var(--primary-color);font-weight:500}.auth-link:hover{text-decoration:underline}.doctors-page{min-height:calc(100vh - var(--header-height))}.loader{color:var(--primary-color);font-size:1.25rem;font-weight:600;display:inline-block;position:relative}.loader:after{content:"...";width:20px;display:inline-block}.doctors-header{text-align:center;margin-bottom:var(--spacing-xl)}.doctors-header h1{color:var(--text-primary);margin-top:0;margin-bottom:var(--spacing-sm);letter-spacing:-.01em;font-size:1.75rem;font-weight:700}.doctors-header p{color:var(--text-secondary);font-size:1.125rem}.doctors-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.doctor-card{padding:0;overflow:hidden}.doctor-image{height:200px;overflow:hidden}.doctor-image img{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-normal)}.doctor-placeholder{color:#94a3b8;background-color:#f1f5f9;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.animate-spin{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.doctor-card:hover .doctor-image img{transform:scale(1.05)}.doctor-info{padding:var(--spacing-md);flex-direction:column;gap:8px;display:flex}.doctor-info h3{color:var(--text-primary);margin-bottom:4px;font-size:1.15rem;font-weight:700}.doctor-card-details{border-top:1px solid #f1f5f9;flex-direction:column;gap:8px;margin:0 0 16px;padding-top:4px;display:flex}.detail-row{color:var(--text-secondary);align-items:center;gap:10px;font-size:.85rem;display:flex}.detail-icon{color:var(--primary-color);flex-shrink:0}.hospital-text{color:var(--primary-color);font-weight:600}.fee-amount{color:var(--text-primary);font-weight:700}.booking-page{padding-top:calc(var(--header-height) + var(--spacing-xl));min-height:calc(100vh - var(--header-height));background:var(--background-color)}.booking-card{width:100%;max-width:500px;padding:40px}.booking-header{text-align:center;margin-bottom:var(--spacing-xl);border-bottom:1px solid var(--border-color);padding-bottom:var(--spacing-md)}.booking-header h2{color:var(--text-primary);margin-bottom:4px;font-size:1.75rem;font-weight:700}.booking-page{background-color:var(--background-color);min-height:calc(100vh - var(--header-height));align-items:center;display:flex}.booking-container{grid-template-columns:350px 1fr;align-items:start;gap:24px;width:100%;max-width:1000px;display:grid}.doctor-summary-card{padding:var(--spacing-lg);gap:var(--spacing-lg);border:1px solid var(--border-color);background:#fff;flex-direction:column;display:flex}.doctor-brief{gap:var(--spacing-md);align-items:center;display:flex}.doctor-pic{background-color:#f1f5f9;border-radius:50%;width:80px;height:80px;overflow:hidden}.doctor-pic img{object-fit:cover;width:100%;height:100%}.doctor-placeholder{color:#94a3b8;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.doctor-meta h2{margin-bottom:2px;font-size:1.25rem}.doctor-details-row{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:4px;display:flex}.dot-divider{background-color:#cbd5e1;border-radius:50%;width:4px;height:4px}.hospital-name,.department,.location-text{color:var(--text-secondary);align-items:center;gap:4px;font-size:.85rem;display:flex}.location-text{margin-bottom:8px}.doctor-tags{flex-wrap:wrap;gap:8px;display:flex}.tag{color:var(--text-secondary);background:#f1f5f9;border-radius:4px;align-items:center;gap:4px;padding:4px 8px;font-size:.75rem;display:flex}.tag.fee{color:var(--primary-color);background:#2563eb1a;font-weight:700}.doctor-stats{padding-top:var(--spacing-lg);border-top:1px solid var(--border-color);grid-template-columns:1fr 1fr;gap:16px;display:grid}.stat-item{text-align:center}.stat-value{color:var(--primary-color);font-size:1.25rem;font-weight:700;display:block}.stat-label{color:var(--text-secondary);text-transform:uppercase;font-size:.75rem}.booking-card{padding:var(--spacing-xl)}.booking-header{margin-bottom:var(--spacing-xl);border-bottom:1px solid var(--border-color);padding-bottom:var(--spacing-md);justify-content:space-between;align-items:flex-end;display:flex}.step-indicator{color:var(--text-secondary);font-size:.875rem;font-weight:500}.time-slots-container{margin-bottom:24px}.time-slots-container .label{color:var(--text-primary);margin-bottom:12px;font-size:.875rem;font-weight:500}.time-slots{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px;display:grid}.time-slot{cursor:pointer;position:relative}.time-slot input{opacity:0;position:absolute}.time-slot span{text-align:center;border:1px solid var(--border-color);transition:all var(--transition-fast);border-radius:8px;padding:12px 8px;font-size:.875rem;display:block}.time-slot input:checked+span{border-color:var(--primary-color);color:var(--primary-color);background-color:#2563eb0d;font-weight:600}.payment-summary{background:var(--background-color);padding:var(--spacing-lg);border-radius:12px;margin-bottom:24px}.summary-row{color:var(--text-secondary);justify-content:space-between;margin-bottom:12px;display:flex}.summary-row.total{border-top:1px solid var(--border-color);color:var(--text-primary);margin-top:12px;padding-top:12px;font-size:1.125rem;font-weight:700}.time-select-container{margin-bottom:24px;position:relative}.compact-dropdown{width:100%;position:relative}.dropdown-header{border:1.5px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);color:var(--text-primary);background:#fff;justify-content:space-between;align-items:center;padding:12px 16px;font-family:Outfit,sans-serif;font-size:.9375rem;display:flex}.dropdown-header:hover{border-color:var(--primary-color)}.compact-dropdown.open .dropdown-header{border-color:var(--primary-color);box-shadow:0 0 0 4px #2563eb1a}.arrow-icon{color:var(--text-secondary);transition:transform var(--transition-fast)}.arrow-icon.rotate{transform:rotate(180deg)}.dropdown-options{border:1px solid var(--border-color);border-radius:var(--radius-md);z-index:100;background:#fff;max-height:180px;padding:4px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.dropdown-options::-webkit-scrollbar{width:6px}.dropdown-options::-webkit-scrollbar-track{background:0 0}.dropdown-options::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:10px}.dropdown-options::-webkit-scrollbar-thumb:hover{background:#cbd5e1}.dropdown-option{border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);color:var(--text-primary);padding:10px 12px;font-size:.875rem}.dropdown-option:hover{background-color:var(--background-color);color:var(--primary-color)}.dropdown-option.selected{background-color:var(--primary-color);color:#fff}.dropdown-option.disabled{opacity:.5;cursor:not-allowed;background-color:#f1f5f9}.dropdown-option.disabled:hover{color:var(--text-primary);background-color:#f1f5f9}.slot-info{justify-content:space-between;align-items:center;width:100%;display:flex}.slot-time{font-weight:500}.slot-availability{color:var(--primary-color);background:#2563eb1a;border-radius:4px;padding:2px 6px;font-size:.75rem}.dropdown-option.selected .slot-availability{color:#fff;background:#fff3}.dropdown-no-options{text-align:center;color:var(--text-secondary);padding:12px;font-size:.875rem}.label-with-info{align-items:center;gap:8px;margin-bottom:8px;display:flex}.label-with-info .input-label{margin-bottom:0}.info-tooltip-wrapper{cursor:help;align-items:center;display:flex;position:relative}.info-icon{color:var(--text-secondary);opacity:.7;transition:opacity .2s}.info-tooltip-wrapper:hover .info-icon{opacity:1;color:var(--primary-color)}.tooltip-text{visibility:hidden;color:#fff;text-align:center;z-index:1000;opacity:0;pointer-events:none;background-color:#334155;border-radius:6px;width:200px;padding:8px 12px;font-size:.75rem;font-weight:400;line-height:1.4;transition:opacity .3s;position:absolute;bottom:125%;left:50%;transform:translate(-50%);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.tooltip-text:after{content:"";border:5px solid #0000;border-top-color:#334155;margin-left:-5px;position:absolute;top:100%;left:50%}.info-tooltip-wrapper:hover .tooltip-text{visibility:visible;opacity:1}.payment-success{text-align:center}.success-icon{color:#10b981;margin-bottom:var(--spacing-lg)}@media (width<=900px){.booking-container{grid-template-columns:1fr}}@media (width<=480px){.booking-page{padding-top:calc(var(--header-height) + var(--spacing-md))}.booking-card{padding:var(--spacing-lg)}.booking-header{margin-bottom:var(--spacing-md)}}.booking-header p{color:var(--text-secondary);font-size:.875rem;font-weight:500}.booking-form h3{margin-bottom:var(--spacing-md);color:var(--text-primary)}.time-slots{margin-bottom:var(--spacing-md);grid-template-columns:1fr 1fr;gap:12px;display:grid}.time-slot{cursor:pointer;display:block;position:relative}.time-slot input{opacity:0;cursor:pointer;position:absolute}.time-slot span{text-align:center;border:1px solid var(--border-color);border-radius:var(--radius-sm);transition:all var(--transition-fast);color:var(--text-secondary);padding:12px;display:block}.time-slot input:checked~span{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.time-slot input:hover:not(:checked)~span{border-color:var(--primary-color)}.payment-amount{color:var(--text-primary);margin-bottom:var(--spacing-lg);background:var(--background-color);border-radius:var(--radius-md);text-align:center;padding:16px;font-size:1.5rem;font-weight:700}.booking-success{text-align:center;padding:var(--spacing-lg) 0}.success-icon{color:#10b981;margin:0 auto;margin-bottom:var(--spacing-md);display:block}.booking-success h3{margin-bottom:8px;font-size:1.5rem;font-weight:700}.booking-success p{color:var(--text-secondary)}.booking-loading-container{min-height:80vh}.loader-primary{color:var(--primary-color);margin:0 auto 16px}.form-error-text{color:#ef4444;text-align:center;margin-bottom:16px;font-size:.9rem}.mt-24px{margin-top:24px}.mr-8px{margin-right:8px}.payment-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.booking-hero-container{width:100%;max-width:1000px}.booking-top-offset{margin-top:-20px}.booking-back-btn{border:1px solid var(--border-color);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;margin-left:-8px;padding:0;transition:all .2s;display:flex}.booking-back-btn:hover{color:var(--primary-color);border-color:var(--primary-color);background:#eff6ff}.resource-page{min-height:calc(100vh - var(--header-height));background-color:var(--background-color)}.resource-header{background:var(--background-color);text-align:center;padding:32px 0 16px}.resource-header h1{color:var(--text-primary);letter-spacing:-.01em;margin-bottom:8px;font-size:1.75rem;font-weight:700}.resource-header p{color:var(--text-secondary);max-width:600px;margin:0 auto;font-size:.9375rem;line-height:1.4}.resource-content{padding:24px 0 64px}.blog-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:32px;display:grid}.blog-card{border:1px solid var(--border-color);background:#fff;border-radius:16px;transition:transform .3s;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d}.blog-card:hover{transform:translateY(-8px)}.blog-image{background-color:#f1f5f9;height:220px;overflow:hidden}.blog-image img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.blog-card:hover .blog-image img{transform:scale(1.05)}.blog-body{padding:24px}.blog-tag{color:var(--primary-color);background:#eff6ff;border-radius:20px;margin-bottom:12px;padding:4px 12px;font-size:.8125rem;font-weight:600;display:inline-block}.blog-body h3{margin-bottom:12px;font-size:1.25rem;font-weight:700;line-height:1.4}.blog-body p{color:var(--text-secondary);margin-bottom:20px;font-size:.9375rem;line-height:1.6}.faq-section{max-width:800px;margin:0 auto}.faq-item{border:1px solid var(--border-color);background:#fff;border-radius:12px;margin-bottom:24px;padding:24px}.faq-item h3{color:var(--primary-color);margin-bottom:12px;font-size:1.125rem;font-weight:600}.faq-item p{color:var(--text-secondary);line-height:1.6}.policy-content{border:1px solid var(--border-color);background:#fff;border-radius:16px;max-width:800px;margin:0 auto;padding:48px}.policy-content h2{color:var(--text-primary);margin:32px 0 16px;font-size:1.5rem}.policy-content p{color:var(--text-secondary);margin-bottom:16px;line-height:1.7}.policy-content ul{color:var(--text-secondary);margin-bottom:24px;padding-left:20px}.policy-content li{margin-bottom:8px}@media (width<=768px){.resource-header h1{font-size:1.5rem}.blog-grid{grid-template-columns:1fr}.policy-content{padding:24px}}@media (width<=480px){.resource-header{padding:24px 0 12px}.resource-content{padding:16px 0 48px}.policy-content{border-radius:12px;padding:20px 16px}.faq-item{padding:16px}}.update-password-card{background:#fff;border:1px solid #2563eb1a;padding:32px;box-shadow:0 8px 30px -12px #2563eb26}.update-password-header{margin-bottom:24px}.update-password-title{align-items:center;gap:8px;margin:0;display:flex}.update-password-message{margin-bottom:24px}.update-password-desc{color:var(--text-secondary);margin-bottom:20px;font-size:.95rem}.update-password-desc-verify{color:var(--text-secondary);margin-bottom:20px;font-size:.95rem;line-height:1.5}.update-password-input-group{max-width:400px;margin-bottom:24px}.update-password-btn-group{max-width:400px}.update-password-btn-wrapper{gap:12px;max-width:400px;display:flex}.update-password-reset-inputs{flex-direction:column;gap:16px;max-width:400px;margin-bottom:24px;display:flex}.update-password-success-container{text-align:center;max-width:400px;padding:32px 0}.update-password-success-icon{background-color:#dcfce7;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 20px;display:flex}.update-password-success-title{color:var(--text-dark);margin-bottom:12px;font-size:1.5rem;font-weight:700}.update-password-success-desc{color:var(--text-secondary);margin-bottom:24px;line-height:1.5}.update-password-loader{align-items:center;gap:8px;display:flex}.update-password-otp-input{letter-spacing:.2em;text-align:center;font-size:1.2rem}.profile-page{background-color:var(--background-color);min-height:calc(100vh - var(--header-height))}.dashboard-header{margin-bottom:24px}.dashboard-header h2{color:var(--text-primary);font-size:1.5rem;font-weight:700}.dashboard-header p{color:var(--text-secondary)}.dashboard-layout{grid-template-columns:280px 1fr;align-items:start;gap:32px;display:grid}.dashboard-sidebar{background:linear-gradient(#fff,#f8fafc);border:1px solid #2563eb26;border-radius:12px;flex-direction:column;gap:12px;padding:12px;display:flex;box-shadow:0 4px 20px -10px #2563eb26}.sidebar-item{cursor:pointer;transition:all var(--transition-fast);color:var(--text-secondary);border-radius:8px;align-items:center;gap:12px;padding:12px 16px;font-weight:500;display:flex}.sidebar-item:hover{color:var(--primary-color);background-color:#eff6ff;box-shadow:0 2px 8px -4px #2563eb33}.sidebar-item.active{color:var(--primary-color);border-left:3px solid var(--primary-color);background-color:#2563eb1a;font-weight:600}.profile-card{background:#fff;border:1px solid #2563eb1a;border-radius:20px;padding:40px;box-shadow:0 8px 30px -12px #2563eb26}.card-header-row{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.profile-form .form-grid{grid-template-columns:1fr 1fr;gap:24px 32px;display:grid}.form-actions{border-top:1px solid var(--border-color);justify-content:flex-end;gap:12px;margin-top:32px;padding-top:24px;display:flex}.message-banner{border-radius:8px;align-items:center;gap:10px;margin-bottom:24px;padding:12px 16px;font-size:.9rem;display:flex}.message-banner.success{color:#10b981;background-color:#ecfdf5;border:1px solid #d1fae5}.message-banner.error{color:#ef4444;background-color:#fef2f2;border:1px solid #fee2e2}.appointments-section h3{margin-bottom:24px}.appointments-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;display:grid}.appointment-card{flex-direction:column;gap:12px;margin-bottom:15px;padding:16px;display:flex}.appt-header{justify-content:space-between;align-items:flex-start;display:flex}.doctor-info{align-items:center;gap:12px;display:flex}.doctor-avatar{color:#94a3b8;background-color:#f1f5f9;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;display:flex;overflow:hidden}.doctor-avatar img{object-fit:cover;width:100%;height:100%}.doctor-info h4{margin:0;font-size:1.1rem}.appt-hospital{color:var(--text-secondary);margin:0;font-size:.85rem}.status-badge{text-transform:uppercase;border-radius:20px;padding:4px 10px;font-size:.75rem;font-weight:600}.appt-details{border-top:1px solid var(--border-color);gap:24px;padding-top:16px;display:flex}.appt-detail-item{color:var(--text-secondary);align-items:center;gap:8px;font-size:.9rem;display:flex}.empty-state{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:48px;display:flex}.empty-icon{color:#cbd5e1}@media (width<=900px){.dashboard-layout,.profile-form .form-grid{grid-template-columns:1fr}}@media (width<=480px){.profile-page{padding-top:calc(var(--header-height) + var(--spacing-md))}.profile-card{padding:var(--spacing-lg) var(--spacing-md)}.dashboard-header{margin-bottom:var(--spacing-md)}.appt-header,.appt-details{flex-direction:column;gap:8px}}.profile-loading-container{min-height:80vh}.appointments-section,.appointment-details-view{flex-direction:column;display:flex}.mb-24{margin-bottom:24px}.back-btn{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;background:#fff;border-radius:24px;align-items:center;gap:8px;padding:8px 16px;font-size:.95rem;font-weight:500;transition:all .2s;display:inline-flex;box-shadow:0 1px 2px #0000000d}.back-btn:hover{background:var(--background-color);color:var(--text-primary);border-color:#cbd5e1}.p-64{padding:64px}.details-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.details-title{font-size:1.75rem;font-weight:700}.status-badge-lg{border-radius:6px;padding:6px 12px;font-size:.9rem;font-weight:600}.status-badge-sm{letter-spacing:.04em;border-radius:16px;padding:4px 10px;font-size:.7rem;font-weight:700}.details-grid{grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px;display:grid}@media (width<=768px){.details-grid{grid-template-columns:1fr}}.detail-card-inner{padding:24px}.detail-card-inner.mb-24{margin-bottom:24px}.detail-card-title{align-items:center;gap:8px;margin-bottom:16px;font-size:1.1rem;display:flex}.detail-card-title.m-0{margin:0}.doctor-name{margin-bottom:4px;font-size:1.1rem;font-weight:600}.text-secondary{color:var(--text-secondary)}.doctor-phone{color:var(--text-secondary);margin-top:8px}.inline-icon{margin-right:4px;display:inline}.schedule-detail{margin-bottom:8px}.symptoms-detail{border-top:1px solid var(--border-color);margin-top:12px;padding-top:12px}.section-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.prescription-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;display:grid}@media (width<=600px){.prescription-grid{grid-template-columns:1fr}}.eye-title{color:var(--text-secondary);margin-bottom:12px}.eye-measurements-grid{background:#f8fafc;border-radius:12px;grid-template-columns:1fr 1fr 1fr;gap:8px;padding:16px;display:grid}.measurement-cell{text-align:center}.measurement-cell.bordered{border-left:1px solid #cbd5e1;border-right:1px solid #cbd5e1}.measurement-label{color:var(--text-secondary);font-size:.8rem}.measurement-value{font-size:1.1rem;font-weight:700}.prescription-notes{border-top:1px solid var(--border-color);grid-column:1/-1;margin-top:8px;padding-top:20px}.empty-prescription{color:var(--text-secondary);background:#f8fafc;border:1px dashed #cbd5e1;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:32px;display:flex}.empty-prescription-icon{opacity:.4;margin-bottom:12px}.empty-prescription-title{font-weight:500}.empty-prescription-subtitle{margin-top:4px;font-size:.9rem}.payment-summary-box{background:#f8fafc;border-radius:12px;justify-content:space-between;align-items:center;padding:20px;display:flex}.payment-label{color:var(--text-secondary);margin-bottom:4px;font-size:.95rem}.payment-amount{color:var(--text-primary);font-size:1.5rem;font-weight:700}.page-title{margin-bottom:24px}.appointments-filter-bar{scrollbar-width:none;gap:12px;margin-bottom:24px;padding:0 4px;display:flex;overflow-x:auto}.appointments-filter-bar::-webkit-scrollbar{display:none}.filter-btn{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:#fff;border-radius:20px;padding:8px 20px;font-size:.9rem;font-weight:600;transition:all .2s}.filter-btn:hover{border-color:var(--primary-color);color:var(--primary-color);background:#2563eb0d}.filter-btn.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color);box-shadow:0 4px 10px #2563eb33}.no-filtered-results{text-align:center;color:var(--text-secondary);background:#f8fafc;border:1px dashed #cbd5e1;border-radius:16px;padding:64px 24px}.empty-state-p48{padding:48px}.appointment-card{cursor:pointer;border:1px solid #0000;transition:all .2s}.appointment-card:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.card-header{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.card-doctor-name{color:var(--text-primary);letter-spacing:-.01em;margin-bottom:4px;font-size:1.05rem;font-weight:700}.card-doctor-hospital{color:var(--text-secondary);align-items:center;gap:6px;font-size:.8rem;display:flex}.symptoms-box{border:1px solid #f1f5f9;border-radius:6px;margin-bottom:12px;padding:10px 14px;position:relative;overflow:hidden}.symptoms-box-accent{background-color:var(--primary-color);width:4px;position:absolute;top:0;bottom:0;left:0}.symptoms-box-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);margin-bottom:4px;font-size:.65rem;font-weight:700}.symptoms-box-text{color:var(--text-primary);margin:0;font-size:.85rem;font-weight:600}.card-footer-grid{border-top:1px solid #f1f5f9;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.4fr);gap:8px;margin-top:auto;padding-top:12px;display:grid}.datetime-box{background:#f8fafc;border-radius:6px;flex-direction:column;justify-content:center;align-items:flex-start;padding:8px 10px;display:flex}.datetime-top{color:var(--text-secondary);align-items:center;gap:6px;margin-bottom:2px;display:flex}.datetime-primary{color:var(--text-primary);font-size:.8rem;font-weight:700}.datetime-secondary{color:var(--text-secondary);margin-left:18px;font-size:.8rem;font-weight:700}.btn-prescription-action{height:100%;color:var(--primary-color);background:#fff;border:1px solid #e2e8f0;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;padding:0;font-weight:700;transition:all .2s;display:flex}.btn-prescription-action:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.btn-prescription-action-title{font-size:.8rem}.btn-prescription-action-subtitle{margin-top:2px;font-size:.8rem}.prescription-modal-content{background:#fff;border-radius:24px;width:100%;max-width:480px;max-height:80vh;padding:40px;overflow-y:auto;box-shadow:0 25px 50px -12px #0f172a40}.modal-message-banner{text-align:center;margin-bottom:24px}.optical-frames-loading{min-height:60vh}.optical-frames-error-container{text-align:center;min-height:60vh;padding:120px 0}.optical-frames-error-banner{max-width:600px;margin:0 auto}.optical-frames-empty-container{text-align:center;min-height:60vh;padding:120px 0}.optical-frames-empty-title{color:var(--text-dark);margin-bottom:16px;font-size:2.5rem;font-weight:700}.optical-frames-empty-text{color:var(--text-secondary);font-size:1.2rem}.optical-frames-wrapper{min-height:80vh}.optical-frames-header{text-align:center;margin-bottom:40px}.optical-frames-title{color:var(--text-dark);margin-top:0;margin-bottom:12px;font-size:1.75rem;font-weight:700}.optical-frames-subtitle{color:var(--text-secondary);max-width:600px;margin:0 auto;font-size:.95rem}.optical-frames-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:24px;display:grid}.optical-frames-card{cursor:pointer;flex-direction:column;height:100%;padding:0;transition:all .3s;display:flex;overflow:hidden}.optical-frames-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px -8px #00000026}.optical-frames-image-wrapper{background-color:#f8fafc;justify-content:center;align-items:center;width:100%;height:200px;display:flex;position:relative}.optical-frames-image{object-fit:cover;width:100%;height:100%}.optical-frames-category-badge{color:var(--text-dark);text-transform:uppercase;letter-spacing:.05em;background-color:#ffffffe6;border-radius:20px;padding:4px 12px;font-size:.75rem;font-weight:700;position:absolute;top:16px;right:16px;box-shadow:0 2px 4px #0000001a}.optical-frames-content{flex-direction:column;flex-grow:1;padding:20px;display:flex}.optical-frames-content-header{justify-content:space-between;align-items:flex-start;display:flex}.optical-frames-brand{color:var(--primary-color);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;font-size:.75rem;font-weight:700}.optical-frames-name{color:var(--text-dark);margin:0;font-size:1.1rem;font-weight:700;line-height:1.3}.optical-frames-price{color:var(--text-dark);font-size:1.15rem;font-weight:800}.frame-details-loading{min-height:80vh}.frame-details-error-container{text-align:center;min-height:60vh}.frame-details-error-banner{max-width:600px;margin:0 auto 24px}.frame-details-back-icon{margin-right:8px}.frame-details-wrapper{min-height:80vh}.frame-details-container{max-width:1000px}.frame-details-back-btn{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;background:#fff;border-radius:24px;align-items:center;gap:8px;margin-top:15px;margin-bottom:24px;padding:8px 16px;font-size:.95rem;font-weight:500;transition:all .2s;display:inline-flex;box-shadow:0 1px 2px #0000000d}.frame-details-back-btn:hover{color:var(--text-dark);background:#f8fafc}.frame-details-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:start;gap:48px;display:grid}@media (width<=768px){.frame-details-grid{grid-template-columns:1fr;gap:32px}}.frame-details-image-card{background:radial-gradient(circle,#fff 0%,#f1f5f9 100%);border:1px solid #e2e8f099;border-radius:32px;justify-content:center;align-items:center;min-height:480px;padding:0;display:flex;overflow:hidden;box-shadow:inset 0 2px 20px #00000005}.frame-details-image{object-fit:contain;filter:drop-shadow(0 20px 30px #0000001a);width:85%;height:85%;transition:transform .4s}.frame-details-image-card:hover .frame-details-image{transform:scale(1.05)}.frame-details-no-image{color:var(--text-secondary)}.frame-details-brand{color:var(--primary-color);text-transform:uppercase;letter-spacing:.1em;margin-bottom:12px;font-size:.75rem;font-weight:800;display:inline-block}.frame-details-title{color:var(--text-dark);letter-spacing:-.02em;margin-bottom:16px;font-size:1.875rem;font-weight:800;line-height:1.2}.frame-details-price-wrapper{align-items:center;gap:16px;margin-bottom:24px;display:flex}.frame-details-price{color:var(--text-dark);font-size:1.5rem;font-weight:700}.frame-details-description{color:var(--text-secondary);margin-bottom:32px;font-size:.95rem;line-height:1.6}.frame-details-colors-section{margin-bottom:32px}.frame-details-colors-title{color:var(--text-dark);margin-bottom:12px;font-size:.9rem;font-weight:700}.frame-details-colors-list{flex-wrap:wrap;gap:12px;display:flex}.frame-details-color-pill{border:1px solid var(--border-color);background-color:#fff;border-radius:20px;align-items:center;gap:8px;padding:4px 12px;transition:all .2s;display:flex;box-shadow:0 1px 2px #00000005}.frame-details-color-pill:hover{background-color:#f8fafc;border-color:#cbd5e1}.frame-details-color-circle{border:1px solid #0000001a;border-radius:50%;width:16px;height:16px;box-shadow:inset 0 1px 2px #0000001a}.frame-details-color-name{color:var(--text-dark);text-transform:capitalize;font-size:.85rem;font-weight:600}.frame-details-book-btn{width:100%;margin-bottom:40px;padding:14px 28px;font-size:.95rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 15px -3px #2563eb33,0 4px 6px -2px #2563eb1a}.frame-details-book-btn:hover{transform:translateY(-2px);box-shadow:0 20px 25px -5px #2563eb40,0 10px 10px -5px #2563eb1a}.frame-details-shop-card{background:linear-gradient(135deg,#fff 0%,#f8fafc 100%);border:1px solid #e2e8f0cc;border-radius:20px;padding:24px;box-shadow:0 4px 6px -1px #00000005}.frame-details-shop-title{color:var(--text-dark);align-items:center;gap:8px;margin-bottom:16px;font-size:1.1rem;font-weight:700;display:flex}.frame-details-shop-info{flex-direction:column;gap:12px;display:flex}.frame-details-shop-name{color:var(--text-dark);font-size:1.1rem;font-weight:700}.frame-details-shop-address{color:var(--text-secondary);align-items:flex-start;gap:8px;font-size:.95rem;display:flex}.frame-details-shop-icon-address{flex-shrink:0;margin-top:2px}.frame-details-shop-contact{color:var(--text-secondary);align-items:center;gap:8px;font-size:.95rem;display:flex}.frame-details-no-shop{color:var(--text-secondary)}.modal-overlay{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.prescription-modal-content{background:#fff;border-radius:20px;width:100%;max-width:550px;max-height:85vh;padding:40px;position:relative;overflow-y:auto;box-shadow:0 25px 50px -12px #0f172a40}.prescription-modal-content::-webkit-scrollbar{width:8px}.prescription-modal-content::-webkit-scrollbar-track{background:0 0;margin:16px 0}.prescription-modal-content::-webkit-scrollbar-thumb{background-color:#cbd5e1;border:2px solid #fff;border-radius:10px}.modal-header{text-align:center;margin-bottom:32px}.modal-title{color:var(--text-primary);margin-bottom:8px;font-size:1.75rem;font-weight:800}.modal-subtitle{color:var(--text-secondary);font-size:.95rem}.modal-message-banner{text-align:center;border-radius:12px;justify-content:center;align-items:center;margin-bottom:24px;font-weight:700;border-left:none!important;display:flex!important}.modal-message-banner.success{color:#065f46;background-color:#d1fae5;border:1px solid #6ee7b7}.modal-message-banner.error{color:#b91c1c;background-color:#fee2e2;border:1px solid #fecaca}.modal-form-fields{flex-direction:column;gap:16px;margin-bottom:24px;display:flex}.eye-section{appearance:none}.eye-section-header{align-items:center;gap:8px;margin-bottom:16px;display:flex}.divider-line{background-color:var(--border-color);flex:1;height:1px}.eye-section-title{color:var(--primary-color);text-transform:uppercase;letter-spacing:.1em;margin:0;font-size:.8rem;font-weight:700}.eye-inputs-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.text-center{text-align:center}.mt-8{margin-top:8px}.form-textarea{resize:vertical;width:100%;color:var(--text-primary);background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;outline:none;padding:12px 16px;font-family:inherit;font-size:.95rem;transition:all .2s}.form-textarea:focus{border-color:var(--primary-color);background-color:#fff;box-shadow:0 0 0 3px #2563eb26}.modal-actions{justify-items:stretch;gap:12px;display:flex}.modal-actions .btn-full{flex:1}.modal-actions .btn-save{flex:2}.modal-close-btn{cursor:pointer;color:var(--text-secondary);z-index:10;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;transition:background-color .2s;display:flex;position:absolute;top:16px;right:16px}.modal-close-btn:hover{background-color:#f1f5f9}.input-label-semibold{color:var(--text-dark);margin-bottom:6px;font-size:.85rem;font-weight:800;display:block}.asterisk-required{color:#ef4444}.eye-section{margin-top:16px}.prescription-details-divider{justify-content:center;align-items:center;gap:12px;margin-bottom:16px;display:flex}.prescription-details-line{background-color:#e2e8f0;flex:1;max-width:60px;height:1px}.prescription-details-text{color:var(--primary-color);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:800}.autofill-banner{color:#1d4ed8;background-color:#eff6ff;border-radius:8px;align-items:flex-start;gap:8px;margin-bottom:16px;padding:10px 14px;font-size:.8rem;font-weight:600;line-height:1.4;display:flex}.autofill-banner-icon{flex-shrink:0;margin-top:2px}.eye-measurement-group{margin-bottom:24px}.eye-measurement-group.compact{margin-bottom:20px}.eye-measurement-title{color:var(--text-dark);margin-bottom:12px;font-size:.9rem;font-weight:800}.eye-measurement-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.eye-measurement-cell{flex-direction:column;align-items:center;gap:8px;display:flex}.eye-field-label{color:var(--text-dark);font-size:.8rem;font-weight:800}.eye-field-input{text-align:center;width:100%;color:var(--text-dark);background-color:#f8fafc;border:1px solid #0000;border-radius:8px;outline:none;padding:10px 8px;font-size:.95rem;font-weight:600;transition:all .2s}.eye-field-input:focus{border-color:var(--primary-color);background-color:#fff;box-shadow:0 0 0 3px #2563eb26}.pd-input-wrapper{margin-bottom:16px}.pd-input{padding:10px 16px}.preferences-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.preferences-select{width:100%;color:var(--text-primary);background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;outline:none;padding:10px 14px;font-family:inherit;font-size:.9rem;transition:all .2s}.preferences-select:focus{border-color:var(--primary-color);background-color:#fff;box-shadow:0 0 0 3px #2563eb26}.rx-notes-group{grid-column:span 2;margin-top:12px}.modal-submit-btn{padding:12px;font-weight:700}.bill-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000!important;background-color:#0f172a66!important;justify-content:center!important;align-items:center!important;padding:10px!important;display:flex!important;position:fixed!important;inset:0!important}.bill-details-modal.small-ui{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:12px!important;flex-direction:column!important;width:100%!important;max-width:420px!important;display:flex!important;position:relative!important;overflow:hidden!important;box-shadow:0 10px 15px -3px #0000001a!important}.modal-header{border-bottom:1px solid #f1f5f9;flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 18px;display:flex}.modal-header h3{color:#1e293b;margin:0;font-size:1.1rem;font-weight:700}.close-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;align-items:center;padding:2px;display:flex}.modal-body.bill-layout{flex-direction:column;flex-grow:1;gap:12px;max-height:440px;padding:15px 18px;display:flex;overflow-y:auto}.modal-body.bill-layout::-webkit-scrollbar{width:5px}.modal-body.bill-layout::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:10px}.top-info-box-styled{background:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;flex-direction:column;gap:4px;padding:10px 12px;display:flex}.meta-row-styled{color:#64748b;align-items:center;gap:8px;font-size:.9rem;display:flex}.meta-icon{color:#94a3b8;width:16px}.meta-row-styled strong{color:#1e293b;font-weight:700}.status-pill-capsule{text-align:center;border-radius:100px;align-self:flex-start;width:100%;margin-top:2px;padding:3px 10px;font-size:.7rem;font-weight:800}.status-pill-capsule.pending{color:#15803d;opacity:.8;background:#dcfce7}.status-pill-capsule.completed{color:#15803d;background:#dcfce7}.items-table-container{overflow-x:auto}.items-table-styled{border-collapse:collapse;width:100%}.items-table-styled th{color:#64748b;text-align:left;background:#f1f5f9;border-bottom:1px solid #e2e8f0;padding:6px 8px;font-size:.7rem;font-weight:700}.items-table-styled td{color:#1e293b;border-bottom:1px solid #f1f5f9;padding:8px 10px;font-size:.9rem}.summary-section-styled{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.summary-item-styled{color:#64748b;justify-content:space-between;width:160px;font-size:.9rem;display:flex}.summary-item-styled.grand{color:#1e293b;font-size:1.1rem;font-weight:800}.grand-total-divider{background:#2563eb;width:160px;height:1.5px;margin:2px 0}.text-danger{color:#ef4444}.bottom-info-box-styled{background:#f8fafc;border-radius:8px;flex-direction:column;gap:8px;padding:10px 12px;display:flex}.compact-detail{flex-direction:column;gap:2px;display:flex}.detail-label{color:#94a3b8;text-transform:uppercase;font-size:.65rem;font-weight:600}.detail-value-standard{color:#475569;font-size:.9rem;font-weight:500}.modal-footer-styled{background:#fff;border-top:1px solid #f1f5f9;flex-shrink:0;justify-content:center;gap:12px;padding:12px 18px;display:flex}.btn-outlined-print{color:#2563eb;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:8px;padding:8px 20px;font-size:.9rem;font-weight:700;display:flex}.btn-solid-blue{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:8px 25px;font-size:.9rem;font-weight:700}.only-print{display:none}@media print{@page{margin:0}.bill-modal-overlay,.no-print,body>:not(.print-only-bill){display:none!important}.print-only-bill{color:#1e293b;background:#fff;width:100%;padding:1.5cm;font-family:Outfit,sans-serif;position:absolute;top:0;left:0;visibility:visible!important;display:block!important}.shop-name-blue{text-align:center;font-weight:800;color:#2563eb!important;margin-bottom:.25rem!important;font-size:2.2rem!important}.contact-small{text-align:center;color:#1e293b;margin-bottom:.25rem;font-size:.9rem;font-weight:600}.address-small-ref{text-align:center;color:#475569;margin-bottom:2rem;font-size:.9rem;font-weight:500}.invoice-title-blue{margin-bottom:1.5rem;font-size:1.5rem;font-weight:700;color:#2563eb!important}.print-meta-list{flex-direction:column;gap:8px;margin-bottom:2.5rem;display:flex}.meta-list-item{gap:12px;font-size:1rem;display:flex}.meta-list-item span{color:#1e293b;min-width:150px;font-weight:600}.meta-list-item strong{color:#000}.print-items-table-ref{border-collapse:collapse;width:100%;margin-bottom:2.5rem}.print-items-table-ref th{text-align:center;border-bottom:1px solid #e2e8f0;padding:12px;font-size:.9rem;font-weight:700;color:#64748b!important;background:#f8fafc!important}.print-items-table-ref td{text-align:center;border-bottom:1px solid #e2e8f0;padding:12px;font-size:1rem}.print-items-table-ref td:first-child,.print-items-table-ref th:first-child{text-align:left}.total-row-ref td{text-align:right;font-size:1.25rem;font-weight:800;border-bottom:none!important;padding-top:10px!important}.print-additional-info{flex-direction:column;gap:1.5rem;margin-top:2rem;display:flex}.print-info-box{flex-direction:column;gap:.25rem;display:flex}.print-info-box span{color:#2563eb;text-transform:uppercase;letter-spacing:.025em;font-size:.9rem;font-weight:700}.print-info-box strong{color:#0f172a;text-transform:capitalize;font-size:1.1rem}.print-info-box p{color:#334155;margin:0;font-size:1rem;font-style:italic;line-height:1.5}.terms-section{margin-top:3rem}.terms-section h3{color:#2563eb;margin-bottom:1rem;font-size:1.15rem;font-weight:700}.terms-section ul{margin:0;padding-left:1.5rem}.terms-section li{color:#334155;margin-bottom:6px;font-size:1rem;line-height:1.4}.print-footer-ref{text-align:center;color:#94a3b8;border-top:1px solid #f1f5f9;margin-top:4rem;padding-top:1.5rem;font-size:.85rem}}.capitalize{text-transform:capitalize}.mt-1{margin-top:2px}.my-frames-page{min-height:calc(100vh - var(--header-height));background-color:var(--background-color)}.my-frames-loading-container{min-height:80vh}.my-frames-header{text-align:center;margin-bottom:40px}.my-frames-header h2{color:var(--text-dark);margin-bottom:12px;font-size:1.5rem;font-weight:800}.my-frames-header p{color:var(--text-secondary);max-width:600px;margin:0 auto;font-size:1.1rem}.filter-container{flex-wrap:wrap;gap:10px;margin-bottom:32px;display:flex}.filter-tab{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;text-transform:capitalize;background:#fff;border-radius:100px;padding:8px 24px;font-size:.9rem;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1)}.filter-tab:hover{color:var(--text-dark);background:#f8fafc;border-color:#cbd5e1}.filter-tab.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color);transform:translateY(-1px);box-shadow:0 4px 12px #2563eb33}.my-frames-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));align-items:start;gap:24px;display:grid}.frame-booking-card{background:#fff;border:1px solid #2563eb14;border-radius:12px;gap:4px;padding:10px;position:relative;box-shadow:0 4px 15px -10px #0000000d;flex-direction:column!important;height:100%!important;display:flex!important}.booking-header{border-bottom:1px solid #0000000a;flex-direction:column;gap:2px;padding-bottom:4px;display:flex}.booking-status-wrapper{justify-content:space-between;align-items:center;display:flex}.booking-date{color:var(--text-secondary);align-items:center;gap:6px;font-size:.75rem;display:flex}.booking-frame-name{color:var(--text-dark);font-size:1.05rem;font-weight:700}.booking-body{flex:1!important;gap:12px!important;display:flex!important}.booking-image-wrapper{border:1px solid var(--border-color);background-color:#f8fafc;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:70px;height:70px;display:flex;overflow:hidden}.booking-details-list{flex-direction:column;flex:1;gap:10px;display:flex}.detail-item{flex-direction:column;gap:1px;display:flex}.detail-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:4px;font-size:.6rem;font-weight:700;display:flex}.detail-value{color:var(--text-dark);font-size:.8rem;font-weight:500}.address-truncate{-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;line-height:1.4;display:-webkit-box;overflow:hidden}.empty-state{text-align:center;background:#fff;border:1px solid #2563eb1a;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.empty-icon{color:#cbd5e1;margin-bottom:24px}.empty-state h3{color:var(--text-dark);margin-bottom:12px;font-size:1.5rem;font-weight:700}.empty-state p{color:var(--text-secondary);margin-bottom:24px;font-size:1.1rem}.status-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:20px;padding:4px 12px;font-size:.75rem;font-weight:700}.status-pending{color:#d97706;background-color:#fef3c7}.status-estimated{color:#0369a1;background-color:#e0f2fe}.status-user_accepted,.status-confirmed{color:#166534;background-color:#dcfce7}.status-delivered,.status-completed{color:#064e3b;background-color:#ecfdf5}.status-cancelled,.status-declined{color:#b91c1c;background-color:#fee2e2}.status-default{color:#64748b;background-color:#f1f5f9}.booking-shop-footer{margin-top:-4px}.shop-pill{color:var(--text-secondary);background:#f8fafc;border:1px solid #0000000d;border-radius:100px;align-items:center;gap:6px;padding:2px 10px;font-size:.75rem;font-weight:500;display:inline-flex}.booking-actions-footer{border-top:1px solid #0000000a;margin-top:8px;padding-top:8px}.booking-action-buttons-stack{flex-direction:column;gap:8px;width:100%;display:flex}.booking-action-buttons{gap:8px;width:100%;display:flex}.booking-action-buttons .btn{flex:1;padding:6px 12px;font-size:.8rem;font-weight:700;box-shadow:none!important}.booking-action-buttons .btn:first-child{color:#166534!important;background:#f0fdf4!important;border:1px solid #bbf7d0!important}.booking-action-buttons .btn:last-child{color:#991b1b!important;background:#fef2f2!important;border:1px solid #fecaca!important}.view-bill-btn{opacity:.8;justify-content:center;align-items:center;gap:6px;width:100%;padding:6px 12px;font-size:.8rem;display:flex}.view-bill-btn:not(:disabled){opacity:1;color:#0369a1;background-color:#f0f9ff;border-color:#bae6fd}.view-bill-btn:disabled{opacity:.6;color:#0369a1;cursor:not-allowed;pointer-events:auto;background-color:#f0f9ff;border-color:#bae6fd}.btn-content-with-eye{justify-content:center;align-items:center;gap:8px;width:100%;display:flex!important}.eye-highlight-trigger{background-color:#fff3;border-radius:6px;justify-content:center;align-items:center;margin-left:2px;padding:4px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 1px 3px #0000001a}.eye-highlight-trigger:hover{background-color:#fff6;transform:scale(1.1);box-shadow:0 2px 8px #ffffff4d}.eye-highlight-trigger:active{transform:scale(.95)}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background-color:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-content{background:#fff;border-radius:24px;width:100%;max-width:480px;padding:32px;box-shadow:0 20px 50px #0003}.modal-content h3{color:var(--text-dark);margin-bottom:8px;font-size:1.5rem;font-weight:700}.modal-content p{color:var(--text-secondary);margin-bottom:24px}.modal-textarea{border:1px solid var(--border-color);resize:vertical;background-color:#f8fafc;border-radius:12px;outline:none;width:100%;min-height:120px;margin-bottom:24px;padding:16px;font-family:inherit;transition:border-color .2s}.modal-textarea:focus{border-color:var(--primary-color)}.modal-actions{justify-content:flex-end;gap:12px;display:flex}.modal-actions .btn{padding:10px 24px}.view-estimation-icon-btn{border-radius:6px;transition:all .2s}.view-estimation-icon-btn:hover{transform:scale(1.1);color:#1d4ed8!important;background-color:#2563eb14!important}.view-estimation-icon-btn:active{transform:scale(.95)}.estimation-modal{max-width:520px}.modal-header-with-icon h3{color:var(--text-dark);font-size:1.25rem;font-weight:800}.notes-box{max-height:150px;overflow-y:auto}.notes-box::-webkit-scrollbar{width:6px}.notes-box::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:10px}@media (width<=768px){.my-frames-grid{grid-template-columns:1fr}}:root{--primary-color:#2563eb;--secondary-color:#1e40af;--accent-color:#3b82f6;--background-color:#f8fafc;--surface-color:#fff;--text-primary:#0f172a;--text-secondary:#475569;--border-color:#e2e8f0;--header-height:72px;--max-width:1200px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:48px;--radius-sm:6px;--radius-md:12px;--radius-lg:24px;--radius-full:9999px;--shadow-sm:0 2px 4px 0 #0f172a0a;--shadow-md:0 4px 6px -1px #0f172a0f, 0 2px 4px -2px #0f172a0a;--shadow-lg:0 10px 15px -3px #0f172a14, 0 4px 6px -4px #0f172a0a;--shadow-blue:0 12px 24px -8px #2563eb4d;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--background-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:Outfit,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}img{max-width:100%;height:auto;display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.animate-fade-in{animation:fadeIn var(--transition-normal) ease-out forwards}.container{width:100%;max-width:var(--max-width);padding:0 var(--spacing-lg);margin:0 auto 15px}@media (width<=480px){.container{padding:0 var(--spacing-md)}}.main-content{padding-top:var(--header-height);flex:1}.body-padding-y{padding:40px 0}@media (width<=768px){.body-padding-y{padding:30px 0}}.glass-panel{border:1px solid var(--border-color);background:#fff}.premium-glass{-webkit-backdrop-filter:blur(16px);background:#ffffffd9;border-bottom:1px solid #e2e8f099}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}@media (width<=768px){:root{--header-height:90px}}