:root{--skel-base:#e2e8f0;--skel-glow:#f8fafc}[data-theme=dark]{--skel-base:#1e293b;--skel-glow:#2d3f55}@keyframes skel-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skel{background:linear-gradient(90deg, var(--skel-base) 25%, var(--skel-glow) 50%, var(--skel-base) 75%);background-size:400% 100%;border-radius:5px;height:13px;animation:1.4s infinite skel-shimmer;display:block}.skel--xs{width:28px}.skel--sm{width:64px}.skel--md{width:110px}.skel--lg{width:160px}.skel--full{width:100%}.skel--badge{border-radius:20px;width:72px;height:20px}.skel--btn{border-radius:7px;width:58px;height:26px}.skel--icon{border-radius:10px;flex-shrink:0;width:44px;height:44px}.skel--title{width:90px;height:24px}.skel--label{width:80px;height:11px;margin-top:6px}.skel--chart{border-radius:10px;height:180px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.text-muted{color:var(--text-light)!important}.sort-icon{vertical-align:middle;margin-left:4px}.sort-icon.inactive{color:var(--gray-200)}.sort-icon.active{color:var(--primary)}[data-theme=dark] .sort-icon.inactive{color:#334155}.sidebar-overlay{cursor:pointer;z-index:49;background:#00000073;border:none;padding:0;animation:.15s fade-in;position:fixed;inset:0}.topbar-hamburger{border:1.5px solid var(--gray-200);border-radius:var(--radius-sm);background:var(--surface);width:36px;height:34px;color:var(--text-light);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;transition:border-color .2s,color .2s;display:none}.topbar-hamburger:hover{border-color:var(--primary);color:var(--primary)}[data-theme=dark] .topbar-hamburger{color:#64748b;background:#1e293b;border-color:#334155}[data-theme=dark] .topbar-hamburger:hover{border-color:var(--primary);color:var(--primary)}.th-sort-btn{font:inherit;color:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:none;align-items:center;gap:4px;margin:0;padding:0;display:inline-flex}.th-sort-btn:hover{color:var(--primary)}.th-sort-btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:3px}[data-theme=dark] .recharts-default-tooltip{background-color:#1e293b!important;border-color:#334155!important}[data-theme=dark] .recharts-tooltip-label{color:#f1f5f9!important}*{box-sizing:border-box;margin:0;padding:0}:root{--primary:#4a90e2;--primary-dark:#357abd;--primary-light:#ebf4ff;--primary-rgb:74 144 226;--accent:#6ed3cf;--dark:#1a2b4a;--dark-mid:#2c4069;--green:#7ed957;--green-dark:#5bb83a;--text:#3d4f6e;--text-light:#4f5e7a;--white:#fff;--gray-50:#f5f7fa;--gray-100:#eef1f6;--gray-200:#d8dee8;--surface:#fff;--color-error:#ef4444;--color-error-dark:#dc2626;--color-error-rgb:239 68 68;--color-warning:#f59e0b;--cyan:#0ea5e9;--cyan-dark:#0369a1;--cyan-light:#e0f2fe;--cyan-pale:#f0f9ff;--cyan-rgb:14 165 233;--purple:#7c3aed;--purple-mid:#8b5cf6;--purple-soft:#a78bfa;--purple-light:#ede9fe;--purple-pale:#f5f3ff;--purple-rgb:124 58 237;--amber-dark:#d97706;--amber-deeper:#b45309;--amber-light:#fef3c7;--amber-pale:#fffbeb;--amber-rgb:245 158 11;--rose:#e11d48;--rose-dark:#be123c;--rose-light:#fff1f2;--rose-border:#fecdd3;--rose-rgb:225 29 72;--ok:#22c55e;--ok-dark:#16a34a;--ok-light:#f0fdf4;--ok-bright:#4ade80;--radius-sm:8px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px}body{color:var(--text);background:var(--white);scroll-behavior:smooth;font-family:Open Sans,system-ui,-apple-system,sans-serif}h1,h2,h3,h4,h5,h6{font-family:Poppins,system-ui,sans-serif}.nav{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--gray-200);height:72px;box-shadow:0 1px 16px rgb(var(--primary-rgb) / .08);background:#fffffff5;justify-content:space-between;align-items:center;padding:0 48px;transition:background .35s,border-color .35s,box-shadow .35s;display:flex;position:fixed;top:0;left:0;right:0}.nav--transparent{-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;background:linear-gradient(#040a168c,#040a1600);border-bottom-color:#0000}.nav--transparent .nav-links a{color:#ffffffd1}.nav--transparent .nav-links a:hover,.nav--transparent .nav-logo-text{color:#fff}.nav--transparent .nav-login-btn{color:#fff!important;background:#0a0e1873!important;border-color:#ffffff4d!important}.nav--transparent .nav-login-btn:hover{border-color:#fff!important}.nav-logo{align-items:center;gap:10px;text-decoration:none;display:flex}.nav-logo-icon{object-fit:cover;border-radius:10px;width:36px;height:36px;display:block}.nav-logo-text{color:var(--dark);letter-spacing:-.3px;font-family:Poppins,sans-serif;font-size:1.25rem;font-weight:700}.nav-logo-text span{color:var(--primary)}.nav-links{align-items:center;gap:32px;display:flex}.nav-links a{color:var(--text-light);font-size:.9rem;font-weight:600;text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--primary)}.nav-login-btn{border:1.5px solid var(--gray-200);background:#fff;border-radius:8px;align-items:center;gap:6px;padding:7px 18px;font-size:.9rem;text-decoration:none;display:inline-flex;color:var(--text)!important;font-weight:600!important;transition:border-color .2s,color .2s,box-shadow .2s!important}.nav-login-btn:hover{box-shadow:0 2px 10px rgb(var(--primary-rgb) / .12);border-color:var(--primary)!important;color:var(--primary)!important}.nav-cta{border-radius:8px;padding:8px 20px;background:var(--primary)!important;color:#fff!important;font-weight:600!important;transition:background .2s!important}.nav-cta:hover{background:var(--primary-dark)!important;color:#fff!important}.hero{background:radial-gradient(60% 50% at 72% 18%,#4a90e229,#0000 62%),radial-gradient(50% 60% at 12% 82%,#6ed3cf1a,#0000 60%),linear-gradient(160deg,#060b16 0%,#0a1526 52%,#081a26 100%);justify-content:center;align-items:center;min-height:100vh;padding:100px 48px 60px;display:flex;position:relative;overflow:hidden}.hero-canvas{z-index:1;width:100%;height:100%;position:absolute;inset:0}.hero-vignette{z-index:2;pointer-events:none;background:radial-gradient(#0000 52%,#04081299 100%);position:absolute;inset:0}.hero-content{z-index:3;align-items:center;gap:80px;width:100%;max-width:1200px;display:flex;position:relative}.hero-text{flex:1}.hero-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#cfe4ff;letter-spacing:.6px;text-transform:uppercase;background:#0a0e1873;border:1px solid #ffffff38;border-radius:100px;align-items:center;gap:8px;margin-bottom:24px;padding:6px 16px;font-size:.78rem;font-weight:700;animation:.7s cubic-bezier(.22,1,.36,1) 50ms both hero-rise;display:inline-flex}.hero-badge-dot{background:var(--green);border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.hero h1{color:#fff;letter-spacing:-1.5px;text-shadow:0 2px 36px #0006;margin-bottom:24px;font-size:clamp(2.6rem,5.5vw,4.7rem);font-weight:800;line-height:1.22}.hero h1 .highlight{background:linear-gradient(90deg,#6ed3cf,#5aa8ff,#9b8cff,#6ed3cf) 0 0/300% 100%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}@keyframes highlight-pan{0%{background-position:0%}to{background-position:300%}}.hero-desc{color:#e0ebfcd9;max-width:520px;margin-bottom:40px;font-size:1.125rem;line-height:1.95;animation:.8s cubic-bezier(.22,1,.36,1) .62s both hero-rise}.hero-actions{flex-wrap:wrap;align-items:center;gap:16px;animation:.8s cubic-bezier(.22,1,.36,1) .74s both hero-rise;display:flex}.btn-primary{background:var(--green);color:#fff;cursor:pointer;border:none;border-radius:12px;align-items:center;gap:10px;padding:15px 30px;font-family:Poppins,sans-serif;font-size:1rem;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex;box-shadow:0 4px 20px #7ed95766}.btn-primary:hover{background:var(--green-dark);transform:translateY(-2px);box-shadow:0 8px 28px #7ed95780}.btn-dot{opacity:.9;background:#fff;border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite blink}.btn-secondary{color:var(--dark);border:2px solid var(--gray-200);cursor:pointer;box-shadow:0 2px 10px rgb(var(--primary-rgb) / .08);background:#fff;border-radius:12px;align-items:center;gap:10px;padding:15px 30px;font-family:Poppins,sans-serif;font-size:1rem;font-weight:700;text-decoration:none;transition:border-color .2s,box-shadow .2s,color .2s;display:inline-flex}.btn-secondary:hover{border-color:var(--primary);color:var(--primary);box-shadow:0 6px 20px rgb(var(--primary-rgb) / .18)}.hero-visual{flex-direction:column;flex:0 0 420px;gap:14px;animation:.9s cubic-bezier(.22,1,.36,1) .88s both hero-rise;display:flex}.trust-badges{flex-direction:column;gap:12px;display:flex}.trust-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background:#0a12228c;border:1px solid #ffffff24;border-radius:14px;align-items:center;gap:14px;padding:16px 20px;font-size:.95rem;font-weight:600;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex;box-shadow:0 8px 30px #00000040}.trust-badge:hover{border-color:#6ed3cf99;transform:translate(4px);box-shadow:0 10px 36px #00000059}.trust-check{width:28px;height:28px;color:var(--green-dark);background:#7ed95726;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;display:flex}.features{background:var(--gray-50);padding:100px 48px}.section-header{text-align:center;max-width:620px;margin:0 auto 64px}.section-tag{color:var(--primary);letter-spacing:1px;text-transform:uppercase;align-items:center;gap:6px;margin-bottom:12px;font-size:.78rem;font-weight:700;display:inline-flex}.section-header h2{color:var(--dark);letter-spacing:-.5px;margin-bottom:16px;font-size:clamp(1.9rem,3vw,2.6rem);font-weight:800;line-height:1.15}.section-header p{color:var(--text-light);font-size:1.125rem;line-height:1.85}.features-grid{grid-template-columns:repeat(3,1fr);gap:24px;max-width:1200px;margin:0 auto;display:grid}.feature-card{border:1px solid var(--gray-200);background:#fff;border-radius:20px;padding:32px;transition:transform .25s,box-shadow .25s,border-color .25s}.feature-card:hover{box-shadow:0 12px 40px rgb(var(--primary-rgb) / .12);border-color:var(--primary);transform:translateY(-4px)}.feature-icon{border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:20px;display:flex}.feature-icon.blue{color:var(--primary-dark);background:#e8f2fc}.feature-icon.green{color:var(--green-dark);background:#eafbd8}.feature-icon.purple{color:#7b4fd4;background:#f0eaff}.feature-icon.orange{color:#c2410c;background:#fff3e0}.feature-icon.teal{color:#0d9488;background:#e0f7f6}.feature-icon.rose{color:#c8284a;background:#ffe8ec}.feature-card h3{color:var(--dark);margin-bottom:10px;font-size:1.05rem;font-weight:700}.feature-card p{color:var(--text-light);margin-bottom:20px;font-size:.9rem;line-height:1.7}.feature-link{color:var(--primary);cursor:pointer;background:0 0;border:none;align-items:center;gap:5px;padding:0;font-family:Open Sans,sans-serif;font-size:.85rem;font-weight:700;transition:gap .2s,color .2s;display:inline-flex}.feature-link:hover{color:var(--primary-dark);gap:8px}.how-it-works{background:#fff;padding:100px 48px}.steps{flex-direction:column;gap:0;max-width:860px;margin:0 auto;display:flex;position:relative}.steps:before{content:"";background:linear-gradient(to bottom, var(--primary), var(--accent));opacity:.25;width:2px;position:absolute;top:28px;bottom:28px;left:28px}.step{gap:32px;padding:32px 0;display:flex;position:relative}.step-number{background:linear-gradient(135deg, var(--primary), var(--accent));color:#fff;z-index:1;width:56px;height:56px;box-shadow:0 4px 16px rgb(var(--primary-rgb) / .3);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-family:Poppins,sans-serif;font-size:1.1rem;font-weight:800;display:flex;position:relative}.step-content h3{color:var(--dark);margin-top:12px;margin-bottom:8px;font-size:1.1rem;font-weight:700}.step-content p{color:var(--text-light);font-size:.95rem;line-height:1.7}.testimonials{background:var(--gray-50);padding:100px 48px;position:relative;overflow:hidden}.testimonials:before{content:"";background:radial-gradient(circle, rgb(var(--primary-rgb) / .06) 0%, transparent 70%);border-radius:50%;width:600px;height:600px;position:absolute;top:-200px;right:-200px}.testimonials .section-header h2{color:var(--dark)}.testimonials .section-header p{color:var(--text-light)}.testimonials-grid{grid-template-columns:repeat(3,1fr);gap:24px;max-width:1200px;margin:0 auto;display:grid;position:relative}.testimonial-card{border:1px solid var(--gray-200);box-shadow:0 2px 16px rgb(var(--primary-rgb) / .06);background:#fff;border-radius:20px;padding:28px;transition:border-color .25s,transform .25s,box-shadow .25s}.testimonial-card:hover{border-color:var(--primary);box-shadow:0 8px 32px rgb(var(--primary-rgb) / .12);transform:translateY(-3px)}.testimonial-stars{color:#f5a623;gap:4px;margin-bottom:16px;display:flex}.testimonial-text{color:var(--text);margin-bottom:24px;font-size:.95rem;font-style:italic;line-height:1.75}.testimonial-author{align-items:center;gap:12px;display:flex}.testimonial-avatar{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-family:Poppins,sans-serif;font-size:.9rem;font-weight:700;display:flex}.testimonial-avatar.blue{background:linear-gradient(135deg, var(--primary), var(--accent))}.testimonial-avatar.green{background:linear-gradient(135deg, var(--green), #3dbd8a)}.testimonial-avatar.purple{background:linear-gradient(135deg,#9b6dff,#6d40d4)}.testimonial-name{color:var(--dark);font-size:.9rem;font-weight:700}.testimonial-role{color:var(--text-light);font-size:.8rem}.cta-section{background:linear-gradient(135deg, var(--primary) 0%, var(--accent) 100%);text-align:center;padding:100px 48px;position:relative;overflow:hidden}.cta-section:before{content:"";background:#ffffff12;border-radius:50%;width:400px;height:400px;animation:11s ease-in-out infinite alternate circle-float;position:absolute;top:-100px;left:-100px}.cta-section:after{content:"";background:#ffffff0d;border-radius:50%;width:500px;height:500px;animation:14s ease-in-out infinite alternate-reverse circle-float;position:absolute;bottom:-150px;right:-50px}.cta-section h2{color:#fff;letter-spacing:-.5px;z-index:1;margin-bottom:16px;font-size:clamp(2rem,3.5vw,3rem);font-weight:800;position:relative}.cta-section p{color:#ffffffe0;z-index:1;max-width:500px;margin:0 auto 40px;font-size:1.1rem;line-height:1.7;position:relative}.cta-btn{color:var(--primary-dark);cursor:pointer;z-index:1;background:#fff;border:none;border-radius:12px;align-items:center;gap:8px;padding:16px 36px;font-family:Poppins,sans-serif;font-size:1rem;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex;position:relative;box-shadow:0 4px 20px #00000026}.cta-btn:hover{transform:translateY(-2px);box-shadow:0 8px 30px #00000038}.cta-email{color:#fffc;z-index:1;margin-top:20px;font-size:.95rem;position:relative}footer{background:var(--dark);border-top:1px solid #ffffff0f;padding:48px}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;max-width:1200px;margin:0 auto;display:flex}.footer-brand-cluster{align-items:center;gap:16px;display:flex}.footer-brand-img{mix-blend-mode:lighten;width:auto;height:40px}.footer-copy{color:#ffffff59;font-size:.85rem}.footer-links{gap:24px;display:flex}.footer-link-btn{cursor:pointer;color:#fff6;background:0 0;border:none;padding:0;font-family:Open Sans,sans-serif;font-size:.85rem;transition:color .2s}.footer-link-btn:hover{color:var(--accent)}.view-toggle{background:var(--gray-100);border-radius:10px;gap:2px;padding:3px;display:inline-flex}.view-toggle-btn{color:var(--text-light);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:.82rem;font-weight:600;transition:background .15s,color .15s;display:inline-flex}.view-toggle-btn.active{background:var(--surface);color:var(--primary);box-shadow:0 1px 4px rgb(var(--primary-rgb) / .15)}.footer-social{align-items:center;gap:12px;display:flex}.footer-social-btn{color:#ffffff8c;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;transition:color .2s,background .2s,border-color .2s,transform .2s;display:flex}.footer-social-btn:hover{color:var(--dark);background:var(--accent);border-color:var(--accent);transform:translateY(-2px)}@media (width<=1024px){.features-grid{grid-template-columns:repeat(2,1fr)}.hero-content{gap:48px}.hero-visual{flex:0 0 340px}}@media (width<=768px){.nav{padding:0 24px}.nav-links{display:none}.hero{padding:100px 24px 60px}.hero-content{flex-direction:column;gap:40px}.hero-visual{flex:unset;width:100%}.features{padding:64px 24px}.features-grid{grid-template-columns:1fr}.how-it-works,.testimonials{padding:64px 24px}.testimonials-grid{grid-template-columns:1fr}.cta-section{padding:64px 24px}footer{padding:32px 24px}.footer-inner{flex-direction:column;align-items:flex-start}}[data-theme=dark]{--primary:#60a5fa;--primary-dark:#93c5fd;--primary-light:#60a5fa1f;--primary-rgb:96 165 250;--accent:#67e8f9;--dark:#f1f5f9;--dark-mid:#e2e8f0;--text:#cbd5e1;--text-light:#94a3b8;--white:#0f172a;--gray-50:#1e293b;--gray-100:#1e293b;--gray-200:#334155;--surface:#1e293b;--color-error:#f87171;--color-error-dark:#ef4444;--color-error-rgb:248 113 113;--color-warning:#fbbf24;--cyan:#38bdf8;--cyan-dark:#0ea5e9;--cyan-light:#38bdf81a;--cyan-pale:#0ea5e90f;--cyan-rgb:56 189 248;--purple:#a78bfa;--purple-mid:#8b5cf6;--purple-soft:#c4b5fd;--purple-light:#8b5cf61a;--purple-pale:#7c3aed14;--purple-rgb:167 139 250;--amber-dark:#f59e0b;--amber-deeper:#b45309;--amber-light:#fbbf241f;--amber-pale:#f59e0b14;--amber-rgb:251 191 36;--rose:#fb7185;--rose-dark:#e11d48;--rose-light:#fb71851a;--rose-border:#fb718559;--rose-rgb:251 113 133;--ok-light:#4ade801a;--page-bg:#0f172a;--dark-muted:#64748b;--dark-hover:#273549}[data-theme=dark] .nav{background:#0f172af7;border-bottom-color:#334155}[data-theme=dark] .nav-logo-text{color:#f1f5f9}[data-theme=dark] .nav-links a{color:#94a3b8}[data-theme=dark] .nav-links a:hover{color:#f1f5f9}[data-theme=dark] .nav-login-btn{color:#cbd5e1;background:#1e293b;border-color:#334155}[data-theme=dark] .nav-login-btn:hover{border-color:var(--primary);color:var(--primary)}[data-theme=dark] .trust-badge{color:#f1f5f9;background:#0a122299;border-color:#ffffff1f}[data-theme=dark] .trust-badge:hover{border-color:#6ed3cf99}[data-theme=dark] .trust-check{color:#4ade80;background:#86efac26}[data-theme=dark] .btn-secondary{color:#f1f5f9;background:#1e293b;border-color:#334155}[data-theme=dark] .btn-secondary:hover{border-color:var(--primary);color:var(--primary)}[data-theme=dark] .features{background:#1e293b}[data-theme=dark] .feature-card{background:#0f172a;border-color:#334155}[data-theme=dark] .feature-card:hover{border-color:var(--primary);box-shadow:0 12px 40px rgb(var(--primary-rgb) / .08)}[data-theme=dark] .feature-card h3{color:#f1f5f9}[data-theme=dark] .feature-card p{color:#94a3b8}[data-theme=dark] .feature-link{color:var(--primary)}[data-theme=dark] .feature-icon.blue{background:rgb(var(--primary-rgb) / .1)}[data-theme=dark] .feature-icon.green{background:#86efac1a}[data-theme=dark] .feature-icon.purple{background:#c084fc1a}[data-theme=dark] .feature-icon.orange{background:#fb923c1a}[data-theme=dark] .feature-icon.teal{background:#5eead41a}[data-theme=dark] .feature-icon.rose{background:#fb71851a}[data-theme=dark] .how-it-works{background:#0f172a}[data-theme=dark] .step-content h3{color:#f1f5f9}[data-theme=dark] .step-content p{color:#94a3b8}[data-theme=dark] .section-header h2{color:#f1f5f9}[data-theme=dark] .section-header p{color:#94a3b8}[data-theme=dark] .testimonial-card{background:#ffffff0a;border-color:#ffffff0f}[data-theme=dark] footer{background:#0f172a;border-top-color:#334155}[data-theme=dark] .footer-copy,[data-theme=dark] .footer-links a{color:#475569}[data-theme=dark] .footer-links a:hover{color:#94a3b8}[data-theme=dark] .footer-link-btn{color:#475569}[data-theme=dark] .footer-link-btn:hover{color:#94a3b8}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;background:#0f172a8c;justify-content:center;align-items:center;padding:24px;animation:.15s fade-in;display:flex;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.modal{background:#fff;border-radius:20px;flex-direction:column;width:100%;max-width:1060px;max-height:90vh;animation:.2s slide-up;display:flex;overflow:hidden;box-shadow:0 24px 64px #0f172a33}dialog.modal{color:inherit;border:none;margin:0;padding:0;position:relative;inset:auto}dialog.modal::backdrop{background:0 0}.modal-backdrop-close{z-index:0;cursor:default;background:0 0;border:none;margin:0;padding:0;position:fixed;inset:0}.modal-backdrop>dialog.modal{z-index:1}@keyframes slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}[data-theme=dark] .modal-backdrop{background:#000000b3}[data-theme=dark] .modal{background:var(--surface)}.file-action-btns{justify-content:flex-end;align-items:center;gap:6px;display:flex}.file-delete-btn{border:1.5px solid var(--gray-200);color:var(--text-light);cursor:pointer;background:#fff;border-radius:8px;justify-content:center;align-items:center;padding:5px 8px;transition:border-color .2s,color .2s,background .2s;display:inline-flex}.file-delete-btn:hover{border-color:var(--rose);color:var(--rose);background:#fff1f2}.file-delete-confirm{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;display:flex}.file-delete-confirm-text{color:var(--rose);white-space:nowrap;font-size:.75rem;font-weight:600}.file-delete-confirm-yes{background:var(--color-error);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:8px;align-items:center;gap:4px;padding:5px 11px;font-family:Open Sans,sans-serif;font-size:.75rem;font-weight:700;transition:background .2s;display:inline-flex}.file-delete-confirm-yes:hover:not(:disabled){background:var(--color-error-dark)}.file-delete-confirm-yes:disabled{opacity:.6;cursor:not-allowed}.file-delete-confirm-no{border:1.5px solid var(--gray-200);color:var(--text-light);cursor:pointer;white-space:nowrap;background:0 0;border-radius:8px;align-items:center;padding:5px 11px;font-family:Open Sans,sans-serif;font-size:.75rem;font-weight:600;transition:border-color .2s,color .2s;display:inline-flex}.file-delete-confirm-no:hover{border-color:var(--primary);color:var(--primary)}[data-theme=dark] .file-delete-btn{background:var(--surface);border-color:var(--gray-200);color:var(--dark-muted)}[data-theme=dark] .file-delete-btn:hover{color:#fb7185;background:#fb718514;border-color:#fb7185}[data-theme=dark] .file-delete-confirm-no{border-color:var(--gray-200);color:var(--dark-muted)}.stats-strip{border-bottom:1px solid var(--gray-100);background:#fff;padding:0 48px 44px}.stats-strip-inner{z-index:5;border:1px solid var(--gray-200);background:#fff;border-radius:20px;grid-template-columns:repeat(4,1fr);gap:24px;max-width:1200px;margin:-58px auto 0;padding:30px 20px;display:grid;position:relative;box-shadow:0 24px 64px #050b172e}.stat-item{text-align:center;flex-direction:column;gap:6px;padding:0 16px;display:flex}.stat-item+.stat-item{border-left:1px solid var(--gray-100)}.stat-value{color:var(--primary);letter-spacing:-.5px;font-family:Poppins,sans-serif;font-size:1.45rem;font-weight:800}.stat-label{color:var(--text-light);font-size:.82rem;line-height:1.5}.roi{background:linear-gradient(160deg,#ebf4ff 0%,#f5f7fa 55%,#e4f6f5 100%);padding:100px 48px}.roi-grid{grid-template-columns:repeat(3,1fr);gap:24px;max-width:1200px;margin:0 auto;display:grid}.roi-card{border:1px solid var(--gray-200);background:#fff;border-radius:20px;padding:32px;transition:transform .25s,box-shadow .25s,border-color .25s;position:relative;overflow:hidden}.roi-card:hover{box-shadow:0 12px 40px rgb(var(--primary-rgb) / .14);border-color:var(--primary);transform:translateY(-4px)}.roi-card-num{color:rgb(var(--primary-rgb) / .1);pointer-events:none;font-family:Poppins,sans-serif;font-size:2.6rem;font-weight:800;line-height:1;position:absolute;top:14px;right:22px}.roi-card .feature-icon{border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:20px;display:flex}.roi-card h3{color:var(--dark);margin-bottom:10px;font-size:1.08rem;font-weight:700}.roi-card p{color:var(--text-light);font-size:.9rem;line-height:1.7}.roi-banner{background:linear-gradient(135deg, var(--primary) 0%, var(--accent) 100%);color:#fff;text-align:center;max-width:860px;box-shadow:0 12px 36px rgb(var(--primary-rgb) / .3);background-size:220% 220%;border-radius:16px;justify-content:center;align-items:center;gap:14px;margin:48px auto 0;padding:22px 32px;font-family:Poppins,sans-serif;font-size:1.05rem;font-weight:700;animation:9s infinite grad-pan;display:flex}.roi-banner svg{flex-shrink:0}.compare{background:#fff;padding:100px 48px}.compare-table{border:1px solid var(--gray-200);max-width:860px;box-shadow:0 4px 24px rgb(var(--primary-rgb) / .07);border-radius:20px;margin:0 auto;overflow:hidden}.compare-row{border-top:1px solid var(--gray-100);color:var(--text);grid-template-columns:1fr 130px 130px;align-items:stretch;font-size:.92rem;display:grid}.compare-row>span{align-items:center;padding:14px 24px;display:flex}.compare-row:first-child{border-top:none}.compare-head{background:var(--gray-50);color:var(--dark);font-family:Poppins,sans-serif;font-size:.85rem;font-weight:700}.compare-head .compare-us{color:var(--primary)}.compare-cell{justify-content:center}.compare-us-cell{background:rgb(var(--primary-rgb) / .06)}.compare-yes{color:var(--green-dark)}.compare-no{color:var(--gray-200)}.diff{background:var(--gray-50);padding:100px 48px}.tour{background:#fff;padding:100px 48px}.tour-tabs{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:44px;display:flex}.tour-tab{border:1.5px solid var(--gray-200);color:var(--text-light);cursor:pointer;background:#fff;border-radius:100px;padding:10px 24px;font-family:Poppins,sans-serif;font-size:.9rem;font-weight:600;transition:background .2s,color .2s,border-color .2s,box-shadow .2s}.tour-tab:hover{border-color:var(--primary);color:var(--primary)}.tour-tab.active{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 4px 16px rgb(var(--primary-rgb) / .3)}.tour-panel{grid-template-columns:1.25fr 1fr;align-items:center;gap:56px;max-width:1100px;margin:0 auto;display:grid}.tour-video{aspect-ratio:16/9;object-fit:contain;border:1px solid var(--gray-200);width:100%;box-shadow:0 16px 48px rgb(var(--primary-rgb) / .15);background:#0f172a;border-radius:20px;display:block}.tour-points{flex-direction:column;gap:20px;list-style:none;display:flex}.tour-point{color:var(--text);align-items:flex-start;gap:14px;font-size:.98rem;line-height:1.65;display:flex}.trust-section{background:#1e293b;padding:100px 48px;position:relative;overflow:hidden}.trust-section .section-header h2{color:#fff}.trust-section .section-header p{color:#ffffffb3}.trust-section .section-tag{color:#7df3ff}.trust-grid{grid-template-columns:repeat(3,1fr);gap:24px;max-width:1200px;margin:0 auto;display:grid}.trust-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;padding:26px;transition:border-color .2s,background .2s}.trust-card:hover{background:#ffffff14;border-color:#7df3ff80}.trust-card-icon{color:#7df3ff;margin-bottom:14px}.trust-card h3{color:#fff;margin-bottom:8px;font-size:1rem;font-weight:700}.trust-card p{color:#ffffffa6;font-size:.88rem;line-height:1.7}.pricing{background:#fff;padding:100px 48px}.pricing-toggle{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-bottom:44px;display:flex}.pricing-hint{color:var(--green-dark);font-size:.8rem;font-weight:600}.pricing-grid{grid-template-columns:repeat(4,1fr);align-items:stretch;gap:20px;max-width:1200px;margin:0 auto;display:grid}.price-card{border:1px solid var(--gray-200);background:#fff;border-radius:20px;flex-direction:column;padding:28px 24px;transition:transform .25s,box-shadow .25s,border-color .25s;display:flex;position:relative}.price-card:hover{box-shadow:0 12px 40px rgb(var(--primary-rgb) / .12);border-color:var(--primary);transform:translateY(-4px)}.price-card.popular{border:2px solid var(--primary);box-shadow:0 12px 40px rgb(var(--primary-rgb) / .16)}.price-badge{background:var(--primary);color:#fff;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap;border-radius:100px;padding:4px 14px;font-family:Poppins,sans-serif;font-size:.7rem;font-weight:700;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.price-card h3{color:var(--text-light);text-transform:uppercase;letter-spacing:1px;margin-bottom:14px;font-size:1rem;font-weight:700}.price-value{align-items:baseline;gap:5px;display:flex}.price-amount{color:var(--dark);letter-spacing:-.5px;font-family:Poppins,sans-serif;font-size:1.85rem;font-weight:800}.price-period{color:var(--text-light);font-size:.85rem;font-weight:600}.price-vat{color:var(--text-light);margin-bottom:20px;font-size:.75rem}.price-features{flex-direction:column;flex:1;gap:11px;margin-bottom:24px;list-style:none;display:flex}.price-features li{color:var(--text);align-items:center;gap:9px;font-size:.88rem;display:flex}.price-features li svg{color:var(--primary);flex-shrink:0}.price-cta{border:1.5px solid var(--gray-200);color:var(--dark);background:#fff;border-radius:10px;justify-content:center;align-items:center;padding:11px 16px;font-family:Poppins,sans-serif;font-size:.9rem;font-weight:700;text-decoration:none;transition:border-color .2s,color .2s,background .2s,box-shadow .2s;display:flex}.price-cta:hover{border-color:var(--primary);color:var(--primary);box-shadow:0 4px 14px rgb(var(--primary-rgb) / .15)}.price-cta--primary{background:var(--primary);border-color:var(--primary);color:#fff}.price-cta--primary:hover{background:var(--primary-dark);border-color:var(--primary-dark);color:#fff}.pricing-custom{text-align:center;color:var(--text-light);margin-top:36px;font-size:.92rem}.pricing-custom a{color:var(--primary);font-weight:700;text-decoration:none}.pricing-custom a:hover{text-decoration:underline}.faq{background:var(--gray-50);padding:100px 48px}.faq-list{flex-direction:column;gap:12px;max-width:760px;margin:0 auto;display:flex}.faq-item{border:1px solid var(--gray-200);background:#fff;border-radius:14px;transition:border-color .2s,box-shadow .2s;overflow:hidden}.faq-item.open{border-color:var(--primary);box-shadow:0 4px 20px rgb(var(--primary-rgb) / .1)}.faq-q{cursor:pointer;width:100%;color:var(--dark);text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;font-family:Poppins,sans-serif;font-size:.95rem;font-weight:600;display:flex}.faq-chevron{color:var(--text-light);flex-shrink:0;transition:transform .2s,color .2s}.faq-item.open .faq-chevron{color:var(--primary);transform:rotate(180deg)}.faq-a{color:var(--text-light);padding:0 22px 20px;font-size:.9rem;line-height:1.75}.demo-form{z-index:1;text-align:left;background:#fff;border-radius:20px;max-width:640px;margin:0 auto;padding:32px;position:relative;box-shadow:0 24px 64px #0000002e}.demo-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px;display:grid}.demo-field{flex-direction:column;gap:6px;display:flex}.demo-field label{color:var(--dark);font-size:.8rem;font-weight:700}.demo-field input{border:1.5px solid var(--gray-200);color:var(--text);background:#fff;border-radius:10px;padding:11px 14px;font-family:Open Sans,sans-serif;font-size:.92rem;transition:border-color .2s}.demo-field input:focus{border-color:var(--primary);outline:none}.demo-consent{color:var(--text);align-items:flex-start;gap:8px;margin-bottom:16px;font-size:.82rem;line-height:1.5;display:flex}.demo-consent input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary);cursor:pointer;flex-shrink:0;margin-top:3px}.demo-consent-link{color:var(--primary);font-weight:700;font-size:inherit;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.demo-consent-error{color:var(--color-error);margin-top:4px;font-weight:600;display:inline-block}.demo-consent-error .demo-consent-link{color:var(--color-error)}.demo-submit{justify-content:center;width:100%}.demo-submit:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.demo-note{text-align:center;color:var(--text-light)!important;max-width:none!important;margin:14px 0 0!important;font-size:.78rem!important}.demo-alt{z-index:1;position:relative;color:#ffffffd9!important;margin:28px auto 0!important;font-size:.9rem!important}.demo-alt a{color:#fff;align-items:center;gap:5px;font-weight:700;display:inline-flex}[data-theme=dark] .stats-strip{background:#0f172a;border-bottom-color:#1e293b}[data-theme=dark] .stats-strip-inner{background:#1e293b;border-color:#334155;box-shadow:0 24px 64px #00000073}[data-theme=dark] .stat-item+.stat-item{border-left-color:#334155}[data-theme=dark] .roi{background:linear-gradient(160deg,#0f172a 0%,#1e293b 55%,#0c2a3a 100%)}[data-theme=dark] .roi-card{background:#0f172a;border-color:#334155}[data-theme=dark] .roi-card:hover{border-color:var(--primary);box-shadow:0 12px 40px rgb(var(--primary-rgb) / .08)}[data-theme=dark] .roi-card h3{color:#f1f5f9}[data-theme=dark] .roi-card p{color:#94a3b8}[data-theme=dark] .roi-banner{color:#0f172a}[data-theme=dark] .compare{background:#0f172a}[data-theme=dark] .compare-table{box-shadow:none;border-color:#334155}[data-theme=dark] .compare-row{color:#cbd5e1;border-top-color:#1e293b}[data-theme=dark] .compare-head{color:#f1f5f9;background:#1e293b}[data-theme=dark] .compare-no{color:#334155}[data-theme=dark] .compare-yes{color:#4ade80}[data-theme=dark] .diff{background:#1e293b}[data-theme=dark] .tour{background:#0f172a}[data-theme=dark] .tour-tab{color:#94a3b8;background:#1e293b;border-color:#334155}[data-theme=dark] .tour-tab:hover{border-color:var(--primary);color:var(--primary)}[data-theme=dark] .tour-tab.active{background:var(--primary);border-color:var(--primary);color:#0f172a}[data-theme=dark] .tour-video{border-color:#334155}[data-theme=dark] .tour-point{color:#cbd5e1}[data-theme=dark] .pricing{background:#0f172a}[data-theme=dark] .price-card{background:#1e293b;border-color:#334155}[data-theme=dark] .price-card.popular{border-color:var(--primary)}[data-theme=dark] .price-amount{color:#f1f5f9}[data-theme=dark] .price-card h3{color:#94a3b8}[data-theme=dark] .price-features li{color:#cbd5e1}[data-theme=dark] .price-badge{color:#0f172a}[data-theme=dark] .price-cta{color:#f1f5f9;background:#0f172a;border-color:#334155}[data-theme=dark] .price-cta:hover{border-color:var(--primary);color:var(--primary)}[data-theme=dark] .price-cta--primary{background:var(--primary);border-color:var(--primary);color:#0f172a}[data-theme=dark] .pricing-hint{color:#4ade80}[data-theme=dark] .faq{background:#1e293b}[data-theme=dark] .faq-item{background:#0f172a;border-color:#334155}[data-theme=dark] .faq-item.open{border-color:var(--primary)}[data-theme=dark] .faq-q{color:#f1f5f9}[data-theme=dark] .demo-form{background:#1e293b}[data-theme=dark] .demo-field label,[data-theme=dark] .demo-consent{color:#f1f5f9}[data-theme=dark] .demo-field input{color:#cbd5e1;background:#0f172a;border-color:#334155}@media (width<=1024px){.trust-grid,.roi-grid,.pricing-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.stats-strip{padding:0 24px 36px}.stats-strip-inner{grid-template-columns:repeat(2,1fr);gap:20px;margin-top:-44px}.stat-item+.stat-item{border-left:none}.roi{padding:64px 24px}.roi-grid{grid-template-columns:1fr}.roi-banner{flex-direction:column;gap:10px;padding:20px 22px;font-size:.95rem}.compare{padding:64px 24px}.compare-row{grid-template-columns:1fr 64px 64px;font-size:.85rem}.compare-row>span{padding:12px 14px}.diff,.tour{padding:64px 24px}.tour-panel{grid-template-columns:1fr;gap:28px}.trust-section{padding:64px 24px}.trust-grid{grid-template-columns:1fr}.pricing{padding:64px 24px}.pricing-grid{grid-template-columns:1fr}.faq{padding:64px 24px}.demo-grid{grid-template-columns:1fr}}@keyframes hero-rise{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}.hero-line{opacity:0;animation:.9s cubic-bezier(.22,1,.36,1) both line-in;display:block}.hero-line-1{animation-delay:.15s}.hero-line-2{animation-delay:.32s}.hero-line-3{animation-delay:.49s}.hero-line-2.highlight{animation:.9s cubic-bezier(.22,1,.36,1) .32s both line-in,7s linear .32s infinite highlight-pan}@keyframes line-in{0%{opacity:0;filter:blur(12px);transform:translateY(36px)}to{opacity:1;filter:blur();transform:none}}.hero--intro .hero-badge{animation-delay:1.15s}.hero--intro .hero-line-1{animation-delay:1.3s}.hero--intro .hero-line-2{animation-delay:1.47s}.hero--intro .hero-line-2.highlight{animation:.9s cubic-bezier(.22,1,.36,1) 1.47s both line-in,7s linear 1.47s infinite highlight-pan}.hero--intro .hero-line-3{animation-delay:1.64s}.hero--intro .hero-desc{animation-delay:1.8s}.hero--intro .hero-actions{animation-delay:1.92s}.hero--intro .hero-visual{animation-delay:2.05s}.hero-intro{z-index:6;pointer-events:none;background:#02050c;justify-content:center;align-items:center;animation:.9s 1.05s forwards intro-out;display:flex;position:absolute;inset:0}.hero-intro-wave{width:220px;height:56px;overflow:visible}.hero-intro-wave-line{fill:none;stroke:#7df3ff;stroke-width:2.5px;stroke-linecap:round;filter:drop-shadow(0 0 10px #7df3ffcc);stroke-dasharray:1;stroke-dashoffset:1px;animation:1.1s cubic-bezier(.65,0,.35,1) forwards intro-wave-draw}.hero-intro-wave-line--soft{stroke:#5aa8ff80;stroke-width:1.6px;filter:none;animation-delay:80ms}@keyframes intro-wave-draw{to{stroke-dashoffset:0}}@keyframes intro-out{to{opacity:0;visibility:hidden}}.hero-bar{z-index:4;pointer-events:none;background:#02050c;height:clamp(30px,5.5vh,58px);position:absolute;left:0;right:0}.hero-bar--top{transform-origin:top;animation:1.4s cubic-bezier(.22,1,.36,1) .15s both bar-in;top:0}.hero-bar--bottom{transform-origin:bottom;animation:1.4s cubic-bezier(.22,1,.36,1) .15s both bar-in;bottom:0}@keyframes bar-in{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.hero-grain{z-index:2;pointer-events:none;opacity:.07;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/></filter><rect width='160' height='160' filter='url(%23n)'/></svg>");animation:.9s steps(8,end) infinite grain-shift;position:absolute;inset:-140px}@keyframes grain-shift{0%{transform:translate(0)}12.5%{transform:translate(-28px,14px)}25%{transform:translate(18px,-22px)}37.5%{transform:translate(-14px,-26px)}50%{transform:translate(26px,10px)}62.5%{transform:translate(-24px,22px)}75%{transform:translate(12px,-14px)}87.5%{transform:translate(-8px,8px)}to{transform:translate(0)}}.hero-scroll-cue{z-index:5;color:#fff9;transition:color .2s;animation:2.2s ease-in-out infinite cue-bob;display:flex;position:absolute;bottom:calc(clamp(30px,5.5vh,58px) + 18px);left:50%;transform:translate(-50%)}.hero-scroll-cue:hover{color:#fff}@keyframes cue-bob{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,8px)}}.hp-reveal{opacity:0;transition:opacity .7s,transform .7s cubic-bezier(.22,1,.36,1);transform:translateY(26px)}.hp-reveal.hp-in{opacity:1;transform:none}@keyframes grad-pan{0%,to{background-position:0%}50%{background-position:100%}}.trust-section:before,.trust-section:after{content:"";pointer-events:none;border-radius:50%;position:absolute}.trust-section:before{background:radial-gradient(circle,#7df3ff21 0%,#0000 70%);width:560px;height:560px;top:-220px;right:-160px}.trust-section:after{background:radial-gradient(circle,#5aa8ff1f 0%,#0000 70%);width:520px;height:520px;bottom:-240px;left:-140px}.trust-section .section-header,.trust-grid{z-index:1;position:relative}@keyframes circle-float{0%{transform:translateY(0)}to{transform:translateY(36px)}}@media (prefers-reduced-motion:reduce){.hero-badge,.hero-desc,.hero-actions,.hero-visual,.hero h1 .highlight,.hero-scroll-cue,.hero-line,.hero-bar,.hero-grain,.roi-banner,.cta-section:before,.cta-section:after,.hero-badge-dot,.btn-dot{animation:none!important}.hero-line{opacity:1!important;filter:none!important;transform:none!important}.hero-bar{transform:scaleY(1)!important}.hero-intro{display:none}.hp-reveal{opacity:1!important;transition:none!important;transform:none!important}}.showcase{background:radial-gradient(70% 55% at 50% 0,#38bdf814,#0000 60%),linear-gradient(#060b16 0%,#04080f 50%,#02050c 100%);padding:120px 48px 150px;position:relative;overflow:hidden}.showcase .section-header h2{color:#f4f8ff}.showcase .section-header p{color:#c8dcf599}.showcase .section-tag{color:#7df3ff}.showcase-stage{flex-direction:column;gap:72px;max-width:920px;margin:0 auto;display:flex}.neo-panel{border:1px solid rgb(125 243 255/calc(.1 + .18 * var(--panel-glow,1)));box-shadow:0 0 90px rgb(56 189 248/calc(.04 + .14 * var(--panel-glow,1))), 0 40px 120px #0009;will-change:transform, opacity;background:linear-gradient(168deg,#0d1728f0,#060b15f7);border-radius:18px;position:relative;overflow:hidden}.neo-panel:before{content:"";background:linear-gradient(90deg, transparent, rgb(125 243 255/calc(.65 * var(--panel-glow,1))), transparent);height:1px;position:absolute;top:0;left:8%;right:8%}.mock-topbar{border-bottom:1px solid #7df3ff14;align-items:center;gap:7px;padding:13px 18px;display:flex}.mock-dot{background:#a0bedc2e;border-radius:50%;width:9px;height:9px}.mock-title{letter-spacing:.4px;color:#c8dcf573;margin-left:10px;font-size:.72rem;font-weight:600}.mock-body{flex-direction:column;gap:16px;padding:22px;display:flex}.mock-kpis{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.mock-kpi{background:#7df3ff0a;border:1px solid #7df3ff1a;border-radius:12px;flex-direction:column;gap:6px;padding:14px 16px;display:flex}.mock-label{letter-spacing:.6px;text-transform:uppercase;color:#c8dcf573;font-size:.68rem;font-weight:700}.mock-value{color:#e9fcff;text-shadow:0 0 18px #7df3ff59;font-family:Poppins,sans-serif;font-size:1.3rem;font-weight:800}.mock-today{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.mock-mini{background:#7df3ff08;border:1px solid #7df3ff14;border-radius:10px;flex-direction:column;align-items:center;gap:4px;padding:12px;display:flex}.mock-mini-value{color:#e9fcff;text-shadow:0 0 14px #7df3ff4d;font-family:Poppins,sans-serif;font-size:1.05rem;font-weight:800}.mock-mini-label{color:#c8dcf580;font-size:.68rem}.mock-duo{grid-template-columns:1fr 1.2fr;gap:12px;display:grid}.mock-widget{background:#7df3ff08;border:1px solid #7df3ff17;border-radius:12px;flex-direction:column;gap:10px;padding:14px 16px;display:flex}.mock-donut-wrap{align-items:center;gap:18px;display:flex}.mock-donut{background:conic-gradient(#4ade80 0 86%, #fb7185 86% 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:104px;height:104px;display:flex;position:relative;box-shadow:0 0 24px #4ade8038}.mock-donut:before{content:"";background:#0a1424;border-radius:50%;position:absolute;inset:15px}.mock-donut span{color:#e9fcff;font-family:Poppins,sans-serif;font-size:1rem;font-weight:800;position:relative}.mock-legend{color:#c8dcf599;gap:16px;font-size:.74rem;display:flex}.mock-legend--col{flex-direction:column;gap:8px}.mock-legend span{align-items:center;display:inline-flex}.mock-led{border-radius:50%;width:8px;height:8px;margin-right:7px;display:inline-block}.mock-led--green{background:#4ade80;box-shadow:0 0 8px #4ade80b3}.mock-led--rose{background:#fb7185;box-shadow:0 0 8px #fb7185b3}.mock-led--cyan{background:#7df3ff;box-shadow:0 0 8px #7df3ffb3}.mock-led--amber{background:#fbbf24;box-shadow:0 0 8px #fbbf24b3}.mock-bars{align-items:flex-end;gap:24px;padding-top:6px;display:flex}.mock-bar-group{flex-direction:column;align-items:center;gap:6px;display:flex}.mock-bar-pair{align-items:flex-end;gap:5px;height:72px;display:flex}.mock-bar{border-radius:4px 4px 0 0;width:14px}.mock-bar--cyan{background:linear-gradient(#7df3ff,#7df3ff59);box-shadow:0 0 10px #7df3ff59}.mock-bar--purple{background:linear-gradient(#a78bfa,#a78bfa4d)}.mock-bar--amber{background:linear-gradient(#fbbf24,#fbbf244d)}.mock-chart{width:100%;height:110px;display:block}.mock-grid line{stroke:#7df3ff12;stroke-width:1px}.mock-area{fill:#7df3ff14}.mock-line{fill:none;stroke:#7df3ff;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 6px #7df3ff99)}.mock-warns{flex-wrap:wrap;gap:12px;display:flex}.mock-warn{color:#fde68a;background:#291e0899;border:1px solid #fbbf2466;border-radius:10px;padding:9px 14px;font-size:.78rem;display:inline-flex;box-shadow:0 0 16px #fbbf241f}.mock-warn--rose{color:#fecdd3;background:#280c1099;border-color:#fb718566;box-shadow:0 0 16px #fb71851f}.mock-warn--cyan{color:#cfeeff;background:#061e2299;border-color:#7df3ff66;box-shadow:0 0 16px #7df3ff1f}@media (width<=768px){.showcase{padding:72px 24px 90px}.showcase-stage{gap:44px}.mock-kpis,.mock-today{grid-template-columns:repeat(2,1fr)}.mock-duo{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.neo-panel{opacity:1!important;transform:none!important}}.tour-shot{text-align:left;width:100%}.mock-cal-head{justify-content:space-between;align-items:center;display:flex}.mock-cal-title{color:#e9fcff;font-family:Poppins,sans-serif;font-size:1rem;font-weight:800;display:block}.mock-cal-month{color:#c8dcf599;font-size:.78rem;font-weight:700}.mock-cal-grid{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.mock-cal-dow{text-transform:uppercase;letter-spacing:.5px;color:#c8dcf566;text-align:center;padding:4px 0;font-size:.6rem;font-weight:700}.mock-cal-cell{background:#7df3ff05;border:1px solid #7df3ff0f;border-radius:6px;flex-direction:column;gap:3px;min-height:46px;padding:4px;display:flex;overflow:hidden}.mock-cal-cell i{color:#c8dcf58c;font-size:.62rem;font-style:normal}.mock-cal-cell.out i{color:#c8dcf533}.mock-cal-cell.today{border-color:#7df3ff73;box-shadow:0 0 12px #7df3ff26}.mock-cal-cell.today i{color:#7df3ff;font-weight:700}.mock-cal-cell em{color:#cfeeff;white-space:nowrap;text-overflow:ellipsis;background:#061e22a6;border-left:2px solid #7df3ff;border-radius:3px;padding:2px 4px;font-size:.56rem;font-style:normal;overflow:hidden}.mock-profile{align-items:center;gap:12px;display:flex}.mock-avatar{color:#04121e;background:linear-gradient(135deg,#7df3ff,#5aa8ff);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-family:Poppins,sans-serif;font-size:1.1rem;font-weight:800;display:flex;box-shadow:0 0 18px #7df3ff59}.mock-profile-name{color:#e9fcff;font-family:Poppins,sans-serif;font-size:1.05rem;font-weight:800;display:block}.mock-fields{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.mock-field{background:#7df3ff08;border:1px solid #7df3ff14;border-radius:10px;flex-direction:column;gap:4px;padding:10px 12px;display:flex}.mock-field-value{color:#dff6ff;font-size:.82rem;font-weight:600}.mock-table{flex-direction:column;gap:8px;display:flex}.mock-trow{background:#ffffff05;border:1px solid #7df3ff0f;border-radius:8px;grid-template-columns:84px 1fr auto;align-items:center;gap:10px;padding:9px 12px;font-size:.78rem;display:grid}.mock-trow-date{color:#c8dcf58c}.mock-trow-reason{color:#d7e8facc}.mock-chip{color:#7df3ff;white-space:nowrap;background:#061e22b3;border:1px solid #7df3ff4d;border-radius:100px;padding:3px 10px;font-size:.68rem;font-weight:700}.mock-chip--done{color:#4ade80;background:#081e10b3;border-color:#4ade804d}@media (width<=768px){.mock-fields{grid-template-columns:1fr}.mock-cal-cell{min-height:34px}.mock-cal-cell em{display:none}}.dashboard{background:var(--gray-50);min-height:100vh;display:flex}.sidebar{background:var(--dark);z-index:50;flex-direction:column;flex-shrink:0;width:240px;padding:24px 0;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-logo{border-bottom:1px solid #ffffff12;align-items:center;gap:10px;margin-bottom:16px;padding:0 20px 28px;display:flex}.sidebar-logo-icon{object-fit:cover;border-radius:9px;flex-shrink:0;width:34px;height:34px;display:block}.sidebar-logo-text{color:#fff;font-family:Poppins,sans-serif;font-size:1.15rem;font-weight:700}.sidebar-logo-text span{color:var(--primary)}.sidebar-nav{flex-direction:column;flex:1;gap:4px;padding:0 12px;display:flex}.sidebar-nav-item{text-align:left;color:#ffffffb8;cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:12px;width:100%;padding:10px 12px;font-family:inherit;font-size:.9rem;font-weight:600;transition:background .2s,color .2s;display:flex}.sidebar-nav-item:hover{color:#ffffffd9;background:#ffffff0f}.sidebar-nav-item.active{background:rgb(var(--primary-rgb) / .15);color:var(--primary)}.sidebar-nav-item--bug{margin-top:auto}.sidebar-nav-item--bug:hover{background:rgb(var(--color-error-rgb) / .12);color:#fca5a5}.dashboard-main{flex-direction:column;flex:1;min-height:100vh;margin-left:240px;display:flex}.topbar{z-index:40;background:var(--surface);border-bottom:1px solid var(--gray-200);flex-shrink:0;justify-content:flex-end;align-items:center;height:64px;padding:0 40px;display:flex;position:sticky;top:0}.topbar-right{align-items:center;gap:12px;display:flex}.topbar-divider{background:var(--gray-200);flex-shrink:0;width:1px;height:28px}.topbar-user{align-items:center;gap:10px;display:flex}.topbar-user-clickable{cursor:pointer;font:inherit;color:inherit;background:0 0;border:none;border-radius:10px;margin:-4px -8px;padding:4px 8px;transition:background .18s}.topbar-user-clickable:hover{background:var(--gray-100)}.topbar-avatar{background:linear-gradient(135deg, var(--primary), var(--accent));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:.85rem;font-weight:700;display:flex}.topbar-user-info{flex-direction:column;display:flex}.topbar-user-name{color:var(--dark);white-space:nowrap;font-size:.85rem;font-weight:700;line-height:1.2}.topbar-user-role{color:var(--text-light);font-size:.72rem;font-weight:500}.topbar-logout{border:1.5px solid var(--gray-200);width:36px;height:34px;color:var(--text-light);cursor:pointer;background:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:border-color .2s,color .2s,background .2s;display:flex}.topbar-logout:hover{border-color:var(--rose-border);color:var(--rose);background:var(--rose-light)}.dashboard-content{flex-direction:column;flex:1;gap:24px;padding:36px 40px;display:flex}.dashboard-header h1{color:var(--dark);letter-spacing:-.5px;font-size:1.7rem;font-weight:800}.dashboard-subtitle{color:var(--text-light);margin-top:4px;font-size:.9rem}.table-toolbar{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.search-box{border:1.5px solid var(--gray-200);max-width:380px;height:42px;color:var(--text-light);background:#fff;border-radius:10px;flex:1;align-items:center;gap:10px;padding:0 14px;transition:border-color .2s,box-shadow .2s;display:flex}.search-box:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px rgb(var(--primary-rgb) / .1);color:var(--text)}.search-box input{color:var(--dark);background:0 0;border:none;outline:none;width:100%;font-family:Open Sans,sans-serif;font-size:.9rem}.search-box input::placeholder{color:var(--gray-200)}.size-select-wrap{color:var(--text-light);white-space:nowrap;align-items:center;gap:8px;font-size:.85rem;font-weight:500;display:flex}.size-select-wrap select{border:1.5px solid var(--gray-200);height:38px;color:var(--dark);cursor:pointer;background:#fff;border-radius:8px;outline:none;padding:0 10px;font-family:Open Sans,sans-serif;font-size:.85rem}.filter-tabs{border:1.5px solid var(--gray-200);border-radius:10px;flex-shrink:0;align-items:center;display:flex;overflow:hidden}.filter-tab{border:none;border-right:1.5px solid var(--gray-200);height:38px;color:var(--text-light);cursor:pointer;white-space:nowrap;background:#fff;padding:0 16px;font-family:Poppins,sans-serif;font-size:.8rem;font-weight:600;transition:background .15s,color .15s}.filter-tab:last-child{border-right:none}.filter-tab:hover{background:var(--gray-50);color:var(--dark)}.filter-tab.active{background:var(--primary);color:#fff}[data-theme=dark] .filter-tabs{border-color:var(--gray-200)}[data-theme=dark] .filter-tab{background:var(--surface);border-right-color:var(--gray-200);color:var(--dark-muted)}[data-theme=dark] .filter-tab:hover{background:var(--dark-hover);color:var(--dark)}[data-theme=dark] .filter-tab.active{background:var(--primary);color:#fff}.new-patient-btn{background:var(--primary);color:#fff;cursor:pointer;white-space:nowrap;height:42px;box-shadow:0 3px 10px rgb(var(--primary-rgb) / .25);border:none;border-radius:10px;flex-shrink:0;align-items:center;gap:7px;padding:0 18px;font-family:Poppins,sans-serif;font-size:.85rem;font-weight:700;transition:background .2s,box-shadow .2s;display:inline-flex}.new-patient-btn:hover{background:var(--primary-dark);box-shadow:0 4px 14px rgb(var(--primary-rgb) / .35)}.table-wrap{border:1px solid var(--gray-200);-webkit-overflow-scrolling:touch;background:#fff;border-radius:16px;overflow-x:auto}.table-error{background:var(--rose-light);color:var(--rose-dark);border-bottom:1px solid var(--rose-border);padding:14px 20px;font-size:.9rem;font-weight:600}.patients-table{border-collapse:collapse;width:100%}.patients-table thead tr{background:var(--gray-50);border-bottom:1px solid var(--gray-200)}.patients-table th{text-align:left;color:var(--text-light);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;padding:12px 16px;font-size:.78rem;font-weight:700}.patients-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .2s}.patients-table th.sortable:hover{color:var(--primary)}.patients-table tbody tr{border-bottom:1px solid var(--gray-100);transition:background .15s}.patients-table tbody tr:last-child{border-bottom:none}.patients-table tbody tr:hover{background:var(--gray-50)}.patients-table td{color:var(--dark);padding:14px 16px;font-size:.9rem}.col-tc{letter-spacing:.5px;width:140px;font-family:Courier New,monospace;font-size:.85rem!important}.col-name{font-weight:600}.col-actions{text-align:right;white-space:nowrap}.actions-wrap{justify-content:flex-end;align-items:center;gap:3px;display:flex}.action-btn{border:1.5px solid var(--gray-200);background:var(--surface);width:28px;height:28px;color:var(--text-light);cursor:pointer;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:border-color .15s,color .15s,background .15s;display:inline-flex}.action-btn:not(:disabled):hover{border-color:var(--action-color,var(--primary));color:var(--action-color,var(--primary));background:var(--action-bg,var(--primary-light))}.action-btn:disabled{opacity:.5;cursor:not-allowed}[data-theme=dark] .action-btn{background:var(--surface);border-color:var(--gray-200);color:var(--dark-muted)}.pagination{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.badge-upcoming{background:var(--cyan-light);color:var(--cyan-dark);border-radius:100px;align-items:center;padding:3px 10px;font-size:.75rem;font-weight:700;display:inline-flex}.ap-date-upcoming{font-weight:600;color:var(--cyan-dark)!important}@media (width<=768px){.sidebar{transition:transform .25s;transform:translate(-100%)}.sidebar--open{transform:translate(0)}.dashboard-main{margin-left:0}.topbar{justify-content:space-between;padding:0 14px}.topbar-hamburger{display:flex}.dashboard-content{padding:20px 14px}.dashboard-header{margin-bottom:20px}.dashboard-header h1{font-size:1.4rem}.patients-table{min-width:600px}}@media (width<=480px){.topbar-user-info,.topbar-divider:last-of-type{display:none}.dashboard-content{padding:16px 12px}.new-patient-btn span{display:none}}[data-theme=dark] .sidebar{background:#0d1b2e}[data-theme=dark] .dashboard,[data-theme=dark] .dashboard-main{background:var(--page-bg)}[data-theme=dark] .dashboard-header h1{color:var(--dark)}[data-theme=dark] .dashboard-subtitle{color:var(--dark-muted)}[data-theme=dark] .topbar{border-bottom-color:var(--gray-200)}[data-theme=dark] .topbar-divider{background:var(--gray-200)}[data-theme=dark] .topbar-user-name{color:var(--dark)}[data-theme=dark] .topbar-user-role{color:var(--dark-muted)}[data-theme=dark] .topbar-user-clickable:hover{background:var(--surface)}[data-theme=dark] .topbar-logout{background:var(--surface);border-color:var(--gray-200);color:var(--dark-muted)}[data-theme=dark] .topbar-logout:hover{border-color:var(--color-error);color:var(--color-error);background:#f871711a}[data-theme=dark] .new-patient-btn{background:var(--primary);box-shadow:0 3px 10px rgb(var(--primary-rgb) / .3)}[data-theme=dark] .new-patient-btn:hover{background:var(--primary-dark)}[data-theme=dark] .search-box{background:var(--surface);border-color:var(--gray-200);color:var(--text-light)}[data-theme=dark] .search-box:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px rgb(var(--primary-rgb) / .1)}[data-theme=dark] .search-box input{color:var(--dark)}[data-theme=dark] .search-box input::placeholder{color:#475569}[data-theme=dark] .size-select-wrap{color:var(--text-light)}[data-theme=dark] .size-select-wrap select{background:var(--surface);border-color:var(--gray-200);color:var(--dark)}[data-theme=dark] .table-wrap{background:var(--surface);border-color:var(--gray-200)}[data-theme=dark] .patients-table thead tr{background:var(--surface);border-bottom-color:var(--gray-200)}[data-theme=dark] .patients-table th{color:var(--dark-muted)}[data-theme=dark] .patients-table tbody tr{border-bottom-color:var(--surface)}[data-theme=dark] .patients-table tbody tr:hover{background:var(--dark-hover)}[data-theme=dark] .patients-table td{color:var(--dark)}[data-theme=dark] .action-btn:not(:disabled):hover{background:#ffffff0f}[data-theme=dark] .badge-upcoming{background:rgb(var(--cyan-rgb) / .12);color:var(--cyan)}[data-theme=dark] .ap-date-upcoming{color:var(--cyan)!important}.history-btn:hover{border-color:var(--purple);color:var(--purple);background:var(--purple-light);box-shadow:0 2px 8px rgb(var(--purple-rgb) / .12)}.pdf-btn{border:1.5px solid var(--gray-200);color:var(--text);cursor:pointer;white-space:nowrap;background:#fff;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-family:Open Sans,sans-serif;font-size:.8rem;font-weight:600;transition:border-color .2s,color .2s,background .2s,box-shadow .2s;display:inline-flex}.pdf-btn:hover:not(:disabled){border-color:var(--amber-deeper);color:var(--amber-deeper);background:var(--amber-light);box-shadow:0 2px 8px #b453091f}.pdf-btn:disabled{opacity:.6;cursor:not-allowed}[data-theme=dark] .history-btn{background:var(--surface);color:var(--text)}[data-theme=dark] .pdf-btn{background:var(--surface);color:var(--text)}[data-theme=dark] .pdf-btn:hover:not(:disabled){border-color:var(--color-warning);color:var(--color-warning);background:#b453091a}.patient-name-link{font:inherit;color:var(--primary);cursor:pointer;text-underline-offset:2px;background:0 0;border:none;padding:0;font-weight:600;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;transition:text-decoration-color .2s}.patient-name-link:hover{-webkit-text-decoration-color:var(--primary);text-decoration-color:var(--primary)}[data-theme=dark] .patient-name-link{color:var(--primary-light,#818cf8)}.modal-header{border-bottom:1px solid var(--gray-200);flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-header-actions{align-items:center;gap:10px;display:flex}.add-btn{border:1.5px solid var(--primary);color:var(--primary);cursor:pointer;background:#fff;border-radius:9px;align-items:center;gap:6px;padding:8px 16px;font-family:Poppins,sans-serif;font-size:.85rem;font-weight:700;transition:background .2s,color .2s,box-shadow .2s;display:inline-flex}.add-btn:hover,.add-btn--active{background:var(--primary);color:#fff;box-shadow:0 3px 12px rgb(var(--primary-rgb) / .3)}.device-form{border-bottom:1px solid var(--gray-200);background:var(--gray-50);flex-shrink:0;padding:20px 24px;animation:.18s slide-down}@keyframes slide-down{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.device-form-grid{grid-template-columns:1fr 1fr 1fr;gap:14px 16px;margin-bottom:16px;display:grid}.form-field{flex-direction:column;gap:5px;display:flex}.form-field label{color:var(--text);letter-spacing:.2px;font-size:.78rem;font-weight:700}.req{color:var(--rose)}.opt{color:var(--text-light);font-weight:400}.form-field input{border:1.5px solid var(--gray-200);height:40px;color:var(--dark);background:#fff;border-radius:9px;outline:none;padding:0 12px;font-family:Open Sans,sans-serif;font-size:.88rem;transition:border-color .2s,box-shadow .2s}.form-field input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgb(var(--primary-rgb) / .1)}.form-field input[type=date]{color:var(--text)}.form-field select{border:1.5px solid var(--gray-200);height:40px;color:var(--dark);cursor:pointer;background:#fff;border-radius:9px;outline:none;padding:0 12px;font-family:Open Sans,sans-serif;font-size:.88rem;transition:border-color .2s,box-shadow .2s}.form-field select:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgb(var(--primary-rgb) / .1)}.form-error{background:var(--rose-light);border:1px solid var(--rose-border);color:var(--rose-dark);border-radius:9px;margin-bottom:14px;padding:10px 14px;font-size:.85rem;font-weight:600}.device-form-actions{justify-content:flex-end;gap:10px;display:flex}.form-cancel-btn{border:1.5px solid var(--gray-200);height:38px;color:var(--text-light);cursor:pointer;background:#fff;border-radius:9px;padding:0 18px;font-family:Poppins,sans-serif;font-size:.85rem;font-weight:600;transition:border-color .2s,color .2s}.form-cancel-btn:hover{border-color:var(--text-light);color:var(--text)}.form-save-btn{background:var(--green);color:#fff;cursor:pointer;border:none;border-radius:9px;align-items:center;gap:7px;height:38px;padding:0 20px;font-family:Poppins,sans-serif;font-size:.85rem;font-weight:700;transition:background .2s,box-shadow .2s;display:inline-flex;box-shadow:0 2px 6px #0000001f}.form-save-btn:hover:not(:disabled){background:var(--green-dark);box-shadow:0 4px 10px #0000002e}.form-save-btn:disabled{opacity:.65;cursor:not-allowed}.modal-title-wrap{align-items:center;gap:12px;display:flex}.modal-icon{background:var(--primary-light);width:40px;height:40px;color:var(--primary-dark);border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.modal-title{color:var(--dark);font-size:1.1rem;font-weight:800;line-height:1.2}.modal-subtitle{color:var(--text-light);margin-top:2px;font-size:.82rem}.modal-close{border:1.5px solid var(--gray-200);width:34px;height:34px;color:var(--text-light);cursor:pointer;background:#fff;border-radius:8px;justify-content:center;align-items:center;transition:border-color .2s,color .2s,background .2s;display:flex}.modal-close:hover{border-color:var(--rose-border);color:var(--rose);background:var(--rose-light)}.modal-body{-webkit-overflow-scrolling:touch;flex:1;overflow:auto}.modal-error{background:var(--rose-light);color:var(--rose-dark);border-bottom:1px solid var(--rose-border);padding:12px 20px;font-size:.88rem;font-weight:600}.devices-table{border-collapse:collapse;width:100%}.devices-table thead tr{background:var(--gray-50);border-bottom:1px solid var(--gray-200);z-index:1;position:sticky;top:0}.devices-table th{text-align:left;color:var(--text-light);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;padding:11px 16px;font-size:.75rem;font-weight:700}.devices-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .2s}.devices-table th.sortable:hover{color:var(--primary)}.devices-table tbody tr{border-bottom:1px solid var(--gray-100);transition:background .15s}.devices-table tbody tr:last-child{border-bottom:none}.devices-table tbody tr:hover{background:var(--gray-50)}.devices-table td{color:var(--dark);padding:13px 16px;font-size:.88rem}.col-num{width:42px;font-size:.78rem!important}.col-bold{font-weight:600}.expired{font-weight:600;color:var(--rose)!important}.badge{white-space:nowrap;border-radius:100px;align-items:center;padding:3px 10px;font-size:.75rem;font-weight:700;display:inline-flex}.badge-green{color:var(--ok-dark);background:#dcfce7}.badge-red{color:var(--rose);background:#ffe4e6}.badge-gray{background:var(--gray-100);color:var(--text-light)}.table-loading,.table-empty{text-align:center;color:var(--text-light);justify-content:center;align-items:center;gap:10px;font-size:.9rem;display:flex;padding:48px 20px!important}.modal-footer{border-top:1px solid var(--gray-200);flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;padding:14px 20px;display:flex}.pagination-info{color:var(--text-light);font-size:.82rem;font-weight:500}.pagination-controls{align-items:center;gap:4px;display:flex}.page-btn{border:1.5px solid var(--gray-200);min-width:32px;height:32px;color:var(--text);cursor:pointer;background:#fff;border-radius:7px;justify-content:center;align-items:center;padding:0 6px;font-family:Open Sans,sans-serif;font-size:.82rem;font-weight:600;transition:border-color .2s,color .2s,background .2s;display:flex}.page-btn:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.page-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.page-btn:disabled{opacity:.35;cursor:not-allowed}@media (width<=768px){.modal{border-radius:16px;width:95vw;max-width:95vw;max-height:90vh}.device-form-grid{grid-template-columns:1fr 1fr}.modal-body{padding:0}.modal-filter-row{flex-wrap:wrap;gap:8px;padding:10px 14px}.devices-table{min-width:480px}.modal-header{padding:16px 14px 14px}.device-form{padding:16px 14px}.device-form-actions{padding:12px 14px}.device-warranty-row{padding:0 14px 10px}}@media (width<=480px){.device-form-grid,.appointments-form-grid{grid-template-columns:1fr}.modal-header-actions{gap:6px}.add-btn{padding:6px 10px;font-size:.8rem}}[data-theme=dark] .modal-header{border-bottom-color:var(--gray-200)}[data-theme=dark] .modal-title{color:var(--dark)}[data-theme=dark] .modal-subtitle{color:var(--dark-muted)}[data-theme=dark] .modal-icon{background:rgb(var(--primary-rgb) / .1);color:var(--primary)}[data-theme=dark] .modal-close{background:var(--surface);border-color:var(--gray-200);color:var(--dark-muted)}[data-theme=dark] .modal-close:hover{border-color:var(--rose-border);color:var(--color-error);background:#f871711a}[data-theme=dark] .add-btn{background:var(--surface);border-color:var(--primary);color:var(--primary)}[data-theme=dark] .add-btn:hover,[data-theme=dark] .add-btn--active{background:var(--primary);color:var(--page-bg)}[data-theme=dark] .device-form{background:var(--page-bg);border-bottom-color:var(--gray-200)}[data-theme=dark] .form-field label{color:var(--text)}[data-theme=dark] .form-field input,[data-theme=dark] .form-field select{background:var(--surface);border-color:var(--gray-200);color:var(--dark)}[data-theme=dark] .form-field input:focus,[data-theme=dark] .form-field select:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgb(var(--primary-rgb) / .1)}[data-theme=dark] .form-cancel-btn{background:var(--surface);border-color:var(--gray-200);color:var(--text-light)}[data-theme=dark] .form-cancel-btn:hover{border-color:var(--dark-muted);color:var(--text)}[data-theme=dark] .form-save-btn{background:var(--ok-bright);color:var(--page-bg)}[data-theme=dark] .form-save-btn:hover:not(:disabled){background:var(--ok)}[data-theme=dark] .modal-body{background:var(--surface)}[data-theme=dark] .devices-table thead tr{background:var(--page-bg);border-bottom-color:var(--gray-200)}[data-theme=dark] .devices-table th{color:var(--dark-muted)}[data-theme=dark] .devices-table tbody tr{border-bottom-color:var(--gray-200)}[data-theme=dark] .devices-table tbody tr:hover{background:var(--dark-hover)}[data-theme=dark] .devices-table td,[data-theme=dark] .col-bold{color:var(--dark)}[data-theme=dark] .text-muted{color:var(--dark-muted)!important}[data-theme=dark] .modal-footer{border-top-color:var(--gray-200);background:var(--surface)}[data-theme=dark] .pagination-info{color:var(--dark-muted)}[data-theme=dark] .page-btn{background:var(--surface);border-color:var(--gray-200);color:var(--text)}[data-theme=dark] .page-btn:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}[data-theme=dark] .page-btn.active{background:var(--primary);border-color:var(--primary);color:var(--page-bg)}.device-warranty-row{flex-wrap:wrap;align-items:center;gap:10px;padding:10px 20px 4px;display:flex}.device-warranty-label{color:#374151;white-space:nowrap;align-items:center;gap:5px;font-size:13px;font-weight:500;display:flex}.device-warranty-label .opt{color:var(--text-light);font-size:12px;font-weight:400}.warranty-choose-btn{color:#374151;cursor:pointer;white-space:nowrap;background:#fff;border:1.5px solid #d1d5db;border-radius:7px;padding:5px 12px;font-size:12px;transition:border-color .15s,color .15s}.warranty-choose-btn:hover{color:#6366f1;border-color:#6366f1}.warranty-file-name{color:#374151;text-overflow:ellipsis;white-space:nowrap;max-width:220px;font-size:13px;overflow:hidden}.warranty-clear-btn{width:22px;height:22px;color:var(--dark-muted);cursor:pointer;background:#e2e8f0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:background .15s;display:flex}.warranty-clear-btn:hover{color:var(--color-error-dark);background:#fee2e2}.warranty-dl-btn{color:#6366f1;cursor:pointer;background:0 0;border:1.5px solid #6366f1;border-radius:7px;justify-content:center;align-items:center;gap:4px;padding:4px 10px;font-size:12px;transition:background .15s,color .15s;display:inline-flex}.warranty-dl-btn:hover{color:#fff;background:#4f46e5}[data-theme=dark] .device-warranty-label{color:var(--text)}[data-theme=dark] .warranty-choose-btn{background:var(--surface);border-color:var(--gray-200);color:var(--text)}[data-theme=dark] .warranty-choose-btn:hover{color:#818cf8;border-color:#818cf8}[data-theme=dark] .warranty-file-name{color:var(--text)}[data-theme=dark] .warranty-clear-btn{background:var(--gray-200);color:var(--text-light)}[data-theme=dark] .warranty-clear-btn:hover{color:#fca5a5;background:#7f1d1d}[data-theme=dark] .warranty-dl-btn{color:#818cf8;border-color:#818cf8}[data-theme=dark] .warranty-dl-btn:hover{color:var(--page-bg);background:#818cf8}.stock-selected-badge{color:#15803d;background:#dcfce7;border-radius:20px;align-items:center;gap:5px;margin-top:6px;padding:4px 10px;font-size:.78rem;font-weight:600;display:inline-flex}[data-theme=dark] .stock-selected-badge{color:#86efac;background:#14532d}.cal-wrap{grid-template-columns:1fr 320px;align-items:start;gap:20px;display:grid}.cal-header{align-items:center;gap:8px;margin-bottom:16px;display:flex}.cal-month-label{color:var(--text);text-transform:capitalize;flex:1;font-size:1.05rem;font-weight:700}.cal-today-btn{border:1.5px solid var(--primary);color:var(--primary);cursor:pointer;background:0 0;border-radius:8px;padding:5px 14px;font-family:Open Sans,sans-serif;font-size:.78rem;font-weight:700;transition:background .15s,color .15s}.cal-today-btn:hover{background:var(--primary);color:#fff}.cal-loading-icon{color:var(--text-light);margin-left:auto}.cal-grid{border:1.5px solid var(--gray-200);border-radius:12px;grid-template-columns:repeat(7,1fr);display:grid;overflow:hidden}.cal-dow{text-align:center;text-transform:uppercase;letter-spacing:.04em;color:var(--text-light);background:var(--bg-secondary);border-right:1px solid var(--gray-200);border-bottom:1.5px solid var(--gray-200);padding:8px 4px;font-size:.7rem;font-weight:700}.cal-dow:last-child{border-right:none}.cal-day{border:none;border-right:1px solid var(--gray-200);border-bottom:1px solid var(--gray-200);width:100%;min-height:112px;font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;padding:6px 5px 4px;transition:background .12s;display:block}.cal-day:nth-child(7n){border-right:none}.cal-day:nth-last-child(-n+7){border-bottom:none}.cal-day--othermonth{background:var(--bg-secondary)}.cal-day--othermonth .cal-day-num{color:var(--text-light);opacity:.5}.cal-day:hover:not(.cal-day--selected){background:#f8fafc}.cal-day--selected{background:var(--primary-light)}.cal-day--today .cal-day-num{background:var(--primary);color:#fff;border-radius:50%;font-weight:700}.cal-day-num{width:26px;height:26px;color:var(--text);justify-content:center;align-items:center;margin-bottom:4px;font-size:.8rem;font-weight:600;display:flex}.cal-events{flex-direction:column;gap:2px;display:flex}.cal-event{--ev:var(--primary);border-left:3px solid var(--ev);background:color-mix(in srgb, var(--ev) 14%, transparent);border-radius:4px;align-items:baseline;gap:4px;padding:1px 5px;font-size:.68rem;line-height:1.5;display:flex;overflow:hidden}.cal-event-time{color:var(--text);flex-shrink:0;font-weight:700}.cal-event-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cal-event--COMPLETED{--ev:var(--ok)}.cal-event--CANCELLED{--ev:var(--text-light)}.cal-event--NO_SHOW{--ev:var(--color-error)}.cal-more{color:var(--text-light);padding-left:2px;font-size:.65rem;font-weight:700;line-height:1}.cal-detail{border:1.5px solid var(--gray-200);border-radius:12px;position:sticky;top:20px;overflow:hidden}.cal-detail-header{background:var(--bg-secondary);border-bottom:1.5px solid var(--gray-200);justify-content:space-between;align-items:flex-start;gap:8px;padding:14px 16px;display:flex}.cal-detail-date{color:var(--text);text-transform:capitalize;font-size:.9rem;font-weight:700}.cal-detail-count{color:var(--text-light);margin-top:3px;font-size:.76rem}.cal-detail-empty{text-align:center;color:var(--text-light);padding:36px 16px;font-size:.84rem}.cal-appt-list{flex-direction:column;max-height:520px;display:flex;overflow-y:auto}.cal-appt-item{border-bottom:1px solid var(--gray-200);align-items:flex-start;gap:10px;padding:10px 14px;transition:background .1s;display:flex}.cal-appt-item:last-child{border-bottom:none}.cal-appt-item:hover{background:var(--bg-secondary)}.cal-appt-time{color:var(--text);white-space:nowrap;min-width:38px;padding-top:1px;font-size:.82rem;font-weight:700}.cal-appt-body{flex:1;min-width:0}.cal-appt-patient{color:var(--text-light);margin-bottom:2px;font-size:.74rem}.cal-appt-reason{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:.84rem;font-weight:500;overflow:hidden}.req-filter-bar{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.req-filter-btn{border:1.5px solid var(--gray-200);color:var(--text-light);cursor:pointer;background:0 0;border-radius:20px;padding:5px 14px;font-family:Open Sans,sans-serif;font-size:.78rem;font-weight:600;transition:border-color .15s,color .15s,background .15s}.req-filter-btn:hover{border-color:var(--primary);color:var(--primary)}.req-filter-btn.active{border-color:var(--primary);background:var(--primary);color:#fff}.req-inline-form{background:var(--bg-secondary);border-top:1.5px solid var(--gray-200);border-bottom:1.5px solid var(--gray-200);padding:14px 20px}.req-inline-form--reject{background:#fef2f2}.req-inline-form-title{color:var(--text-light);text-transform:uppercase;letter-spacing:.04em;margin-bottom:10px;font-size:.78rem;font-weight:700;display:block}.req-inline-form-body{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.req-inline-field{flex-direction:column;gap:4px;min-width:140px;display:flex}.req-inline-field--wide{flex:1;min-width:220px}.req-inline-field label{color:var(--text-light);text-transform:uppercase;letter-spacing:.04em;font-size:.72rem;font-weight:600}.req-inline-field input{border:1.5px solid var(--gray-200);color:var(--text);background:var(--bg);box-sizing:border-box;border-radius:8px;padding:6px 10px;font-family:Open Sans,sans-serif;font-size:.83rem;transition:border-color .15s}.req-inline-field input:focus{border-color:var(--primary);outline:none}.req-inline-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.req-action-btn{cursor:pointer;white-space:nowrap;background:0 0;border:1.5px solid;border-radius:7px;align-items:center;gap:4px;padding:4px 10px;font-family:Open Sans,sans-serif;font-size:.74rem;font-weight:700;transition:background .15s,color .15s;display:inline-flex}.req-action-btn--approve{border-color:var(--ok);color:var(--ok)}.req-action-btn--approve:hover{background:var(--ok);color:#fff}.req-action-btn--reject{border-color:var(--color-error);color:var(--color-error)}.req-action-btn--reject:hover{background:var(--color-error);color:#fff}.cal-form-save--danger{background:var(--color-error)!important}[data-theme=dark] .cal-day:hover:not(.cal-day--selected){background:var(--surface)}[data-theme=dark] .cal-day--selected{background:#3b82f614}[data-theme=dark] .cal-day--today .cal-day-num{background:var(--primary);color:#fff}[data-theme=dark] .cal-appt-item:hover{background:var(--surface)}[data-theme=dark] .cal-today-btn{color:var(--primary);border-color:var(--primary)}[data-theme=dark] .cal-today-btn:hover{background:var(--primary);color:#fff}.cal-new-btn{border:1.5px solid var(--primary);width:30px;height:30px;color:var(--primary);cursor:pointer;background:0 0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;transition:background .15s,color .15s;display:flex}.cal-new-btn:hover{background:var(--primary);color:#fff}.cal-form-close-btn{border:1.5px solid var(--gray-200);width:30px;height:30px;color:var(--text-light);cursor:pointer;background:0 0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;transition:border-color .15s,color .15s;display:flex}.cal-form-close-btn:hover{border-color:var(--color-error);color:var(--color-error)}.cal-appt-form{flex-direction:column;gap:12px;padding:14px 16px;display:flex}.cal-form-field{flex-direction:column;gap:4px;display:flex}.cal-form-field label{color:var(--text-light);text-transform:uppercase;letter-spacing:.04em;font-size:.74rem;font-weight:600}.cal-form-field input,.cal-form-field select{border:1.5px solid var(--gray-200);width:100%;color:var(--text);background:var(--bg);box-sizing:border-box;border-radius:8px;padding:7px 10px;font-family:Open Sans,sans-serif;font-size:.84rem;transition:border-color .15s}.cal-form-field input:focus,.cal-form-field select:focus{border-color:var(--primary);outline:none}.cal-form-actions{justify-content:flex-end;gap:8px;padding-top:4px;display:flex}.cal-form-cancel{border:1.5px solid var(--gray-200);color:var(--text-light);cursor:pointer;background:0 0;border-radius:8px;padding:7px 14px;font-family:Open Sans,sans-serif;font-size:.82rem;font-weight:600;transition:border-color .15s,color .15s}.cal-form-cancel:hover{border-color:var(--text-light);color:var(--text)}.cal-form-save{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:5px;padding:7px 14px;font-family:Open Sans,sans-serif;font-size:.82rem;font-weight:700;transition:opacity .15s;display:flex}.cal-form-save:disabled{opacity:.6;cursor:not-allowed}.cal-form-save:not(:disabled):hover{opacity:.88}.cal-appt-edit-btn{border:1.5px solid var(--gray-200);width:26px;height:26px;color:var(--text-light);cursor:pointer;opacity:0;background:0 0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;transition:opacity .15s,border-color .15s,color .15s;display:flex}.cal-appt-item:hover .cal-appt-edit-btn{opacity:1}.cal-appt-edit-btn:hover{border-color:var(--primary);color:var(--primary)}[data-theme=dark] .cal-form-field input,[data-theme=dark] .cal-form-field select{background:var(--page-bg);border-color:var(--gray-200);color:var(--dark)}[data-theme=dark] .cal-form-field input:focus,[data-theme=dark] .cal-form-field select:focus{border-color:var(--primary)}[data-theme=dark] .cal-form-cancel{border-color:var(--gray-200);color:var(--dark-muted)}[data-theme=dark] .cal-form-cancel:hover{border-color:var(--dark-muted);color:var(--text)}[data-theme=dark] .cal-form-close-btn{border-color:var(--gray-200);color:var(--dark-muted)}[data-theme=dark] .cal-form-close-btn:hover{border-color:var(--color-error);color:var(--color-error)}[data-theme=dark] .cal-appt-edit-btn{border-color:var(--gray-200);color:var(--dark-muted)}[data-theme=dark] .cal-appt-edit-btn:hover{border-color:var(--primary);color:var(--primary)}[data-theme=dark] .req-filter-btn{border-color:var(--gray-200);color:var(--dark-muted)}[data-theme=dark] .req-filter-btn:hover{border-color:var(--primary);color:var(--primary)}[data-theme=dark] .req-filter-btn.active{border-color:var(--primary);background:var(--primary);color:#fff}[data-theme=dark] .req-inline-form{background:var(--surface);border-color:var(--gray-200)}[data-theme=dark] .req-inline-form--reject{background:#ef44440f}[data-theme=dark] .req-inline-form-title,[data-theme=dark] .req-inline-field label{color:var(--dark-muted)}[data-theme=dark] .req-inline-field input{background:var(--page-bg);border-color:var(--gray-200);color:var(--dark)}[data-theme=dark] .req-inline-field input:focus{border-color:var(--primary)}.login-page{min-height:100vh;display:flex}.login-left{background:var(--white);border-right:1px solid var(--gray-200);flex:0 0 480px;justify-content:center;align-items:center;padding:48px 56px;display:flex}.login-left-inner{width:100%;max-width:360px}.login-copy{text-align:center;color:var(--text-light);margin-top:28px;font-size:.78rem}.login-back{color:var(--text-light);align-items:center;gap:6px;margin-bottom:40px;font-size:.85rem;font-weight:600;text-decoration:none;transition:color .2s;display:inline-flex}.login-back:hover{color:var(--primary)}.login-brand{align-items:center;gap:10px;margin-bottom:36px;text-decoration:none;display:flex}.login-brand-icon{object-fit:cover;border-radius:10px;width:38px;height:38px;display:block}.login-brand-name{color:var(--dark);font-family:Poppins,sans-serif;font-size:1.3rem;font-weight:700}.login-brand-name span{color:var(--primary)}.login-heading{margin-bottom:32px}.login-heading h1{color:var(--dark);letter-spacing:-.5px;margin-bottom:6px;font-size:1.9rem;font-weight:800}.login-heading p{color:var(--text-light);font-size:.95rem}.role-tabs{background:var(--gray-100);border-radius:12px;gap:8px;margin-bottom:28px;padding:4px;display:flex}.role-tab{color:var(--text-light);cursor:pointer;background:0 0;border:none;border-radius:9px;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px;font-family:Poppins,sans-serif;font-size:.9rem;font-weight:600;transition:background .2s,color .2s,box-shadow .2s;display:flex}.role-tab.active{color:var(--primary);box-shadow:0 2px 10px rgb(var(--primary-rgb) / .12);background:#fff}.login-form{flex-direction:column;gap:20px;display:flex}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{color:var(--text);font-size:.85rem;font-weight:600}.form-group input{border:1.5px solid var(--gray-200);height:46px;color:var(--dark);background:var(--white);border-radius:10px;outline:none;padding:0 14px;font-family:Open Sans,sans-serif;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.form-group input::placeholder{color:var(--gray-200)}.form-group input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgb(var(--primary-rgb) / .12)}.password-wrap{position:relative}.password-wrap input{width:100%;padding-right:44px}.eye-btn{cursor:pointer;color:var(--text-light);background:0 0;border:none;align-items:center;padding:4px;transition:color .2s;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.eye-btn:hover{color:var(--primary)}.login-error{background:var(--rose-light);border:1px solid var(--rose-border);color:var(--rose-dark);border-radius:10px;padding:12px 16px;font-size:.88rem;font-weight:600}.login-submit{background:var(--green);color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;height:50px;margin-top:4px;font-family:Poppins,sans-serif;font-size:1rem;font-weight:700;transition:background .2s,transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 16px #7ed95759}.login-submit:hover:not(:disabled){background:var(--green-dark);transform:translateY(-1px);box-shadow:0 6px 22px #7ed95773}.login-submit:disabled{opacity:.7;cursor:not-allowed}.login-lock-msg{color:var(--danger,#dc2626);text-align:center;margin:10px 0 0;font-size:13px;line-height:1.4}.login-otp-hint{color:var(--text-light);margin-bottom:4px;font-size:.85rem}.login-forgot{text-align:right;margin-top:-8px;margin-bottom:4px}.login-forgot .login-switch-btn{font-size:.82rem;font-weight:600}.login-switch{text-align:center;color:var(--text-light);font-size:.88rem}.login-switch-btn{color:var(--primary);cursor:pointer;background:0 0;border:none;padding:0;font-family:Poppins,sans-serif;font-size:.88rem;font-weight:700;transition:color .2s}.login-switch-btn:hover{color:var(--primary-dark);text-decoration:underline}.spin{animation:.8s linear infinite spin}.login-right{background:linear-gradient(140deg, var(--dark) 0%, var(--dark-mid) 60%, #0c2d48 100%);flex:1;justify-content:center;align-items:center;padding:60px;display:flex;position:relative;overflow:hidden}.login-right:before{content:"";background:radial-gradient(circle, rgb(var(--primary-rgb) / .12) 0%, transparent 70%);border-radius:50%;width:500px;height:500px;position:absolute;top:-180px;right:-100px}.login-right:after{content:"";background:radial-gradient(circle,#6ed3cf1a 0%,#0000 70%);border-radius:50%;width:400px;height:400px;position:absolute;bottom:-150px;left:-80px}.login-right-video{object-fit:cover;z-index:0;width:100%;height:100%;position:absolute;inset:0}.login-right-overlay{z-index:1;background:linear-gradient(140deg,#1a2b4ad1 0%,#2c4069b8 55%,#0c2d48c7 100%);position:absolute;inset:0}.login-right-content{z-index:2;max-width:400px;position:relative}.login-right-icon{background:rgb(var(--primary-rgb) / .15);border:1px solid rgb(var(--primary-rgb) / .25);width:80px;height:80px;color:var(--primary);border-radius:20px;justify-content:center;align-items:center;margin-bottom:28px;transition:background .3s,border-color .3s;display:flex}.login-right-content h2{color:#fff;letter-spacing:-.5px;margin-bottom:16px;font-size:clamp(1.6rem,2.5vw,2.2rem);font-weight:800;line-height:1.2}.login-right-content p{color:#ffffff8c;margin-bottom:32px;font-size:1rem;line-height:1.7}.login-right-list{flex-direction:column;gap:14px;list-style:none;display:flex}.login-right-list li{color:#ffffffbf;align-items:center;gap:12px;font-size:.95rem;font-weight:500;display:flex}.check-icon{width:24px;height:24px;color:var(--green);background:#7ed95733;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:flex}@media (width<=900px){.login-page{flex-direction:column}.login-left{flex:unset;border-right:none;width:100%;padding:40px 24px}.login-left-inner{max-width:100%}.login-right{padding:48px 24px}}[data-theme=dark] .login-page{background:var(--page-bg)}[data-theme=dark] .login-left{background:var(--surface);border-right-color:var(--gray-200)}[data-theme=dark] .login-back{color:var(--dark-muted)}[data-theme=dark] .login-back:hover{color:var(--primary)}[data-theme=dark] .login-brand-name,[data-theme=dark] .login-heading h1{color:var(--dark)}[data-theme=dark] .login-heading p{color:var(--text-light)}[data-theme=dark] .role-tabs{background:var(--page-bg)}[data-theme=dark] .role-tab{color:var(--dark-muted)}[data-theme=dark] .role-tab.active{background:var(--surface);color:var(--primary);box-shadow:0 2px 8px #0000004d}[data-theme=dark] .form-group label{color:var(--text)}[data-theme=dark] .form-group input{background:var(--page-bg);border-color:var(--gray-200);color:var(--dark)}[data-theme=dark] .form-group input::placeholder{color:#475569}[data-theme=dark] .form-group input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgb(var(--primary-rgb) / .12)}[data-theme=dark] .eye-btn{color:var(--dark-muted)}[data-theme=dark] .eye-btn:hover{color:var(--primary)}[data-theme=dark] .login-switch{color:var(--dark-muted)}[data-theme=dark] .login-switch-btn{color:var(--primary)}[data-theme=dark] .login-switch-btn:hover{color:var(--primary-dark)}[data-theme=dark] .login-submit{background:var(--ok-bright);box-shadow:0 4px 16px #4ade8040}[data-theme=dark] .login-submit:hover:not(:disabled){background:var(--ok)}.sm-hospital-picker{align-items:center;gap:10px;margin-top:8px;display:inline-flex}.sm-hospital-picker label{color:var(--text-light);font-size:.85rem;font-weight:600}.sm-hospital-picker select{border:1.5px solid var(--gray-200);height:38px;color:var(--dark);cursor:pointer;background:#fff;border-radius:9px;outline:none;padding:0 34px 0 12px;font-family:Open Sans,sans-serif;font-size:.9rem;font-weight:600;transition:border-color .2s,box-shadow .2s}.sm-hospital-picker select:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgb(var(--primary-rgb) / .1)}[data-theme=dark] .sm-hospital-picker select{background:var(--surface);border-color:var(--gray-200);color:var(--dark)}.kpi-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:28px;display:grid}.kpi-grid>:nth-child(5),.kpi-grid>:nth-child(6),.kpi-grid>:nth-child(7){border-top:2px solid var(--primary-light)}.kpi-card{background:var(--surface,white);border:1px solid var(--gray-200);border-radius:14px;align-items:center;gap:14px;padding:20px;transition:box-shadow .2s;display:flex;box-shadow:0 1px 4px #0000000a}.kpi-card:hover{box-shadow:0 4px 14px #00000014}.kpi-icon{border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.kpi-icon.blue{background:var(--primary-light);color:var(--primary)}.kpi-icon.purple{background:var(--purple-pale);color:var(--purple-mid)}.kpi-icon.green{background:var(--ok-light);color:var(--ok)}.kpi-icon.orange{color:#c2410c;background:#fff7ed}.kpi-icon.sky{background:var(--cyan-pale);color:var(--cyan)}.kpi-icon.indigo{color:#6366f1;background:#eef2ff}.kpi-icon.amber{background:var(--amber-pale);color:var(--amber-dark)}.kpi-info{flex-direction:column;gap:3px;min-width:0;display:flex}.kpi-value{color:var(--dark);letter-spacing:-.5px;font-size:1.65rem;font-weight:800;line-height:1}.kpi-label{color:var(--text-light);white-space:nowrap;text-overflow:ellipsis;font-size:.77rem;font-weight:600;overflow:hidden}.section-label{color:var(--text-light);text-transform:uppercase;letter-spacing:.8px;margin-bottom:12px;font-size:.78rem;font-weight:700}.today-grid{grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:28px;display:grid}.today-card{background:var(--surface,white);border:1px solid var(--gray-200);text-align:center;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:16px 14px;display:flex;box-shadow:0 1px 3px #0000000a}.today-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.today-icon.blue{background:var(--primary-light);color:var(--primary)}.today-icon.green{background:var(--ok-light);color:var(--ok)}.today-icon.red{color:var(--color-error);background:#fef2f2}.today-icon.sky{background:var(--cyan-pale);color:var(--cyan)}.today-icon.indigo{color:#6366f1;background:#eef2ff}.today-icon.amber{background:var(--amber-pale);color:var(--color-warning)}.today-value{color:var(--dark);font-size:1.4rem;font-weight:800;line-height:1}.today-label{color:var(--text-light);font-size:.72rem;font-weight:600;line-height:1.3}.charts-row{grid-template-columns:1fr 1.6fr;gap:16px;margin-bottom:20px;display:grid}.chart-card{background:var(--surface,white);border:1px solid var(--gray-200);border-radius:14px;padding:20px 20px 16px;box-shadow:0 1px 4px #0000000a}.chart-title{color:var(--dark);margin:0 0 12px;font-size:.9rem;font-weight:700}.chart-card-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.dash-control{color:var(--text-light);white-space:nowrap;align-items:center;gap:8px;font-size:.78rem;font-weight:600;display:inline-flex}.dash-control select,.dash-control input[type=date]{color:var(--dark);background:var(--surface,white);border:1.5px solid var(--gray-200);cursor:pointer;border-radius:8px;padding:5px 10px;font-family:Open Sans,sans-serif;font-size:.8rem;font-weight:600;transition:border-color .2s,box-shadow .2s}.dash-control input[type=date]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;min-height:32px;line-height:1.2}.dash-control select:hover:not(:disabled),.dash-control input[type=date]:hover:not(:disabled){border-color:var(--primary)}.dash-control select:disabled,.dash-control input[type=date]:disabled{opacity:.6;cursor:not-allowed}.dash-control input[type=date]:focus-visible{border-color:var(--primary);box-shadow:0 0 0 3px rgb(var(--primary-rgb) / .15);outline:none}.dash-control input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.6;transition:opacity .2s}.dash-control input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1}[data-theme=dark] .dash-control{color:var(--dark-muted)}[data-theme=dark] .dash-control select,[data-theme=dark] .dash-control input[type=date]{background:var(--surface);border-color:var(--gray-200);color:var(--dark)}[data-theme=dark] .dash-control input[type=date]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.donut-wrap{justify-content:center;align-items:center;display:flex;position:relative}.donut-center{text-align:center;pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-65%)}.donut-pct{color:var(--dark);font-size:1.55rem;font-weight:800;line-height:1;display:block}.donut-sub{color:var(--text-light);white-space:nowrap;margin-top:4px;font-size:.68rem;font-weight:600;display:block}.chart-empty{height:220px;color:var(--text-light);justify-content:center;align-items:center;font-size:.85rem;display:flex}.alerts-row{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:28px;display:grid}.alert-card{font:inherit;color:inherit;text-align:left;box-sizing:border-box;background:0 0;border:1.5px solid #0000;border-radius:14px;align-items:center;gap:18px;width:100%;padding:20px 24px;transition:box-shadow .2s;display:flex}.alert-card--clickable{cursor:pointer}.alert-card--clickable:hover{transform:translateY(-2px);box-shadow:0 4px 18px #0000001f}.alert-card--warn{background:var(--amber-pale);border-color:#fcd34d}.alert-card--ok{background:var(--ok-light);border-color:#86efac}.alert-icon{flex-shrink:0}.alert-card--warn .alert-icon{color:var(--amber-dark)}.alert-card--ok .alert-icon{color:var(--ok-dark)}.alert-body{flex-direction:column;gap:3px;display:flex}.alert-count{font-size:1.6rem;font-weight:800;line-height:1}.alert-card--warn .alert-count{color:var(--amber-dark)}.alert-card--ok .alert-count{color:var(--ok-dark)}.alert-label{color:var(--text-light);font-size:.8rem;font-weight:600}.doctors-toolbar{justify-content:space-between;align-items:center;margin-bottom:0;display:flex}.doctor-delete-btn{border:1.5px solid var(--gray-200);width:30px;height:30px;color:var(--text-light);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;transition:border-color .2s,color .2s,background .2s;display:inline-flex}.doctor-delete-btn:hover{border-color:var(--color-error);color:var(--color-error);background:#fef2f2}.delete-confirm-wrap{white-space:nowrap;align-items:center;gap:6px;display:flex}.delete-confirm-text{color:var(--text-light);font-size:.78rem;font-weight:600}.delete-yes-btn{background:var(--color-error);color:#fff;cursor:pointer;border:none;border-radius:7px;align-items:center;gap:4px;padding:4px 10px;font-size:.75rem;font-weight:700;transition:background .2s;display:inline-flex}.delete-yes-btn:hover:not(:disabled){background:var(--color-error-dark)}.delete-yes-btn:disabled{opacity:.6;cursor:not-allowed}.delete-no-btn{border:1.5px solid var(--gray-200);color:var(--text-light);cursor:pointer;background:0 0;border-radius:7px;align-items:center;padding:4px 10px;font-size:.75rem;font-weight:600;transition:border-color .2s,color .2s;display:inline-flex}.delete-no-btn:hover{border-color:var(--primary);color:var(--primary)}@media (width<=900px){.kpi-grid{grid-template-columns:repeat(2,1fr);gap:12px}.today-grid{grid-template-columns:repeat(3,1fr)}.charts-row{grid-template-columns:1fr}}@media (width<=600px){.kpi-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:20px}.kpi-card{gap:10px;padding:14px}.kpi-value{font-size:1.3rem}.today-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:20px}.today-card{gap:6px;padding:12px 8px}.today-value{font-size:1.1rem}.today-icon{width:30px;height:30px}.alerts-row{grid-template-columns:1fr;gap:10px}.doctors-toolbar{flex-wrap:wrap;gap:8px}.delete-confirm-wrap{white-space:normal;flex-wrap:wrap;gap:4px}.delete-confirm-text{font-size:.72rem}}@media (width<=400px){.kpi-grid{grid-template-columns:1fr 1fr;gap:8px}.today-grid{grid-template-columns:repeat(2,1fr)}}[data-theme=dark] .kpi-card,[data-theme=dark] .today-card,[data-theme=dark] .chart-card{background:var(--surface);border-color:var(--gray-200)}[data-theme=dark] .kpi-icon.blue{background:#1e3a5f}[data-theme=dark] .kpi-icon.purple{background:#2e1065}[data-theme=dark] .kpi-icon.green{background:#14532d}[data-theme=dark] .kpi-icon.orange{background:#431407}[data-theme=dark] .kpi-icon.sky{background:#0c2340}[data-theme=dark] .kpi-icon.indigo{background:#1e1b4b}[data-theme=dark] .kpi-icon.amber{background:#451a03}[data-theme=dark] .today-icon.blue{background:#1e3a5f}[data-theme=dark] .today-icon.green{background:#14532d}[data-theme=dark] .today-icon.red{background:#450a0a}[data-theme=dark] .today-icon.sky{background:#0c2340}[data-theme=dark] .today-icon.indigo{background:#1e1b4b}[data-theme=dark] .today-icon.amber{background:#451a03}[data-theme=dark] .kpi-value,[data-theme=dark] .today-value,[data-theme=dark] .chart-title,[data-theme=dark] .donut-pct{color:var(--dark)}[data-theme=dark] .kpi-label,[data-theme=dark] .today-label,[data-theme=dark] .donut-sub,[data-theme=dark] .section-label,[data-theme=dark] .alert-label{color:var(--dark-muted)}[data-theme=dark] .alert-card--warn{background:rgb(var(--amber-rgb) / .08);border-color:var(--amber-deeper)}[data-theme=dark] .alert-card--ok{background:#22c55e14;border-color:#166534}[data-theme=dark] .doctor-delete-btn{border-color:var(--gray-200);color:var(--dark-muted)}[data-theme=dark] .doctor-delete-btn:hover{border-color:var(--color-error);color:var(--color-error);background:rgb(var(--color-error-rgb) / .1)}[data-theme=dark] .delete-confirm-text{color:var(--text-light)}[data-theme=dark] .delete-no-btn{border-color:var(--gray-200);color:var(--dark-muted)}.patient-profile-card{border:1px solid var(--gray-200);background:#fff;border-radius:16px;padding:28px 32px}.patient-profile-header{border-bottom:1px solid var(--gray-100);align-items:center;gap:18px;margin-bottom:24px;padding-bottom:20px;display:flex}.patient-profile-avatar{background:linear-gradient(135deg, var(--primary), var(--accent));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;font-family:Poppins,sans-serif;font-size:1.5rem;font-weight:700;display:flex}.patient-profile-name{color:var(--dark);letter-spacing:-.3px;font-size:1.3rem;font-weight:800;line-height:1.2}.patient-profile-role{color:var(--text-light);margin-top:3px;font-size:.8rem;font-weight:600;display:block}.patient-profile-fields{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px 24px;display:grid}.patient-profile-field{align-items:flex-start;gap:10px;display:flex}.field-icon{color:var(--primary);flex-shrink:0;margin-top:2px}.patient-profile-field>div{flex-direction:column;gap:2px;display:flex}.field-label{color:var(--text-light);text-transform:uppercase;letter-spacing:.4px;font-size:.72rem;font-weight:700}.field-value{color:var(--dark);font-size:.9rem;font-weight:600}.field-value.mono{letter-spacing:.5px;font-family:Courier New,monospace;font-size:.85rem}.section-title{color:var(--dark);letter-spacing:-.2px;margin-bottom:14px;font-size:1.05rem;font-weight:800}.section-loading{color:var(--text-light);justify-content:center;padding:48px 0;display:flex}.patient-section-dl-btn{border:1.5px solid var(--gray-200);color:var(--text-light);cursor:pointer;white-space:nowrap;background:#fff;border-radius:8px;align-items:center;gap:5px;padding:4px 10px;font-family:Open Sans,sans-serif;font-size:.75rem;font-weight:600;transition:border-color .2s,color .2s,background .2s;display:inline-flex}.patient-section-dl-btn:hover:not(:disabled){color:#0e7490;background:#ecfeff;border-color:#0e7490}.patient-section-dl-btn:disabled{opacity:.6;cursor:not-allowed}.patient-notes-list{flex-direction:column;gap:14px;display:flex}.patient-note-card{border:1px solid var(--gray-200);background:#fff;border-radius:12px;padding:18px 20px}.patient-note-header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px;display:flex}.patient-note-title{color:var(--dark);font-size:.95rem;font-weight:700}.patient-note-meta{color:var(--text-light);white-space:nowrap;font-size:.75rem}.patient-note-content{color:var(--text);white-space:pre-wrap;margin:0;font-size:.88rem;line-height:1.6}.patient-appt-subtabs{gap:6px;margin-bottom:16px;display:flex}.patient-appt-subtab{border:1.5px solid var(--gray-200);color:var(--text-light);cursor:pointer;background:0 0;border-radius:20px;padding:6px 16px;font-family:Open Sans,sans-serif;font-size:.8rem;font-weight:600;transition:border-color .15s,color .15s,background .15s}.patient-appt-subtab:hover{border-color:var(--primary);color:var(--primary)}.patient-appt-subtab.active{border-color:var(--primary);background:var(--primary);color:#fff}.patient-req-form-card{border:1.5px solid var(--gray-200);background:#fff;border-radius:12px;margin-bottom:16px;padding:18px 20px}.patient-req-form-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.patient-req-form-title{color:var(--dark);font-size:.9rem;font-weight:700}.patient-req-form-close{border:1.5px solid var(--gray-200);width:26px;height:26px;color:var(--text-light);cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;transition:border-color .15s,color .15s;display:flex}.patient-req-form-close:hover{border-color:var(--color-error);color:var(--color-error)}.patient-req-form-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px;display:grid}.patient-req-form-field{flex-direction:column;gap:4px;display:flex}.patient-req-form-field--full{grid-column:1/-1}.patient-req-form-field label{color:var(--text-light);text-transform:uppercase;letter-spacing:.04em;font-size:.74rem;font-weight:700}.patient-req-form-field input{border:1.5px solid var(--gray-200);color:var(--text);background:var(--bg);box-sizing:border-box;border-radius:8px;padding:7px 10px;font-family:Open Sans,sans-serif;font-size:.84rem;transition:border-color .15s}.patient-req-form-field input:focus{border-color:var(--primary);outline:none}.patient-req-form-actions{justify-content:flex-end;gap:8px;margin-top:12px;display:flex}.patient-req-booked-slots{background:var(--bg-secondary);border-radius:8px;flex-wrap:wrap;align-items:flex-start;gap:8px;margin-bottom:12px;padding:10px 12px;display:flex}.patient-req-booked-label{color:var(--text-light);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;align-items:center;gap:4px;font-size:.75rem;font-weight:700;display:flex}.patient-req-booked-empty{color:var(--text-light);font-size:.78rem}.patient-req-booked-list{flex-wrap:wrap;gap:4px;display:flex}.patient-req-booked-chip{background:var(--primary-light);color:var(--primary);border-radius:10px;padding:2px 8px;font-size:.74rem;font-weight:700}@media (width<=768px){.patient-profile-card{padding:20px 18px}.patient-profile-fields{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px 16px}.section-title{font-size:.95rem}.patient-note-meta{white-space:normal}}@media (width<=480px){.patient-profile-card{border-radius:12px;padding:16px 14px}.patient-profile-header{gap:12px;margin-bottom:16px;padding-bottom:14px}.patient-profile-avatar{width:48px;height:48px;font-size:1.2rem}.patient-profile-name{font-size:1.1rem}.patient-profile-fields{grid-template-columns:1fr 1fr;gap:12px}.patient-note-header{flex-direction:column;gap:4px}.patient-note-card{padding:14px}}[data-theme=dark] .patient-section-dl-btn{background:var(--surface);border-color:var(--gray-200);color:var(--dark-muted)}[data-theme=dark] .patient-section-dl-btn:hover:not(:disabled){color:#22d3ee;background:#22d3ee14;border-color:#22d3ee}[data-theme=dark] .patient-note-card{background:var(--surface);border-color:var(--gray-200)}[data-theme=dark] .patient-note-title{color:var(--dark)}[data-theme=dark] .patient-note-meta{color:var(--dark-muted)}[data-theme=dark] .patient-note-content{color:var(--dark)}[data-theme=dark] .patient-appt-subtab{border-color:var(--gray-200);color:var(--dark-muted)}[data-theme=dark] .patient-appt-subtab:hover{border-color:var(--primary);color:var(--primary)}[data-theme=dark] .patient-appt-subtab.active{border-color:var(--primary);background:var(--primary);color:#fff}[data-theme=dark] .patient-req-form-card{background:var(--surface);border-color:var(--gray-200)}[data-theme=dark] .patient-req-form-title{color:var(--dark)}[data-theme=dark] .patient-req-form-close{border-color:var(--gray-200);color:var(--dark-muted)}[data-theme=dark] .patient-req-form-close:hover{border-color:var(--color-error);color:var(--color-error)}[data-theme=dark] .patient-req-form-field label{color:var(--dark-muted)}[data-theme=dark] .patient-req-form-field input{background:var(--page-bg);border-color:var(--gray-200);color:var(--dark)}[data-theme=dark] .patient-req-form-field input:focus{border-color:var(--primary)}[data-theme=dark] .patient-req-booked-slots{background:var(--surface)}[data-theme=dark] .patient-req-booked-label,[data-theme=dark] .patient-req-booked-empty{color:var(--dark-muted)}[data-theme=dark] .patient-profile-card{background:var(--surface);border-color:var(--gray-200)}[data-theme=dark] .patient-profile-header{border-bottom-color:var(--gray-200)}[data-theme=dark] .patient-profile-name{color:var(--dark)}[data-theme=dark] .patient-profile-role{color:var(--dark-muted)}[data-theme=dark] .field-icon{color:var(--primary)}[data-theme=dark] .field-label{color:var(--dark-muted)}[data-theme=dark] .field-value,[data-theme=dark] .section-title{color:var(--dark)}.bug-modal{max-width:560px}.bug-modal-subtitle{color:var(--text-light);margin-top:2px;font-size:.82rem}.bug-modal-body{flex-direction:column;gap:16px;padding:20px 24px;display:flex}.bug-field{flex-direction:column;gap:6px;display:flex}.bug-label{color:var(--dark);font-size:.82rem;font-weight:600}.bug-required{color:var(--color-error,#ef4444);margin-left:3px}.bug-textarea,.bug-select{color:var(--dark);background:var(--surface,white);border:1.5px solid var(--gray-200);resize:vertical;border-radius:10px;padding:10px 12px;font-family:Open Sans,sans-serif;font-size:.88rem;transition:border-color .2s,box-shadow .2s}.bug-textarea:focus,.bug-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgb(var(--primary-rgb) / .12);outline:none}.bug-textarea--error{border-color:var(--color-error,#ef4444)}.bug-textarea--error:focus{box-shadow:0 0 0 3px rgb(var(--color-error-rgb) / .12)}.bug-error-msg{color:var(--color-error,#ef4444);font-size:.78rem;font-weight:500}.bug-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:34px}.bug-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.bug-dropzone{border:2px dashed var(--gray-200);background:var(--gray-50,#f8fafc);width:100%;font:inherit;color:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:20px 16px;transition:border-color .2s,background .2s;display:flex}.bug-dropzone:hover{border-color:var(--primary);background:rgb(var(--primary-rgb) / .04)}.bug-dropzone-icon{color:var(--text-light);transition:color .2s}.bug-dropzone:hover .bug-dropzone-icon{color:var(--primary)}.bug-dropzone-label{color:var(--primary);font-size:.85rem;font-weight:600}.bug-dropzone-hint{color:var(--text-light);font-size:.78rem}.bug-preview-wrap{border:1.5px solid var(--gray-200);background:var(--gray-50,#f8fafc);border-radius:12px;min-height:200px;position:relative;overflow:hidden}.bug-preview-img{object-fit:contain;width:100%;max-height:200px;display:block}.bug-preview-change{border:1.5px solid var(--primary);color:var(--primary);cursor:pointer;background:#fff;border-radius:7px;padding:5px 12px;font-family:Poppins,sans-serif;font-size:.78rem;font-weight:700;transition:background .2s,color .2s;position:absolute;bottom:8px;right:8px}.bug-preview-change:hover{background:var(--primary);color:#fff}.btn-secondary{border:1.5px solid var(--gray-200);color:var(--text-light);cursor:pointer;background:#fff;border-radius:10px;padding:9px 20px;font-family:Poppins,sans-serif;font-size:.85rem;font-weight:700;transition:border-color .2s,color .2s}.btn-secondary:hover:not(:disabled){border-color:var(--dark);color:var(--dark)}.btn-secondary:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:9px 22px;font-family:Poppins,sans-serif;font-size:.85rem;font-weight:700;transition:background .2s,box-shadow .2s}.btn-primary:hover:not(:disabled){background:var(--primary-dark,#3a7bd5);box-shadow:0 4px 14px rgb(var(--primary-rgb) / .35)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.bug-submit-btn{align-items:center;gap:7px;display:inline-flex}[data-theme=dark] .bug-modal-subtitle{color:var(--dark-muted)}[data-theme=dark] .bug-label{color:var(--text)}[data-theme=dark] .bug-textarea,[data-theme=dark] .bug-select{background:var(--page-bg);border-color:var(--gray-200);color:var(--dark)}[data-theme=dark] .bug-textarea:focus,[data-theme=dark] .bug-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgb(var(--primary-rgb) / .1)}[data-theme=dark] .bug-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E")}[data-theme=dark] .bug-dropzone{border-color:var(--gray-200);background:var(--page-bg)}[data-theme=dark] .bug-dropzone:hover{border-color:var(--primary);background:rgb(var(--primary-rgb) / .05)}[data-theme=dark] .bug-preview-wrap{border-color:var(--gray-200);background:var(--page-bg)}[data-theme=dark] .bug-preview-change{background:var(--surface);border-color:var(--primary);color:var(--primary)}[data-theme=dark] .bug-preview-change:hover{background:var(--primary);color:var(--page-bg)}[data-theme=dark] .btn-secondary{background:var(--surface);border-color:var(--gray-200);color:var(--text-light)}[data-theme=dark] .btn-secondary:hover:not(:disabled){border-color:var(--dark-muted);color:var(--text)}[data-theme=dark] .btn-primary{background:var(--primary);color:var(--page-bg)}[data-theme=dark] .btn-primary:hover:not(:disabled){background:var(--primary-dark);box-shadow:0 4px 14px rgb(var(--primary-rgb) / .25)}@media (width<=480px){.bug-row{grid-template-columns:1fr}}.consent-modal{flex-direction:column;width:95vw;max-width:640px;max-height:85vh;display:flex}.consent-modal-header{border-bottom:1px solid var(--gray-200);flex-shrink:0;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:0;padding:22px 28px 14px;display:flex}.consent-modal-header h2{color:var(--dark);margin:0;font-size:18px;font-weight:600}.consent-version{color:var(--text-light);white-space:nowrap;font-size:12px}.consent-body{flex:1;padding:18px 28px;overflow-y:auto}.consent-body pre{white-space:pre-wrap;word-break:break-word;color:var(--dark);margin:0;font-family:inherit;font-size:14px;line-height:1.7}.consent-footer{border-top:1px solid var(--gray-200);flex-shrink:0;justify-content:flex-end;gap:10px;padding:16px 28px;display:flex}[data-theme=dark] .consent-modal-header{border-bottom-color:var(--gray-200)}[data-theme=dark] .consent-modal-header h2{color:var(--dark)}[data-theme=dark] .consent-version{color:var(--dark-muted)}[data-theme=dark] .consent-body pre{color:#e2e8f0}[data-theme=dark] .consent-footer{border-top-color:var(--gray-200)}.cookie-banner{z-index:1200;border:none;border-top:1px solid var(--gray-200);max-width:none;color:inherit;background:var(--surface);margin:0;padding:16px;animation:.25s cookie-slide-up;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 28px #1a2b4a1f}@keyframes cookie-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.cookie-banner-inner{justify-content:space-between;align-items:center;gap:20px;max-width:1080px;margin:0 auto;display:flex}.cookie-banner-text{align-items:flex-start;gap:12px;display:flex}.cookie-banner-icon{border-radius:var(--radius-md);background:var(--primary-light);width:38px;height:38px;color:var(--primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.cookie-banner-title{color:var(--dark);margin:0 0 2px;font-size:.95rem;font-weight:700}.cookie-banner-desc{color:var(--text-light);max-width:620px;margin:0;font-size:.83rem;line-height:1.45}.cookie-banner-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.cookie-btn{border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;padding:9px 16px;font-size:.85rem;font-weight:600;transition:background .15s,border-color .15s,color .15s}.cookie-btn--primary{background:var(--primary);color:#fff;border:1px solid var(--primary)}.cookie-btn--primary:hover{background:var(--primary-dark);border-color:var(--primary-dark)}.cookie-btn--secondary{color:var(--dark);border:1px solid var(--gray-200);background:0 0}.cookie-btn--secondary:hover{background:var(--gray-50)}.cookie-btn--link{color:var(--primary);background:0 0;border:1px solid #0000;padding-left:8px;padding-right:8px}.cookie-btn--link:hover{text-decoration:underline}.cookie-modal{width:92vw;max-width:540px}.modal-icon.cookie-modal-icon{background:var(--primary-light);color:var(--primary)}.cookie-intro{color:var(--text-light);margin:0 0 18px;font-size:.85rem;line-height:1.5}.cookie-category{border:1px solid var(--gray-200);border-radius:var(--radius-md);margin-bottom:12px;padding:14px 16px}.cookie-category:last-child{margin-bottom:0}.cookie-category-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:6px;display:flex}.cookie-category-title{color:var(--dark);font-size:.9rem;font-weight:700}.cookie-category-desc{color:var(--text-light);margin:0;font-size:.8rem;line-height:1.45}.cookie-always{text-transform:uppercase;letter-spacing:.4px;color:var(--primary);white-space:nowrap;font-size:.72rem;font-weight:700}.cookie-switch{background:var(--gray-200);cursor:pointer;border:none;border-radius:999px;flex-shrink:0;width:42px;height:24px;padding:0;transition:background .18s;position:relative}.cookie-switch--on{background:var(--primary)}.cookie-switch-knob{background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .18s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0003}.cookie-switch--on .cookie-switch-knob{transform:translate(18px)}.cookie-switch:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@media (width<=720px){.cookie-banner-inner{flex-direction:column;align-items:stretch}.cookie-banner-actions{flex-wrap:wrap;justify-content:flex-end}}[data-theme=dark] .cookie-banner{box-shadow:0 -8px 28px #0006}[data-theme=dark] .cookie-btn--secondary:hover{background:var(--dark-hover)}[data-theme=dark] .cookie-switch{background:var(--gray-200)}.create-doctor-modal{max-width:680px}.modal-icon.doctor-icon{background:var(--purple-pale);color:var(--purple-mid)}.opt-label{color:var(--text-light);font-size:.72rem;font-weight:400}[data-theme=dark] .modal-icon.doctor-icon{color:var(--purple-soft);background:#2e1065}.modal-icon.create-patient-icon{color:#ea580c;background:#fff7ed}.create-patient-modal{max-width:600px}.create-patient-grid{grid-template-columns:1fr 1fr;gap:14px 16px;margin-bottom:16px;display:grid}.create-patient-full{grid-column:1/-1}[data-theme=dark] .modal-icon.create-patient-icon{color:#fb923c;background:#fb923c1a}.profile-modal{max-width:540px}.modal-icon.profile-icon{background:var(--cyan-pale);color:var(--cyan-dark)}.profile-body{padding:0 24px 24px}.profile-avatar-card{background:var(--gray-50);border-radius:12px;align-items:center;gap:16px;margin-bottom:20px;padding:20px;display:flex}.profile-avatar{background:linear-gradient(135deg, var(--primary), var(--accent));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.25rem;font-weight:700;display:flex}.profile-name-wrap{flex-direction:column;gap:4px;display:flex}.profile-fullname{color:var(--dark);font-size:1.05rem;font-weight:700;line-height:1.2}.profile-specialty{color:var(--primary);font-size:.83rem;font-weight:600}.profile-info-grid{grid-template-columns:1fr 1fr;gap:16px 24px;display:grid}.profile-field{flex-direction:column;gap:4px;display:flex}.profile-field-label{color:var(--text-light);text-transform:uppercase;letter-spacing:.5px;font-size:.72rem;font-weight:700}.profile-field-value{color:var(--dark);word-break:break-word;font-size:.9rem;font-weight:500}.profile-edit-form{flex-direction:column;gap:20px;display:flex}.profile-form-grid{grid-template-columns:1fr 1fr;gap:14px 20px;display:grid}.profile-form-actions{border-top:1px solid var(--gray-100);justify-content:flex-end;gap:10px;padding-top:4px;display:flex}@media (width<=480px){.profile-form-grid{grid-template-columns:1fr}}[data-theme=dark] .modal-icon.profile-icon{background:rgb(var(--primary-rgb) / .12);color:var(--primary)}[data-theme=dark] .profile-avatar-card{background:var(--surface)}[data-theme=dark] .profile-fullname{color:var(--dark)}[data-theme=dark] .profile-specialty{color:var(--primary)}[data-theme=dark] .profile-field-label{color:var(--dark-muted)}[data-theme=dark] .profile-field-value{color:var(--dark)}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:48px 24px;display:flex}.empty-state--compact{gap:8px;padding:28px 16px}.empty-state-icon{background:var(--gray-100,#eef1f6);width:72px;height:72px;color:var(--text-light,#4f5e7a);border-radius:50%;justify-content:center;align-items:center;display:flex}.empty-state--compact .empty-state-icon{width:56px;height:56px}.empty-state-title{color:var(--dark,#1a2b4a);margin:0;font-size:.95rem;font-weight:700}.empty-state--compact .empty-state-title{font-size:.88rem}.empty-state-desc{color:var(--text-light,#4f5e7a);max-width:360px;margin:0;font-size:.82rem;line-height:1.5}.empty-state-action{margin-top:6px}[data-theme=dark] .empty-state-icon{background:var(--dark-hover,#273549);color:var(--dark-muted,#64748b)}[data-theme=dark] .empty-state-title{color:var(--dark,#e2e8f0)}[data-theme=dark] .empty-state-desc{color:var(--dark-muted,#64748b)}.error-boundary{text-align:center;background:var(--gray-50,#f5f7fa);min-height:100vh;color:var(--text,#3d4f6e);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:24px;display:flex}.error-boundary-icon{color:#ef4444;background:#fef2f2;border-radius:50%;justify-content:center;align-items:center;width:84px;height:84px;display:flex}.error-boundary-title{color:var(--dark,#1a2b4a);margin:0;font-size:1.5rem;font-weight:800}.error-boundary-desc{color:var(--text-light,#4f5e7a);max-width:440px;margin:0;font-size:.95rem;line-height:1.6}.error-boundary-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:8px;display:flex}.error-boundary-btn{border:1.5px solid var(--gray-200,#d8dee8);color:var(--text,#3d4f6e);cursor:pointer;background:#fff;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-family:Open Sans,sans-serif;font-size:.9rem;font-weight:600;transition:border-color .2s,color .2s,background .2s,box-shadow .2s;display:inline-flex}.error-boundary-btn:hover{border-color:var(--primary,#4a90e2);color:var(--primary,#4a90e2)}.error-boundary-btn.primary{color:#fff;background:#2f6fb5;border-color:#2f6fb5}.error-boundary-btn.primary:hover{color:#fff;background:#285f9e;border-color:#285f9e;box-shadow:0 4px 14px #4a90e24d}[data-theme=dark] .error-boundary{background:var(--page-bg,#0f172a);color:var(--dark,#e2e8f0)}[data-theme=dark] .error-boundary-icon{background:#ef44441f}[data-theme=dark] .error-boundary-btn{background:var(--surface);border-color:var(--gray-200);color:var(--dark-muted)}.expiring-modal{width:95vw;max-width:860px}.modal-icon.expiring-icon--warn{background:var(--amber-pale);color:var(--amber-dark)}.modal-icon.expiring-icon--battery{color:var(--color-error);background:#fef2f2}.expiring-date{color:var(--amber-dark);white-space:nowrap;font-weight:600}.expiring-date.expiring-date--battery{color:var(--color-error)}[data-theme=dark] .modal-icon.expiring-icon--warn{background:rgb(var(--amber-rgb) / .12);color:var(--amber-dark)}[data-theme=dark] .modal-icon.expiring-icon--battery{background:rgb(var(--color-error-rgb) / .1);color:var(--color-error)}.hc-modal{width:97vw;max-width:1060px}.hc-icon{color:#047857;background:#ecfdf5}.hc-form{border-bottom:1.5px solid var(--gray-200)}.hc-form-grid{grid-template-columns:1fr 1fr 1fr;gap:12px 16px;margin-bottom:12px;display:grid}.hc-form-grid--edit{grid-template-columns:1fr 1fr}.hc-form-grid--full{grid-template-columns:1fr}.hc-table-wrap{overflow-x:auto}.hc-table th,.hc-table td{white-space:nowrap;padding:8px 10px}.hc-table th:first-child,.hc-table td:first-child,.hc-table th:nth-child(2),.hc-table td:nth-child(2),.hc-table th:nth-child(3),.hc-table td:nth-child(3),.hc-table th:nth-child(4),.hc-table td:nth-child(4){text-align:left}.hc-comment-cell{text-overflow:ellipsis;cursor:default;max-width:140px;overflow:hidden}.hc-row-actions{justify-content:flex-end;align-items:center;gap:4px;display:flex}.hc-edit-btn,.hc-delete-btn{border:1.5px solid var(--gray-200);cursor:pointer;width:28px;height:28px;color:var(--text-light);background:0 0;border-radius:7px;justify-content:center;align-items:center;transition:background .15s,border-color .15s,color .15s;display:flex}.hc-edit-btn:hover{border-color:var(--cyan-dark);color:var(--cyan-dark);background:var(--cyan-light)}.hc-delete-btn:hover{border-color:var(--rose);color:var(--rose);background:#ffe4e6}.hc-delete-confirm{white-space:nowrap;align-items:center;gap:6px;font-size:.75rem;display:flex}.hc-delete-confirm span{color:var(--text-light);font-weight:600}.hc-delete-yes{background:var(--rose);color:#fff;cursor:pointer;border:none;border-radius:6px;align-items:center;gap:4px;padding:3px 10px;font-family:Open Sans,sans-serif;font-size:.74rem;font-weight:700;display:flex}.hc-delete-no{border:1.5px solid var(--gray-200);color:var(--text-light);cursor:pointer;background:0 0;border-radius:6px;padding:3px 10px;font-family:Open Sans,sans-serif;font-size:.74rem;font-weight:600}.hc-row-editing{background:var(--ok-light)!important}[data-theme=dark] .hc-icon{color:#34d399;background:#0596691f}[data-theme=dark] .hc-edit-btn,[data-theme=dark] .hc-delete-btn{border-color:var(--gray-200);color:var(--dark-muted)}[data-theme=dark] .hc-edit-btn:hover{border-color:var(--cyan);color:var(--cyan);background:rgb(var(--cyan-rgb) / .1)}[data-theme=dark] .hc-delete-btn:hover{border-color:var(--rose);color:var(--rose);background:#fb71851a}[data-theme=dark] .hc-delete-no{border-color:var(--gray-200);color:var(--text-light)}[data-theme=dark] .hc-row-editing{background:#0596690f!important}.hc-transfer-btn{color:#6b7280;cursor:pointer;background:0 0;border:1.5px solid #d1d5db;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:border-color .15s,color .15s,background .15s;display:inline-flex}.hc-transfer-btn:hover{color:#047857;background:#05966914;border-color:#059669}.hc-row-transferring{background:#0596690a!important}.hc-transfer-form{border-top:2px solid #d1fae5}.hc-transfer-banner{color:#047857;align-items:center;gap:8px;padding:10px 20px 0;font-size:.9rem;display:flex}.hc-transfer-tc{color:#6b7280;font-size:.82rem;font-weight:400}.hc-transfer-save-btn{background:#059669!important}.hc-transfer-save-btn:not(:disabled):hover{background:#047857!important}[data-theme=dark] .hc-transfer-btn{border-color:var(--gray-200);color:var(--dark-muted)}[data-theme=dark] .hc-transfer-btn:hover{color:#10b981;background:#10b9811a;border-color:#10b981}[data-theme=dark] .hc-transfer-form{border-top-color:#065f46}[data-theme=dark] .hc-transfer-banner{color:#10b981}[data-theme=dark] .hc-row-transferring{background:#10b9810d!important}.lang-toggle{cursor:pointer;letter-spacing:.5px;flex-shrink:0;justify-content:center;align-items:center;font-family:Poppins,sans-serif;font-weight:700;transition:background .2s,color .2s,border-color .2s;display:inline-flex}.lang-toggle--navbar{width:38px;height:34px;color:var(--text-light);border:1.5px solid var(--gray-200);background:0 0;border-radius:8px;font-size:.75rem}.lang-toggle--navbar:hover{background:var(--gray-50);color:var(--primary);border-color:var(--primary)}[data-theme=dark] .lang-toggle--navbar{color:var(--text-light);border-color:var(--gray-200);background:0 0}[data-theme=dark] .lang-toggle--navbar:hover{background:var(--surface);color:var(--primary);border-color:var(--primary)}.lang-toggle--sidebar{color:#ffffffb8;background:0 0;border:1.5px solid #ffffff1a;border-radius:8px;width:34px;height:32px;font-size:.72rem}.lang-toggle--sidebar:hover{color:#fff;background:#ffffff0f;border-color:#fff6}.page-loader{background:var(--bg,#f8fafc);z-index:9999;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}[data-theme=dark] .page-loader{background:var(--page-bg)}.page-loader-icon{background:var(--primary,#4a90e2);color:#fff;border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;animation:1.2s ease-in-out infinite loader-pulse;display:flex}@keyframes loader-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.75;transform:scale(.88)}}.accessories-modal{max-width:1000px}.accessories-icon{background:var(--amber-light);color:var(--amber-dark)}.ac-notes-field{grid-column:1/-1}[data-theme=dark] .accessories-icon{background:rgb(var(--amber-rgb) / .12);color:var(--color-warning)}.appointments-modal{max-width:860px}.col-action{text-align:right;width:100px}.ap-edit-btn{border:1.5px solid var(--gray-200);color:var(--text);cursor:pointer;white-space:nowrap;background:#fff;border-radius:8px;align-items:center;gap:5px;padding:5px 11px;font-family:Open Sans,sans-serif;font-size:.78rem;font-weight:600;transition:border-color .2s,color .2s,background .2s;display:inline-flex}.ap-edit-btn:hover{border-color:var(--cyan-dark);color:var(--cyan-dark);background:var(--cyan-light)}.appointments-icon{background:var(--cyan-light);color:var(--cyan-dark)}.appointments-form-grid{grid-template-columns:1fr 1fr;gap:14px 16px;margin-bottom:16px;display:grid}.ap-upcoming{font-weight:600;color:var(--cyan-dark)!important}.badge-blue{background:var(--cyan-light);color:var(--cyan-dark)}.modal-filter-row{flex-wrap:wrap;align-items:center;gap:12px;padding:10px 24px 0;display:flex}.ap-status-filter{border:1.5px solid var(--gray-200);color:var(--text);cursor:pointer;background:#fff;border-radius:8px;outline:none;padding:5px 10px;font-family:Open Sans,sans-serif;font-size:.8rem;font-weight:600;transition:border-color .2s}.ap-status-filter:hover,.ap-status-filter:focus{border-color:var(--primary)}[data-theme=dark] .ap-status-filter{background:var(--surface);border-color:var(--gray-200);color:var(--dark)}[data-theme=dark] .ap-edit-btn{background:var(--surface);border-color:var(--gray-200);color:var(--text)}[data-theme=dark] .ap-edit-btn:hover{border-color:var(--cyan);color:var(--cyan);background:rgb(var(--cyan-rgb) / .08)}[data-theme=dark] .appointments-icon{background:rgb(var(--cyan-rgb) / .12);color:var(--cyan)}[data-theme=dark] .ap-upcoming{color:var(--cyan)!important}[data-theme=dark] .badge-blue{background:rgb(var(--cyan-rgb) / .12);color:var(--cyan)}.audiogram-modal{width:97vw;max-width:960px}.audiogram-icon{background:var(--ok-light);color:var(--ok-dark)}.audiogram-form{border-bottom:1.5px solid var(--gray-200)}.audiogram-form-top{grid-template-columns:1fr 1fr;gap:14px 16px;margin-bottom:14px;display:grid}.audiogram-freq-row{margin-bottom:12px}.audiogram-ear-label{text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;font-size:.74rem;font-weight:700;display:block}.audiogram-ear-right{color:var(--cyan-dark)}.audiogram-ear-left{color:var(--purple)}.audiogram-freq-inputs{grid-template-columns:repeat(6,1fr);gap:8px;display:grid}.audiogram-freq-cell{flex-direction:column;gap:3px;display:flex}.audiogram-freq-hz{color:var(--text-light);text-align:center;font-size:.68rem;font-weight:700}.audiogram-freq-cell input{text-align:center;padding:6px 4px;font-size:.85rem}.audiogram-table-wrap{overflow-x:auto}.audiogram-table th:first-child,.audiogram-table td:first-child,.audiogram-table th:nth-child(2),.audiogram-table td:nth-child(2),.audiogram-table th:nth-child(3),.audiogram-table td:nth-child(3){text-align:left}.ear-group-left{background:var(--purple-light)!important;color:var(--purple)!important}.audiogram-files-section{margin-bottom:14px}.audiogram-files-header{align-items:center;gap:10px;margin-bottom:8px;display:flex}.audiogram-files-label{color:var(--text);font-size:.78rem;font-weight:700}.add-file-btn{border:1.5px dashed var(--gray-200);color:var(--text-light);cursor:pointer;background:0 0;border-radius:7px;align-items:center;gap:5px;padding:4px 12px;font-family:Open Sans,sans-serif;font-size:.76rem;font-weight:600;transition:border-color .2s,color .2s;display:inline-flex}.add-file-btn:hover{border-color:var(--primary);color:var(--primary)}.audiogram-file-list{flex-direction:column;gap:6px;display:flex}.audiogram-file-row{border:1.5px solid var(--gray-200);background:var(--bg-secondary);border-radius:8px;align-items:center;gap:8px;padding:6px 10px;display:flex}.audiogram-file-icon{color:var(--text-light);flex-shrink:0}.audiogram-file-name{color:var(--text);background:0 0;border:none;outline:none;flex:1;min-width:0;font-family:Open Sans,sans-serif;font-size:.82rem}.audiogram-file-size{color:var(--text-light);white-space:nowrap;flex-shrink:0;font-size:.72rem}.audiogram-file-remove{width:22px;height:22px;color:var(--text-light);cursor:pointer;background:0 0;border:none;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.audiogram-file-remove:hover{color:var(--rose);background:#ffe4e6}.ag-row-actions{justify-content:flex-end;align-items:center;gap:4px;display:flex}.ag-files-btn{border:1.5px solid var(--gray-200);cursor:pointer;height:28px;color:var(--text-light);background:0 0;border-radius:7px;align-items:center;gap:3px;padding:0 8px;font-family:Open Sans,sans-serif;font-size:.72rem;font-weight:600;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.ag-files-btn:hover,.ag-files-btn--active{border-color:var(--amber-dark);color:var(--amber-dark);background:var(--amber-pale)}.ag-files-count{font-size:.7rem;font-weight:700}.ag-files-row>td{border-top:none!important;padding:0!important}.ag-files-panel{background:var(--bg-secondary);border-top:1px dashed var(--gray-200);border-bottom:1.5px solid var(--gray-200);padding:8px 16px 10px 40px}.ag-files-loading,.ag-files-empty{color:var(--text-light);align-items:center;gap:6px;font-size:.78rem;display:flex}.ag-files-list{flex-direction:column;gap:4px;display:flex}.ag-file-item{background:var(--bg);border:1px solid var(--gray-200);border-radius:6px;align-items:center;gap:6px;max-width:520px;padding:4px 8px;display:flex}.ag-file-item-icon{color:var(--text-light);flex-shrink:0}.ag-file-item-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:.8rem;overflow:hidden}.ag-file-item-ext{color:var(--text-light);flex-shrink:0;font-size:.72rem}.ag-file-item-size{color:var(--text-light);white-space:nowrap;flex-shrink:0;font-size:.72rem}.ag-download-btn{border:1.5px solid var(--gray-200);cursor:pointer;width:24px;height:24px;color:var(--text-light);background:0 0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,border-color .15s,color .15s;display:flex}.ag-download-btn:hover{border-color:var(--cyan-dark);color:var(--cyan-dark);background:var(--cyan-light)}.ag-edit-btn,.ag-delete-btn{border:1.5px solid var(--gray-200);cursor:pointer;width:28px;height:28px;color:var(--text-light);background:0 0;border-radius:7px;justify-content:center;align-items:center;transition:background .15s,border-color .15s,color .15s;display:flex}.ag-edit-btn:hover{border-color:var(--cyan-dark);color:var(--cyan-dark);background:var(--cyan-light)}.ag-delete-btn:hover{border-color:var(--rose);color:var(--rose);background:#ffe4e6}.ag-delete-confirm{white-space:nowrap;align-items:center;gap:6px;font-size:.75rem;display:flex}.ag-delete-confirm span{color:var(--text-light);font-weight:600}.ag-delete-yes{background:var(--rose);color:#fff;cursor:pointer;border:none;border-radius:6px;align-items:center;gap:4px;padding:3px 10px;font-family:Open Sans,sans-serif;font-size:.74rem;font-weight:700;display:flex}.ag-delete-no{border:1.5px solid var(--gray-200);color:var(--text-light);cursor:pointer;background:0 0;border-radius:6px;padding:3px 10px;font-family:Open Sans,sans-serif;font-size:.74rem;font-weight:600}.row-editing{background:var(--cyan-pale)!important}.audiogram-existing-files-count{color:var(--text-light);margin-left:6px;font-size:.72rem;font-weight:600}.audiogram-btn{border:1.5px solid var(--gray-200);color:var(--text);cursor:pointer;white-space:nowrap;background:#fff;border-radius:8px;align-items:center;gap:5px;padding:5px 11px;font-family:Open Sans,sans-serif;font-size:.78rem;font-weight:600;transition:border-color .2s,color .2s,background .2s;display:inline-flex}.audiogram-btn:hover{border-color:var(--ok-dark);color:var(--ok-dark);background:var(--ok-light)}[data-theme=dark] .audiogram-icon{color:var(--ok-bright);background:#16a34a1f}[data-theme=dark] .audiogram-ear-right{color:var(--cyan)}[data-theme=dark] .audiogram-ear-left{color:var(--purple-soft)}[data-theme=dark] .ear-group-left{background:rgb(var(--purple-rgb) / .1)!important;color:var(--purple-soft)!important}[data-theme=dark] .audiogram-btn{background:var(--surface);border-color:var(--gray-200);color:var(--text)}[data-theme=dark] .audiogram-btn:hover{border-color:var(--ok-bright);color:var(--ok-bright);background:#4ade8014}[data-theme=dark] .audiogram-file-row{border-color:var(--gray-200);background:var(--surface)}[data-theme=dark] .add-file-btn{color:var(--text-light);border-color:#475569}[data-theme=dark] .add-file-btn:hover{border-color:var(--primary);color:var(--primary)}[data-theme=dark] .audiogram-file-remove:hover{background:rgb(var(--rose-rgb) / .15);color:var(--rose)}[data-theme=dark] .ag-edit-btn,[data-theme=dark] .ag-delete-btn{border-color:var(--gray-200);color:var(--dark-muted)}[data-theme=dark] .ag-edit-btn:hover{border-color:var(--cyan);color:var(--cyan);background:rgb(var(--cyan-rgb) / .1)}[data-theme=dark] .ag-delete-btn:hover{border-color:var(--rose);color:var(--rose);background:#fb71851a}[data-theme=dark] .row-editing{background:rgb(var(--cyan-rgb) / .06)!important}[data-theme=dark] .ag-delete-no{border-color:var(--gray-200);color:var(--text-light)}[data-theme=dark] .ag-files-btn{border-color:var(--gray-200);color:var(--dark-muted)}[data-theme=dark] .ag-files-btn:hover,[data-theme=dark] .ag-files-btn--active{border-color:var(--color-warning);color:var(--color-warning);background:rgb(var(--amber-rgb) / .08)}[data-theme=dark] .ag-files-panel{background:var(--surface);border-color:var(--gray-200)}[data-theme=dark] .ag-files-row>td{border-top:none!important}[data-theme=dark] .ag-file-item{background:var(--page-bg);border-color:var(--gray-200)}[data-theme=dark] .ag-download-btn{border-color:var(--gray-200);color:var(--dark-muted)}[data-theme=dark] .ag-download-btn:hover{border-color:var(--cyan);color:var(--cyan);background:rgb(var(--cyan-rgb) / .1)}.ag-col-check{text-align:center;width:36px;padding:0 4px!important}.ag-checkbox{cursor:pointer;width:15px;height:15px;accent-color:var(--primary)}.ag-row-selected{background:#6366f10f!important}.ag-chart-pdf-btn{border:1.5px solid var(--purple);color:var(--purple);cursor:pointer;white-space:nowrap;background:0 0;border-radius:9px;align-items:center;gap:6px;padding:7px 14px;font-family:Open Sans,sans-serif;font-size:.8rem;font-weight:700;transition:background .15s,color .15s;display:inline-flex}.ag-chart-pdf-btn:hover:not(:disabled){background:var(--purple);color:#fff}.ag-chart-pdf-btn:disabled{opacity:.6;cursor:not-allowed}.ag-chart-pdf-count{background:var(--purple);color:#fff;border-radius:20px;margin-left:2px;padding:1px 7px;font-size:.72rem;font-weight:600}.ag-chart-pdf-btn:hover:not(:disabled) .ag-chart-pdf-count{color:var(--purple);background:#fff}[data-theme=dark] .ag-row-selected{background:#6366f117!important}[data-theme=dark] .ag-chart-pdf-btn{border-color:var(--purple-soft);color:var(--purple-soft)}[data-theme=dark] .ag-chart-pdf-btn:hover:not(:disabled),[data-theme=dark] .ag-chart-pdf-btn .ag-chart-pdf-count{background:var(--purple-soft);color:var(--page-bg)}[data-theme=dark] .ag-chart-pdf-btn:hover:not(:disabled) .ag-chart-pdf-count{background:var(--page-bg);color:var(--purple-soft)}.modal-icon.files{background:var(--ok-light);color:var(--ok-dark)}.file-upload-grid{grid-template-columns:1fr 1fr;gap:14px 16px;margin-bottom:16px;display:grid}.file-picker-input{display:none}.drop-zone{border:2px dashed var(--gray-200);background:var(--gray-50);width:100%;min-height:104px;font:inherit;color:inherit;box-sizing:border-box;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:12px;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;gap:8px;padding:24px 16px;transition:border-color .2s,background .2s;display:flex}.drop-zone:hover,.drop-zone--over{border-color:var(--primary);background:rgb(var(--primary-rgb) / .05)}.drop-zone--filled{border-style:solid;border-color:var(--ok-dark);background:var(--ok-light)}.drop-zone-icon{color:var(--text-light);transition:color .2s}.drop-zone:hover .drop-zone-icon,.drop-zone--over .drop-zone-icon{color:var(--primary)}.drop-zone-hint{color:var(--text-light);text-align:center;font-size:.83rem}.drop-zone-file{align-items:center;gap:8px;display:flex}.drop-zone-filename{color:var(--ok-dark);word-break:break-all;font-size:.88rem;font-weight:600}.drop-zone-size{color:var(--ok-dark);opacity:.8;font-size:.78rem}[data-theme=dark] .drop-zone{border-color:var(--gray-200);background:var(--surface)}[data-theme=dark] .drop-zone:hover,[data-theme=dark] .drop-zone--over{border-color:var(--primary);background:rgb(var(--primary-rgb) / .08)}[data-theme=dark] .drop-zone--filled{border-color:var(--ok);background:#22c55e14}[data-theme=dark] .drop-zone-icon{color:#475569}[data-theme=dark] .drop-zone:hover .drop-zone-icon,[data-theme=dark] .drop-zone--over .drop-zone-icon{color:var(--primary)}[data-theme=dark] .drop-zone-hint{color:var(--dark-muted)}[data-theme=dark] .drop-zone-filename,[data-theme=dark] .drop-zone-size{color:var(--ok)}.files-table{border-collapse:collapse;width:100%}.files-table thead tr{background:var(--gray-50);border-bottom:1px solid var(--gray-200);z-index:1;position:sticky;top:0}.files-table th{text-align:left;color:var(--text-light);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;padding:11px 16px;font-size:.75rem;font-weight:700}.files-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .2s}.files-table th.sortable:hover{color:var(--primary)}.files-table tbody tr{border-bottom:1px solid var(--gray-100);transition:background .15s}.files-table tbody tr:last-child{border-bottom:none}.files-table tbody tr:hover{background:var(--gray-50)}.files-table td{color:var(--dark);padding:12px 16px;font-size:.88rem}.col-filename{min-width:200px}.filename-wrap{align-items:center;gap:8px;display:flex}.filename-text{color:var(--dark);word-break:break-all;font-weight:600}.ext-icon{flex-shrink:0}.ext-pdf{color:var(--rose)}.ext-doc{color:#2563eb}.ext-img{color:#0e7490}.ext-audio{color:var(--purple)}.ext-default{color:var(--text-light)}.ext-badge{background:var(--gray-100);color:var(--text-light);text-transform:uppercase;letter-spacing:.3px;border-radius:6px;padding:2px 8px;font-size:.75rem;font-weight:700;display:inline-block}.col-file-action{text-align:right;min-width:120px}.file-download-btn{border:1.5px solid var(--gray-200);color:var(--text-light);cursor:pointer;white-space:nowrap;background:#fff;border-radius:8px;align-items:center;gap:5px;padding:5px 11px;font-family:Open Sans,sans-serif;font-size:.78rem;font-weight:600;transition:border-color .2s,color .2s,background .2s,box-shadow .2s;display:inline-flex}.file-download-btn:hover:not(:disabled){color:#0e7490;background:#ecfeff;border-color:#0e7490;box-shadow:0 2px 8px #0891b21f}.file-download-btn:disabled{opacity:.55;cursor:not-allowed}[data-theme=dark] .file-download-btn{background:var(--surface);border-color:var(--gray-200);color:var(--dark-muted)}[data-theme=dark] .file-download-btn:hover:not(:disabled){color:#22d3ee;background:#22d3ee14;border-color:#22d3ee}[data-theme=dark] .files-table thead tr{background:var(--page-bg);border-bottom-color:var(--gray-200)}[data-theme=dark] .files-table th{color:var(--dark-muted)}[data-theme=dark] .files-table tbody tr{border-bottom-color:var(--gray-200)}[data-theme=dark] .files-table tbody tr:hover{background:var(--dark-hover)}[data-theme=dark] .files-table td,[data-theme=dark] .filename-text{color:var(--dark)}[data-theme=dark] .ext-badge{background:var(--gray-200);color:var(--text-light)}.history-modal{width:96vw;max-width:920px}.history-icon{background:var(--cyan-pale);color:var(--cyan-dark)}.history-loading{color:var(--text-light);justify-content:center;align-items:center;gap:10px;padding:52px 24px;font-size:.9rem;display:flex}.history-patient-card{background:var(--bg-secondary);border-bottom:1.5px solid var(--gray-200);flex-wrap:wrap;gap:10px 36px;padding:12px 24px 14px;display:flex}.history-patient-field{flex-direction:column;gap:2px;display:flex}.history-patient-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-light);font-size:.68rem;font-weight:700}.history-patient-value{color:var(--text);font-size:.84rem;font-weight:600}.history-tabs{border-bottom:1.5px solid var(--gray-200);gap:0;padding:0 24px;display:flex;overflow-x:auto}.history-tab{color:var(--text-light);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2.5px solid #0000;align-items:center;gap:7px;margin-bottom:-1.5px;padding:10px 14px;font-family:Open Sans,sans-serif;font-size:.81rem;font-weight:600;transition:color .15s,border-color .15s;display:inline-flex}.history-tab:hover{color:var(--text)}.history-tab.active{color:var(--primary);border-bottom-color:var(--primary)}.history-tab-count{background:var(--gray-200);color:var(--text-light);border-radius:10px;padding:1px 6px;font-size:.68rem;font-weight:700;line-height:1.6}.history-tab.active .history-tab-count{background:var(--primary);color:#fff}.history-body{max-height:360px;padding:16px 24px 20px;overflow-y:auto}.history-empty{text-align:center;color:var(--text-light);margin:0;padding:48px 0;font-size:.9rem}.history-note-card{border:1.5px solid var(--gray-200);border-radius:10px;margin-bottom:10px;padding:12px 16px}.history-note-card:last-child{margin-bottom:0}.history-note-header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:6px;display:flex}.history-note-title{color:var(--text);font-size:.88rem;font-weight:700}.history-note-meta{color:var(--text-light);white-space:nowrap;flex-shrink:0;font-size:.74rem}.history-note-content{color:var(--text);white-space:pre-wrap;word-break:break-word;margin:0;font-size:.83rem;line-height:1.55}.audiogram-wrap{overflow-x:auto}.audiogram-table th,.audiogram-table td{text-align:center;white-space:nowrap;padding:8px 10px}.ag-notes-cell{text-overflow:ellipsis;cursor:default;max-width:160px;overflow:hidden}.audiogram-table th:first-child,.audiogram-table td:first-child,.audiogram-table th:nth-child(2),.audiogram-table td:nth-child(2){text-align:left}.ear-group-header{letter-spacing:.04em;font-size:.72rem;font-weight:700;background:var(--cyan-pale)!important;color:var(--cyan-dark)!important}.freq-header{color:var(--text-light);font-size:.72rem;font-weight:600}.history-btn{border:1.5px solid var(--gray-200);color:var(--text);cursor:pointer;white-space:nowrap;background:#fff;border-radius:8px;align-items:center;gap:5px;padding:5px 11px;font-family:Open Sans,sans-serif;font-size:.78rem;font-weight:600;transition:border-color .2s,color .2s,background .2s;display:inline-flex}.history-btn:hover{border-color:var(--cyan-dark);color:var(--cyan-dark);background:var(--cyan-pale)}[data-theme=dark] .history-icon{background:rgb(var(--cyan-rgb) / .12);color:var(--cyan)}[data-theme=dark] .history-note-card{border-color:var(--gray-200)}[data-theme=dark] .ear-group-header{background:rgb(var(--cyan-rgb) / .08)!important;color:var(--cyan)!important}[data-theme=dark] .history-btn{background:var(--surface);border-color:var(--gray-200);color:var(--text)}[data-theme=dark] .history-btn:hover{border-color:var(--cyan);color:var(--cyan);background:rgb(var(--cyan-rgb) / .08)}.history-pdf-btn{border:1.5px solid var(--amber-deeper);color:var(--amber-deeper);cursor:pointer;white-space:nowrap;background:0 0;border-radius:9px;align-items:center;gap:6px;padding:7px 14px;font-family:Open Sans,sans-serif;font-size:.8rem;font-weight:700;transition:background .15s,color .15s;display:inline-flex}.history-pdf-btn:hover:not(:disabled){background:var(--amber-deeper);color:#fff}.history-pdf-btn:disabled{opacity:.6;cursor:not-allowed}[data-theme=dark] .history-pdf-btn{border-color:var(--color-warning);color:var(--color-warning)}[data-theme=dark] .history-pdf-btn:hover:not(:disabled){background:var(--color-warning);color:var(--page-bg)}.notes-modal{max-width:700px}.notes-icon{color:var(--purple);background:#faf5ff}.note-add-form{border-bottom:1px solid var(--gray-200);background:var(--gray-50);flex-shrink:0;padding:20px 24px;animation:.18s slide-down}.note-form-field{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.note-form-row{margin-bottom:12px}.note-form-field--title input{border:1.5px solid var(--gray-200);height:40px;color:var(--dark);box-sizing:border-box;background:#fff;border-radius:9px;outline:none;width:100%;padding:0 12px;font-family:Open Sans,sans-serif;font-size:.88rem;transition:border-color .2s,box-shadow .2s}.note-form-field--title input:focus{border-color:var(--purple);box-shadow:0 0 0 3px rgb(var(--purple-rgb) / .1)}.note-form-field label{color:var(--text);letter-spacing:.2px;font-size:.78rem;font-weight:700}.note-form-field textarea,.note-edit-textarea{border:1.5px solid var(--gray-200);color:var(--dark);resize:vertical;background:#fff;border-radius:9px;outline:none;padding:10px 12px;font-family:Open Sans,sans-serif;font-size:.88rem;line-height:1.6;transition:border-color .2s,box-shadow .2s}.note-form-field textarea:focus,.note-edit-textarea:focus{border-color:var(--purple);box-shadow:0 0 0 3px rgb(var(--purple-rgb) / .1)}.notes-body{flex:1;overflow-y:auto}.notes-loading,.notes-empty{color:var(--text-light);justify-content:center;align-items:center;gap:10px;padding:56px 20px;font-size:.9rem;display:flex}.notes-list{margin:0;padding:0;list-style:none}.note-item{border-bottom:1px solid var(--gray-100);align-items:flex-start;gap:14px;padding:18px 24px;transition:background .15s;display:flex}.note-item:last-child{border-bottom:none}.note-item:hover{background:var(--gray-50)}.note-item--editing{background:var(--gray-50)!important}.note-num{min-width:22px;color:var(--text-light);flex-shrink:0;padding-top:3px;font-size:.75rem;font-weight:700}.note-body{flex:1;min-width:0}.note-title{color:var(--dark);word-break:break-word;margin:0 0 4px;font-size:.92rem;font-weight:700}.note-content{color:var(--text-light);white-space:pre-wrap;word-break:break-word;margin:0 0 8px;font-size:.88rem;line-height:1.65}.note-meta{color:var(--text-light);flex-wrap:wrap;align-items:center;gap:5px;font-size:.78rem;display:flex}.note-doctor{font-weight:600}.note-dot{opacity:.4}.note-updated{font-style:italic}.note-actions{flex-direction:column;flex-shrink:0;align-items:center;gap:4px;display:flex}.note-edit-btn,.note-delete-btn{border:1.5px solid var(--gray-200);width:30px;height:30px;color:var(--text-light);cursor:pointer;background:#fff;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;transition:border-color .2s,color .2s,background .2s;display:flex}.note-edit-btn:hover{border-color:var(--purple);color:var(--purple);background:#faf5ff}.note-delete-btn:hover{border-color:var(--rose);color:var(--rose);background:#fff1f2}.note-delete-confirm{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:4px;display:flex}.note-delete-confirm-text{color:var(--text-light);text-align:right;max-width:160px;font-size:.74rem}.note-edit-title-wrap{margin-bottom:10px}.note-edit-title{border:1.5px solid var(--gray-200);width:100%;height:40px;color:var(--dark);box-sizing:border-box;background:#fff;border-radius:9px;outline:none;padding:0 12px;font-family:Open Sans,sans-serif;font-size:.88rem;font-weight:700;transition:border-color .2s,box-shadow .2s}.note-edit-title:focus{border-color:var(--purple);box-shadow:0 0 0 3px rgb(var(--purple-rgb) / .1)}.note-edit-textarea{box-sizing:border-box;width:100%;margin-bottom:10px}.note-edit-error{background:var(--rose-light);border:1px solid var(--rose-border);color:var(--rose-dark);border-radius:8px;margin-bottom:10px;padding:8px 12px;font-size:.83rem;font-weight:600}.note-edit-actions{justify-content:flex-end;gap:8px;display:flex}[data-theme=dark] .notes-icon{background:rgb(var(--purple-rgb) / .1);color:var(--purple-soft)}[data-theme=dark] .note-add-form{background:var(--page-bg);border-bottom-color:var(--gray-200)}[data-theme=dark] .note-form-field label{color:var(--text)}[data-theme=dark] .note-form-field textarea,[data-theme=dark] .note-edit-textarea{background:var(--surface);border-color:var(--gray-200);color:var(--dark)}[data-theme=dark] .note-form-field textarea:focus,[data-theme=dark] .note-edit-textarea:focus{border-color:var(--purple-soft);box-shadow:0 0 0 3px rgb(var(--purple-rgb) / .1)}[data-theme=dark] .note-item{border-bottom-color:var(--gray-200)}[data-theme=dark] .note-item:hover{background:var(--dark-hover)}[data-theme=dark] .note-item--editing{background:var(--dark-hover)!important}[data-theme=dark] .note-num{color:#475569}[data-theme=dark] .note-title{color:var(--dark)}[data-theme=dark] .note-content{color:var(--text-light)}[data-theme=dark] .note-edit-title{background:var(--surface);border-color:var(--gray-200);color:var(--dark)}[data-theme=dark] .note-edit-title:focus{border-color:var(--purple-soft);box-shadow:0 0 0 3px rgb(var(--purple-rgb) / .1)}[data-theme=dark] .note-form-field--title input{background:var(--surface);border-color:var(--gray-200);color:var(--dark)}[data-theme=dark] .note-form-field--title input:focus{border-color:var(--purple-soft);box-shadow:0 0 0 3px rgb(var(--purple-rgb) / .1)}[data-theme=dark] .note-meta{color:var(--dark-muted)}[data-theme=dark] .note-edit-btn,[data-theme=dark] .note-delete-btn{background:var(--surface);border-color:var(--gray-200);color:var(--dark-muted)}[data-theme=dark] .note-edit-btn:hover{background:rgb(var(--purple-rgb) / .1);border-color:var(--purple-soft);color:var(--purple-soft)}[data-theme=dark] .note-delete-btn:hover{background:rgb(var(--rose-rgb) / .1);border-color:var(--rose);color:var(--rose)}[data-theme=dark] .note-edit-error{background:rgb(var(--rose-rgb) / .1);color:var(--color-error);border-color:#fecdd333}.policy-modal{width:95vw;max-width:680px}.modal-icon.policy-icon--privacy{background:var(--primary-light);color:var(--primary)}.modal-icon.policy-icon--kvkk{background:var(--purple-pale);color:var(--purple-mid)}.policy-scroll{max-height:68vh;padding:24px 28px;overflow-y:auto}.policy-body{color:var(--text);font-size:.9rem;line-height:1.75}.policy-date{color:var(--text-light);margin-bottom:20px;font-size:.8rem;font-style:italic}.policy-body h3{color:var(--dark);margin:22px 0 8px;font-size:.95rem;font-weight:700}.policy-body p{margin:0 0 10px}.policy-body ul{margin:0 0 10px;padding-left:20px}.policy-body ul li{margin-bottom:5px}.policy-body a{color:var(--primary);font-weight:600;text-decoration:none}.policy-body a:hover{text-decoration:underline}[data-theme=dark] .modal-icon.policy-icon--privacy{background:rgb(var(--primary-rgb) / .12)}[data-theme=dark] .modal-icon.policy-icon--kvkk{background:rgb(var(--purple-rgb,139 92 246) / .12)}[data-theme=dark] .policy-body,[data-theme=dark] .policy-body h3,[data-theme=dark] .policy-body p,[data-theme=dark] .policy-body li{color:var(--dark)}[data-theme=dark] .policy-date{color:var(--dark-muted)}.stock-modal{width:95vw;max-width:960px}.modal-icon.stock-icon{background:var(--primary-light);color:var(--primary)}.st-desc-field{grid-column:1/-1}.stock-lowstock-toggle{color:var(--dark);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:.85rem;font-weight:600;display:inline-flex}.stock-lowstock-toggle input{width:16px;height:16px;accent-color:var(--primary);cursor:pointer}.stock-category-filter{color:var(--text-light);align-items:center;gap:8px;margin-left:auto;font-size:.85rem;font-weight:600;display:inline-flex}.stock-category-filter select{color:var(--dark);background:var(--surface,white);border:1.5px solid var(--gray-200);cursor:pointer;border-radius:8px;padding:5px 10px;font-family:Open Sans,sans-serif;font-size:.82rem;font-weight:600;transition:border-color .2s}.stock-category-filter select:hover{border-color:var(--primary)}[data-theme=dark] .stock-category-filter select{background:var(--surface);border-color:var(--gray-200);color:var(--dark)}.stock-qty--low{color:var(--color-error);font-weight:700}.stock-row--low td{color:var(--color-error)!important}.theme-toggle{cursor:pointer;border:none;flex-shrink:0;justify-content:center;align-items:center;transition:background .2s,color .2s,box-shadow .2s;display:inline-flex}.theme-toggle--navbar{width:34px;height:34px;color:var(--text-light);border:1.5px solid var(--gray-200);background:0 0;border-radius:8px}.theme-toggle--navbar:hover{background:var(--gray-50);color:var(--primary);border-color:var(--primary)}[data-theme=dark] .theme-toggle--navbar{color:var(--text-light);border-color:var(--gray-200);background:0 0}[data-theme=dark] .theme-toggle--navbar:hover{background:var(--surface);color:var(--color-warning);border-color:var(--color-warning)}.theme-toggle--sidebar{color:#ffffff59;background:0 0;border:1.5px solid #ffffff1a;border-radius:8px;width:32px;height:32px}.theme-toggle--sidebar:hover{color:var(--color-warning);border-color:var(--color-warning);background:rgb(var(--amber-rgb) / .08)}.toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:10px;width:calc(100vw - 48px);max-width:400px;display:flex;position:fixed;bottom:24px;right:24px}.toast{pointer-events:all;border:1px solid #0000;border-radius:13px;align-items:flex-start;gap:12px;padding:14px 16px;animation:.28s cubic-bezier(.34,1.56,.64,1) toast-slide-in;display:flex;box-shadow:0 8px 32px #0f172a2e,0 2px 8px #0f172a14}@keyframes toast-slide-in{0%{opacity:0;transform:translate(calc(100% + 32px))}to{opacity:1;transform:translate(0)}}.toast--error{background:var(--rose-light);border-color:var(--rose-border);color:var(--rose-dark)}.toast--success{background:var(--ok-light);color:#15803d;border-color:#bbf7d0}.toast--info{background:var(--primary-light);color:#1d4ed8;border-color:#bfdbfe}.toast-icon{flex-shrink:0;margin-top:1px;display:flex}.toast-msg{word-break:break-word;flex:1;margin:0;font-family:Open Sans,sans-serif;font-size:.875rem;font-weight:600;line-height:1.5}.toast-close{cursor:pointer;opacity:.55;color:inherit;background:0 0;border:none;border-radius:5px;flex-shrink:0;align-items:center;margin-top:1px;padding:2px;transition:opacity .15s;display:flex}.toast-close:hover{opacity:1}[data-theme=dark] .toast--error{color:#fca5a5;background:#1e0a10;border-color:#f871714d;box-shadow:0 8px 32px #00000080}[data-theme=dark] .toast--success{color:#86efac;background:#052e16;border-color:#4ade804d;box-shadow:0 8px 32px #00000080}[data-theme=dark] .toast--info{border-color:rgb(var(--primary-rgb) / .3);color:var(--primary-dark);background:#0c1a3d;box-shadow:0 8px 32px #00000080}