@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined";:root{color-scheme:light dark;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--primary: #11b4d4;--bg-app: #f6f9fc;--text: #0f172a;--muted: #64748b;--card: #ffffff;--card-border: #e5e7eb}[data-theme=dark]{--bg-app: #0b1120;--text: #f1f5f9;--muted: #94a3b8;--card: #111827;--card-border: #1f2937}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;color:var(--text);background:var(--bg-app)}a{color:#0ea5e9;text-decoration:none}.container{max-width:1200px;margin:0 auto;padding:24px}.card{background:var(--card);border:1px solid var(--card-border);border-radius:12px;padding:20px;box-shadow:0 10px 20px #0206170a}.centered-page{min-height:100vh;display:flex;align-items:center;justify-content:center}.stack{display:flex;flex-direction:column;gap:16px}:root{--primary: #11b4d4;--primary-10: rgba(17, 180, 212, .1);--bg-light: #f8fafc;--text-muted: #64748b;--heading: #0f172a;--card-border: #e5e7eb}.login-root{min-height:100vh;background:#f8fafc;display:grid;grid-template-columns:1fr;position:relative;overflow:hidden}[data-theme=dark] .login-root{background:#0f172a}.login-root:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,rgba(17,180,212,.1) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(17,180,212,.08) 0%,transparent 50%),radial-gradient(circle at 40% 80%,rgba(17,180,212,.06) 0%,transparent 50%);pointer-events:none;z-index:0}[data-theme=dark] .login-root:before{background:radial-gradient(circle at 20% 30%,rgba(17,180,212,.15) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(17,180,212,.12) 0%,transparent 50%),radial-gradient(circle at 40% 80%,rgba(17,180,212,.1) 0%,transparent 50%)}@media (min-width: 768px){.login-root{grid-template-columns:1fr 1fr}}.login-left{display:none}@media (min-width: 768px){.login-left{display:flex;align-items:center;justify-content:center;position:relative;padding:48px;background:radial-gradient(80% 80% at 20% 10%,var(--primary-10),transparent 60%),linear-gradient(135deg,#11b4d40d,#f8fafc);overflow:hidden}[data-theme=dark] .login-left{background:radial-gradient(80% 80% at 20% 10%,rgba(17,180,212,.2),transparent 60%),linear-gradient(135deg,#11b4d41a,#0f172a)}}.login-hero{text-align:center}.login-title{padding:5px;letter-spacing:.04em;font-size:56px;font-weight:800;color:#0f172a;border-radius:20%}[data-theme=dark] .login-title{color:#f1f5f9}.login-title .accent{color:var(--primary)}.login-subtitle{margin-top:10px;color:#64748b;max-width:520px}[data-theme=dark] .login-subtitle{color:#94a3b8}.bubble{position:absolute;border-radius:9999px;background:#11b4d41a;filter:blur(5px);opacity:.5;animation:subtle-float 10s ease-in-out infinite}[data-theme=dark] .bubble{background:#11b4d426;opacity:.6}.bubble.b1{width:260px;height:260px;top:40px;left:40px;animation-delay:0s}.bubble.b2{width:320px;height:320px;bottom:80px;right:40px;animation-delay:3s}.bubble.b3{width:200px;height:200px;bottom:50%;left:25%;animation-delay:6s}@keyframes subtle-float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.login-right{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;background:#f8fafc}[data-theme=dark] .login-right{background:#0f172a}.login-topbar{display:flex;width:100%;max-width:480px;justify-content:center;gap:12px;margin-bottom:12px}.topbar-btn{background:transparent;width:100px;border:0;color:var(--text-muted);cursor:pointer;padding:8px 10px;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .3s ease;position:relative;overflow:hidden}.topbar-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.topbar-btn:hover:before{left:100%}.topbar-btn:hover{background:#11b4d41a;color:var(--primary);transform:translateY(-1px)}.topbar-btn:active{transform:translateY(0)}.btn-icon{font-size:16px;transition:transform .3s ease}.topbar-btn:hover .btn-icon{transform:scale(1.1)}.btn-text{font-size:14px;font-weight:500;transition:all .3s ease}.lang-btn{background:#11b4d40d;border:1px solid rgba(17,180,212,.2)}.lang-btn:hover{background:#11b4d426;border-color:#11b4d466;box-shadow:0 4px 12px #11b4d433}.theme-btn{background:#11b4d40d;border:1px solid rgba(17,180,212,.2);padding:8px 16px}.theme-toggle{display:flex;align-items:center;gap:8px}.theme-icon{font-size:18px;transition:transform .3s ease}.theme-btn:hover .theme-icon{transform:rotate(15deg) scale(1.1)}.theme-slider{position:relative;width:40px;height:20px}.slider-track{width:100%;height:100%;background:#11b4d433;border-radius:10px;position:relative;transition:background .3s ease}.slider-thumb{position:absolute;top:2px;left:2px;width:16px;height:16px;background:var(--primary);border-radius:50%;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #0003}.slider-thumb[data-theme=dark]{transform:translate(20px);background:linear-gradient(135deg,#1e293b,#0f172a);box-shadow:0 2px 8px #0006}.slider-thumb[data-theme=light]{transform:translate(0);background:linear-gradient(135deg,#fbbf24,#f59e0b);box-shadow:0 2px 8px #fbbf2466}.theme-btn:hover .slider-track{background:#11b4d44d}.theme-btn:hover .slider-thumb{transform:scale(1.1)}.theme-btn:hover .slider-thumb[data-theme=dark]{transform:translate(20px) scale(1.1)}.theme-btn:hover .slider-thumb[data-theme=light]{transform:translate(0) scale(1.1)}.help-btn{background:#11b4d40d;border:1px solid rgba(17,180,212,.2)}.help-btn:hover{background:#11b4d426;border-color:#11b4d466;box-shadow:0 4px 12px #11b4d433}[data-theme=dark] .topbar-btn{background:#11b4d41a;border:1px solid rgba(17,180,212,.3);color:#cbd5e1}[data-theme=dark] .topbar-btn:hover{background:#11b4d433;border-color:#11b4d480;color:#f1f5f9;box-shadow:0 4px 16px #11b4d44d}[data-theme=dark] .slider-track{background:#11b4d44d}[data-theme=dark] .theme-btn:hover .slider-track{background:#11b4d466}[data-theme=dark] .topbar-btn:before{background:linear-gradient(90deg,transparent,rgba(17,180,212,.3),transparent)}[data-theme=dark] .slider-thumb[data-theme=dark]{background:linear-gradient(135deg,#1e293b,#0f172a);box-shadow:0 2px 8px #0006,0 0 0 2px #11b4d44d}[data-theme=dark] .slider-thumb[data-theme=light]{background:linear-gradient(135deg,#fbbf24,#f59e0b);box-shadow:0 2px 8px #fbbf2466,0 0 0 2px #fbbf244d}@keyframes theme-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.theme-btn:active .theme-icon{animation:theme-pulse .3s ease}.topbar-btn:active{transform:translateY(0) scale(.98)}.topbar-btn:active:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#11b4d44d;border-radius:50%;transform:translate(-50%,-50%);animation:ripple .6s ease-out}@keyframes ripple{to{width:100px;height:100px;opacity:0}}.form-wrap{width:100%;max-width:480px}.form-card{background:#fff;border:1px solid var(--card-border);border-radius:16px;padding:28px;box-shadow:0 25px 50px -12px #0000000d,0 10px 10px -5px #00000005;position:relative;overflow:hidden}[data-theme=light] .form-card{background:#fff;border:1px solid #e2e8f0;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;position:relative}[data-theme=light] .form-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary),#0ea5e9);border-radius:16px 16px 0 0;opacity:.8}[data-theme=dark] .form-card{background:linear-gradient(135deg,#1e293b,#0f172a);border:1px solid rgba(17,180,212,.2);box-shadow:0 0 0 1px #11b4d41a,0 8px 32px #11b4d426,0 16px 64px #11b4d41a,0 32px 128px #11b4d40d,inset 0 1px #ffffff1a;position:relative}[data-theme=dark] .form-card:before{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,#11b4d44d,#11b4d41a,#11b4d433,#11b4d41a,#11b4d44d);border-radius:18px;z-index:-1;filter:blur(1px);animation:border-glow 3s ease-in-out infinite}[data-theme=dark] .form-card:after{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#60a5fa,var(--primary));border-radius:16px 16px 0 0;opacity:.9;z-index:1}@keyframes border-glow{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}}.form-header{text-align:center;margin-bottom:40px;position:relative}.error-message{position:relative;color:red;font-size:14px;margin-top:10px;text-align:center;letter-spacing:.05em}.error-message:after{content:"";position:absolute;bottom:-15px;left:50%;transform:translate(-50%);width:150px;height:2px;background:linear-gradient(90deg,transparent,red,transparent);opacity:.6}.form-header h2{margin:0;font-size:26px;font-weight:700;color:var(--heading)}[data-theme=light] .form-header h2{color:#0f172a;font-weight:800}.form-header p{margin-top:6px;color:var(--text-muted)}[data-theme=light] .form-header p{color:#64748b;font-weight:500}[data-theme=dark] .field label{color:#cbd5e1}[data-theme=dark] .field:focus-within label{color:#60a5fa;text-shadow:0 0 8px rgba(96,165,250,.4)}[data-theme=dark] .field label:before{background:#60a5fa;box-shadow:0 0 6px #60a5fa80}[data-theme=dark] .form-header h2{color:#f1f5f9;text-shadow:0 0 10px rgba(17,180,212,.3)}[data-theme=dark] .form-header p{color:#94a3b8}[data-theme=dark] .link{color:#60a5fa;text-shadow:0 0 5px rgba(96,165,250,.3)}[data-theme=dark] .signup{color:#94a3b8}[data-theme=dark] .signup a{color:#60a5fa;text-shadow:0 0 5px rgba(96,165,250,.3)}.field{display:flex;flex-direction:column;gap:8px;margin-bottom:20px;position:relative}.field label{color:#334155;font-size:14px;font-weight:500;transition:all .3s ease;position:relative;display:flex;align-items:center;gap:6px}.field label:before{content:"";width:4px;height:4px;background:var(--primary);border-radius:50%;opacity:0;transition:opacity .3s ease}.field:focus-within label:before{opacity:1}.field:focus-within label{color:var(--primary);transform:translateY(-1px)}[data-theme=light] .field label{color:#1e293b;font-weight:600}[data-theme=light] .field:focus-within label{color:var(--primary);text-shadow:0 0 8px rgba(17,180,212,.3)}.input-row{position:relative;display:flex;align-items:center}.input{width:100%;padding:15px;border:1px solid #e2e8f0;border-radius:12px;background:#fff;color:#0f172a;font-size:16px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.input::placeholder{color:#94a3b8;transition:all .3s ease}.input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #11b4d433;background:#fff;transform:translateY(-1px)}.input:hover{border-color:#cbd5e1;box-shadow:0 2px 8px #0000000d}.input:focus::placeholder{color:transparent;transform:translateY(-2px)}.input:focus{box-shadow:0 0 0 3px #11b4d433,0 4px 12px #11b4d41a}[data-theme=dark] .input{background:#0f172acc;border:1px solid rgba(17,180,212,.3);color:#f1f5f9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}[data-theme=dark] .input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #11b4d433,0 0 20px #11b4d41a,0 4px 12px #11b4d426;background:#0f172ae6;transform:translateY(-1px)}[data-theme=dark] .input:hover{border-color:#11b4d480;box-shadow:0 2px 8px #11b4d41a}[data-theme=dark] .input::placeholder{color:#94a3b8b3}[data-theme=dark] .input:focus::placeholder{color:transparent;transform:translateY(-2px)}.show-password-btn{position:absolute;background:transparent;border:0;cursor:pointer;color:#94a3b8;transition:all .2s ease}.show-password-btn:hover{color:var(--primary);transform:scale(1.1)}[dir=rtl] .toggle-btn{right:auto;left:8px}[dir=rtl] .input-row .input{padding-right:15px;padding-left:40px}[dir=rtl] .input-row{direction:rtl}[dir=rtl] .field label{text-align:right}[dir=rtl] .form-footer{justify-content:start}[dir=rtl] .form-header,[dir=rtl] .signup{text-align:center}[dir=rtl] .topbar-btn,[dir=rtl] .theme-toggle{flex-direction:row-reverse}[dir=rtl] .input{text-align:right}[dir=rtl] .input::placeholder{text-align:right}[data-theme=dark] .toggle-btn{color:#94a3b8}[data-theme=dark] .toggle-btn:hover{color:#f1f5f9}.form-footer{display:flex;justify-content:end;padding:8px 0}.link{color:var(--primary);text-decoration:none;font-weight:500;transition:color .2s ease}[data-theme=light] .link{color:#0ea5e9;font-weight:600}[data-theme=light] .link:hover{color:#0284c7}.submit{width:100%;background:var(--primary);color:#fff;padding:14px;border-radius:12px;border:0;font-weight:700;cursor:pointer;box-shadow:0 10px 20px #11b4d44d;transition:all .2s ease}[data-theme=light] .submit{background:linear-gradient(135deg,#11b4d4,#0ea5e9);box-shadow:0 4px 14px #11b4d466;font-weight:800}[data-theme=light] .submit:hover{transform:translateY(-1px);box-shadow:0 6px 20px #11b4d480;filter:brightness(1.05)}.submit:hover{filter:brightness(.95)}[data-theme=dark] .submit{background:linear-gradient(135deg,var(--primary) 0%,#0ea5e9 100%);box-shadow:0 4px 16px #11b4d466,0 8px 32px #11b4d433,inset 0 1px #fff3;position:relative;overflow:hidden}[data-theme=dark] .submit:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}[data-theme=dark] .submit:hover:before{left:100%}[data-theme=dark] .submit:hover{transform:translateY(-2px);box-shadow:0 6px 20px #11b4d480,0 12px 40px #11b4d44d}.signup{text-align:center;color:var(--text-muted);margin-top:20px}[data-theme=light] .signup{color:#64748b;font-weight:500}.signup a{color:var(--primary);font-weight:600;text-decoration:none;transition:color .2s ease}[data-theme=light] .signup a{color:#0ea5e9;font-weight:700}[data-theme=light] .signup a:hover{color:#0284c7}.auth-control-btn{--auth-control-height: 40px;--auth-control-width: 120px;--auth-bg: rgba(14, 165, 233, .08);--auth-border: rgba(14, 165, 233, .25);--auth-text: #0f172a;--auth-hover-bg: rgba(14, 165, 233, .16);--auth-hover-border: rgba(14, 165, 233, .45);--auth-hover-text: #0f172a;--auth-shadow: 0 10px 24px rgba(14, 165, 233, .18);--auth-track-bg: rgba(14, 165, 233, .35);--auth-track-hover-bg: rgba(14, 165, 233, .45);height:var(--auth-control-height);min-width:var(--auth-control-width);display:inline-flex;align-items:center;justify-content:center;gap:calc(var(--auth-control-height) * .3);border-radius:12px;border:1px solid var(--auth-border);background:var(--auth-bg);color:var(--auth-text);font-weight:600;padding:0 calc(var(--auth-control-height) * .55);cursor:pointer;transition:color .25s ease,background .25s ease,transform .25s ease,box-shadow .25s ease,border-color .25s ease}.auth-control-btn:hover{color:var(--auth-hover-text);background:var(--auth-hover-bg);border-color:var(--auth-hover-border);transform:translateY(-1px);box-shadow:var(--auth-shadow)}.auth-control-icon{font-size:calc(var(--auth-control-height) * .45);transition:transform .25s ease}.auth-control-btn:hover .auth-control-icon{transform:scale(1.05)}.auth-control-text{font-size:calc(var(--auth-control-height) * .4);line-height:1;transition:color .25s ease}.auth-control-btn--theme{min-width:calc(var(--auth-control-height) * 2.6);padding:0 calc(var(--auth-control-height) * .45)}.auth-control-theme-toggle{display:inline-flex;align-items:center;gap:calc(var(--auth-control-height) * .25)}.auth-control-theme-icon{font-size:calc(var(--auth-control-height) * .55);display:inline-flex;align-items:center;justify-content:center}.auth-control-theme-track{position:relative;--track-width: calc(var(--auth-control-height) * 1.25);--track-height: calc(var(--auth-control-height) * .55);--thumb-size: calc(var(--auth-control-height) * .48);--thumb-offset: calc((var(--track-height) - var(--thumb-size)) / 2);width:var(--track-width);height:var(--track-height);background:var(--auth-track-bg);border-radius:9999px;transition:background .3s ease}.auth-control-btn--theme:hover .auth-control-theme-track{background:var(--auth-track-hover-bg)}.auth-control-theme-thumb{position:absolute;top:var(--thumb-offset);left:var(--thumb-offset);width:var(--thumb-size);height:var(--thumb-size);border-radius:50%;background:linear-gradient(135deg,#137fec,#0ea5e9);box-shadow:0 4px 8px #137fec59;transition:transform .3s ease,background .3s ease,box-shadow .3s ease}.auth-control-theme-thumb[data-theme=dark]{transform:translate(calc(var(--track-width) - var(--thumb-size) - 2 * var(--thumb-offset)));background:linear-gradient(135deg,#0f172a,#1f2937);box-shadow:0 4px 10px #0f172a66}.auth-control-btn:active{transform:translateY(0);box-shadow:none}.auth-control-btn:focus-visible{outline:none;box-shadow:0 0 0 3px #0ea5e940}.auth-control-btn[data-theme=dark]{--auth-bg: rgba(17, 25, 40, .55);--auth-border: rgba(99, 102, 241, .35);--auth-text: #e2e8f0;--auth-hover-bg: rgba(99, 102, 241, .24);--auth-hover-border: rgba(99, 102, 241, .5);--auth-hover-text: #ffffff;--auth-shadow: 0 14px 32px rgba(15, 23, 42, .45);--auth-track-bg: rgba(148, 163, 184, .28);--auth-track-hover-bg: rgba(148, 163, 184, .42)}.auth-control-btn[data-theme=dark] .auth-control-theme-thumb{background:linear-gradient(135deg,#0f172a,#1e293b);box-shadow:0 4px 10px #0f172a73}[dir=rtl] .auth-control-btn{flex-direction:row-reverse}[dir=rtl] .auth-control-text{direction:rtl}:root{--recovery-card-radius: 24px;--recovery-card-padding: 32px;--recovery-border: rgba(15, 23, 42, .08)}.password-recovery-root{min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;background:var(--bg-app);padding:16px;position:relative}.password-recovery-topbar{position:absolute;top:16px;right:16px;display:flex;align-items:center;justify-content:center;gap:10px;z-index:2}.password-recovery-top-link{position:absolute;top:16px;left:16px;display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:var(--muted);text-decoration:none;transition:color .3s ease,transform .3s ease}.password-recovery-top-link:hover{color:var(--primary);transform:translate(-2px)}.password-recovery-back-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:9999px;background:#137fec1f;color:var(--primary);transition:transform .3s ease,background .3s ease}.password-recovery-top-link:hover .password-recovery-back-icon{transform:translate(-2px);background:#137fec33}.password-recovery-container{width:100%;max-width:360px;padding:16px;display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}.password-recovery-logo-wrapper{display:flex;justify-content:center;width:100%;margin-top:32px}.password-recovery-logo{width:140px;border-radius:24px;filter:drop-shadow(0 15px 30px rgba(19,127,236,.2));object-fit:cover}.password-recovery-heading{font-size:26px;font-weight:700;letter-spacing:-.01em;color:var(--text)}.password-recovery-description{font-size:14px;color:var(--muted);line-height:1.5}.password-recovery-card{width:130%;background:var(--card);border-radius:var(--recovery-card-radius);padding:var(--recovery-card-padding);box-shadow:0 20px 45px -20px #0f172a59;border:1px solid var(--recovery-border);text-align:left}[data-theme=dark] .password-recovery-card{background:linear-gradient(145deg,#172033,#101922);border:1px solid rgba(19,127,236,.3);box-shadow:0 25px 60px -20px #080e1ae6}.password-recovery-alert{border-radius:12px;padding:12px 16px;font-size:13px;font-weight:500;margin-bottom:16px;border:1px solid rgba(19,127,236,.25);background:#137fec1f;color:var(--primary)}.password-recovery-alert--error{border-color:#f8717166;background:#f8717126;color:#b91c1c}.password-recovery-form{display:flex;flex-direction:column;gap:14px}.password-recovery-label{font-size:14px;font-weight:600;color:var(--text)}.password-recovery-input{width:100%;border-radius:14px;border:1px solid rgba(15,23,42,.15);background:#f8fafce6;padding:14px 16px;font-size:15px;color:var(--text);transition:border-color .25s ease,box-shadow .25s ease,background .25s ease}.password-recovery-input::placeholder{color:#64748b99}.password-recovery-input:focus{outline:none;border-color:var(--primary);background:#fff;box-shadow:0 0 0 3px #137fec2e}[data-theme=dark] .password-recovery-input{background:#101922e6;border-color:#137fec47;color:#e2e8f0}[data-theme=dark] .password-recovery-input:focus{background:#101922fa;box-shadow:0 0 0 3px #137fec4d}.password-recovery-submit{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:12px;padding:14px;font-size:15px;font-weight:700;cursor:pointer;color:#fff;background:linear-gradient(135deg,#137fec,#0ea5e9);transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}.password-recovery-submit:hover{transform:translateY(-1px);box-shadow:0 12px 26px #137fec40}.password-recovery-submit:disabled{opacity:.65;cursor:not-allowed;transform:none;box-shadow:none}@media (min-width: 640px){.password-recovery-root{padding:24px}.password-recovery-top-link{top:24px;left:24px}.password-recovery-topbar{top:24px;right:24px}.password-recovery-container{gap:18px}}@media (min-width: 1024px){.password-recovery-root{padding:32px}.password-recovery-top-link{top:32px;left:32px}.password-recovery-topbar{top:32px;right:32px}}[data-theme=dark] .password-recovery-top-link{color:#cbd5e1cc}[data-theme=dark] .password-recovery-top-link:hover{color:#fff}[dir=rtl] .password-recovery-top-link{left:auto;right:16px;flex-direction:row-reverse}[dir=rtl] .password-recovery-top-link:hover{transform:translate(2px)}[dir=rtl] .password-recovery-back-icon{transform:scaleX(-1)}[dir=rtl] .password-recovery-top-link:hover .password-recovery-back-icon{transform:scaleX(-1) translate(2px)}[dir=rtl] .password-recovery-topbar{right:auto;left:16px}[dir=rtl] .password-recovery-card,[dir=rtl] .password-recovery-label,[dir=rtl] .password-recovery-input{text-align:right}.sidebar{--sidebar-bg: #ffffff;--sidebar-border: rgba(15, 23, 42, .08);--sidebar-text: #0f172a;--sidebar-muted: #475569;--sidebar-hover-bg: rgba(148, 163, 184, .14);--sidebar-hover-text: #0f172a;--sidebar-active-bg: rgba(14, 165, 233, .16);--sidebar-accent: #0ea5e9;--sidebar-divider: rgba(15, 23, 42, .08);--sidebar-shadow: 0 14px 40px -18px rgba(15, 23, 42, .25);--sidebar-menu-bg: rgba(255, 255, 255, .92);--sidebar-menu-border: rgba(15, 23, 42, .12);--sidebar-menu-shadow: 0 18px 36px -24px rgba(15, 23, 42, .45);display:flex;flex-direction:column;padding:1.25rem;background-color:var(--sidebar-bg);color:var(--sidebar-text);box-sizing:border-box;border:1px solid var(--sidebar-border);box-shadow:var(--sidebar-shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}[data-theme=dark] .sidebar{--sidebar-bg: rgba(17, 25, 40, .86);--sidebar-border: rgba(148, 163, 184, .18);--sidebar-text: #e2e8f0;--sidebar-muted: #9aa7b9;--sidebar-hover-bg: rgba(148, 163, 184, .12);--sidebar-hover-text: #f8fafc;--sidebar-active-bg: rgba(99, 102, 241, .18);--sidebar-accent: #63b3ed;--sidebar-divider: rgba(148, 163, 184, .18);--sidebar-shadow: 0 20px 45px -25px rgba(8, 47, 73, .65);--sidebar-menu-bg: rgba(15, 23, 42, .9);--sidebar-menu-border: rgba(99, 102, 241, .28);--sidebar-menu-shadow: 0 20px 45px -22px rgba(2, 6, 23, .85)}.sidebar-header{display:flex;align-items:center;margin-bottom:24px;gap:12px;direction:ltr;text-align:left;border-bottom:1px solid var(--sidebar-divider)}.sidebar-title-group{display:flex;flex-direction:column}.sidebar-title{font-size:20px;font-weight:700;color:var(--sidebar-text);margin:0;line-height:1.2}.sidebar-subtitle{font-size:14px;color:var(--sidebar-muted);margin:0;line-height:1.2}.sidebar-nav{display:flex;flex-direction:column;gap:4px;padding:0 10px}.sidebar-nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:8px;text-decoration:none;color:var(--sidebar-muted);transition:all .2s ease;cursor:pointer;direction:ltr;text-align:left;border:1px solid transparent}.sidebar-nav-item:hover{background-color:var(--sidebar-hover-bg);color:var(--sidebar-hover-text)}.sidebar-nav-item.active{background-color:var(--sidebar-active-bg);color:var(--sidebar-accent);border-color:#0ea5e959}.sidebar-nav-item.active .sidebar-nav-icon{color:var(--sidebar-accent)}.sidebar-nav-icon{font-size:18px;color:inherit;width:20px;text-align:center}.sidebar-nav-item.active .sidebar-nav-icon{color:#63b3ed}.sidebar-nav-text{font-size:15px;font-weight:500;color:inherit}.sidebar-footer{display:flex;flex-direction:column;margin-top:auto;gap:1rem;border-top:1px solid var(--sidebar-divider);padding-top:1.25rem}.sidebar-footer-content{display:flex;align-items:center;justify-content:space-between}.pfp-img{border-radius:100%;aspect-ratio:1 / 1;width:2.5rem;height:2.5rem}.sidebar-footer-text{display:flex;flex-direction:column;direction:ltr}.sidebar-footer-text h1{color:var(--sidebar-text);font-size:.875rem;font-weight:500;line-height:1.5rem}.sidebar-footer-text p{color:var(--sidebar-muted);font-size:.75rem;font-weight:400;line-height:1.5rem}.sidebar-footer-actions{position:relative}.sidebar-footer-button{background:None;border:None}.sidebar-footer-menu{display:flex;flex-direction:column;gap:8px;position:absolute;bottom:70px;padding:10px;width:220px;border-radius:10px;background:var(--sidebar-menu-bg);border:1px solid var(--sidebar-menu-border);box-shadow:var(--sidebar-menu-shadow);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1100;color:var(--sidebar-text)}.sidebar-footer-button{background:transparent;border:none;color:var(--sidebar-muted);padding:6px;border-radius:8px;cursor:pointer;transition:background-color .2s ease,color .2s ease}.sidebar-footer-button:hover{background:var(--sidebar-hover-bg);color:var(--sidebar-hover-text)}.confirmation{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;margin-left:0;margin-right:0;height:auto;z-index:9999;animation:fadeIn .5s ease-in}[dir=rtl] .confirmation{left:100%;right:0;margin-right:0;animation:fadeIn-right .5s ease-in}.confirmation>div{background:#fff;padding:22px 28px;width:320px;border-radius:12px;display:flex;flex-direction:column;gap:14px;box-shadow:0 4px 25px #00000026}[data-theme=dark] .confirmation>div{background:#1e293b;color:#fff}.confirmation-header h3{margin:0;font-size:20px;font-weight:600}.confirmation-buttons{display:flex;justify-content:flex-end;gap:10px;margin-top:10px}.confirmation-yes{background:#dc2626;color:#fff;padding:8px 14px;border-radius:8px;cursor:pointer;border:none;font-weight:500;transition:.15s}.confirmation-yes:hover{background:#b91c1c}.confirmation-no{background:#e5e7eb;color:#111827;padding:8px 14px;border-radius:8px;cursor:pointer;border:none;font-weight:500;transition:.15s}.confirmation-no:hover{background:#d1d5db}@keyframes fadeIn{0%{transform:translate(-20%)}to{transform:translate(0)}}@keyframes fadeIn-right{0%{transform:translate(20%)}to{transform:translate(0)}}.dashboard-root{--dashboard-background: #f8f9fa;--dashboard-surface: #ffffff;--dashboard-border: #e5e7eb;--dashboard-text: #1f2933;--dashboard-muted: #6b7280;--dashboard-card-shadow: 0 6px 22px -16px rgba(15, 23, 42, .22);--dashboard-card-border: rgba(15, 23, 42, .08);--dashboard-secondary-surface: rgba(15, 23, 42, .04);--dashboard-accent: #0ea5e9;--primary: #0ea5e9;--primary-10: rgba(14, 165, 233, .12);--primary-20: rgba(14, 165, 233, .22);--dashboard-pill-warning: #fef9c3;--dashboard-pill-success: #dcfce7;--dashboard-pill-error: #fee2e2;--dashboard-pill-info: #dbeafe;--dashboard-pill-staff: #e0e7ff;--dashboard-pill-warning-text: #854d0e;--dashboard-pill-success-text: #166534;--dashboard-pill-error-text: #991b1b;--dashboard-pill-info-text: #1e40af;--dashboard-pill-staff-text: #3730a3;font-family:Inter,sans-serif;display:flex;flex-direction:column;align-items:center;gap:28px;min-height:100vh;width:100%;background:var(--dashboard-background);color:var(--dashboard-text);padding:48px 0 56px;box-sizing:border-box}[data-theme=dark] .dashboard-root{--dashboard-background: #101922;--dashboard-surface: rgba(15, 23, 42, .45);--dashboard-border: rgba(148, 163, 184, .2);--dashboard-text: #f8fafc;--dashboard-muted: #94a3b8;--dashboard-card-shadow: 0 6px 22px -18px rgba(8, 126, 164, .22);--dashboard-card-border: rgba(148, 163, 184, .25);--dashboard-secondary-surface: rgba(15, 23, 42, .55);--dashboard-accent: #63b3ed;--primary: #63b3ed;--primary-10: rgba(99, 102, 241, .24);--primary-20: rgba(99, 102, 241, .34);--dashboard-pill-warning: rgba(250, 204, 21, .18);--dashboard-pill-success: rgba(34, 197, 94, .18);--dashboard-pill-error: rgba(239, 68, 68, .18);--dashboard-pill-info: rgba(14, 165, 233, .18);--dashboard-pill-staff: rgba(99, 102, 241, .2);--dashboard-pill-warning-text: #fef08a;--dashboard-pill-success-text: #bbf7d0;--dashboard-pill-error-text: #fca5a5;--dashboard-pill-info-text: #bfdbfe;--dashboard-pill-staff-text: #c7d2fe}.appointments-card{width:min(1080px,90vw);background:var(--dashboard-surface);color:var(--dashboard-text);border:1px solid var(--dashboard-card-border);box-shadow:var(--dashboard-card-shadow);border-radius:20px;padding:24px;display:flex;flex-direction:column;gap:24px}[dir=ltr] .appointments-card{direction:ltr}.appointments-title{font-size:22px;font-weight:700;line-height:1.2;margin-left:15px;margin-top:5px;letter-spacing:-.015em;padding-bottom:1.25rem;color:var(--dashboard-text)}[dir=rtl] .appointments-title{margin-left:0;margin-right:15px}.appointments-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-right:15px}[dir=rtl] .appointments-header{padding-right:0;padding-left:15px;direction:rtl}.appointments-filter{display:flex;align-items:center;gap:.5rem}.appointments-filter label{font-size:.875rem;color:var(--dashboard-muted)}.appointments-filter select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:var(--dashboard-secondary-surface);color:var(--dashboard-text);border:1px solid var(--dashboard-border);border-radius:.5rem;padding:.5rem 2rem .5rem .75rem;font-size:.875rem;line-height:1.25rem;background-image:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 8l4 4 4-4' stroke='%2364748b' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center;background-size:1rem;cursor:pointer}.appointments-filter input{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:var(--dashboard-secondary-surface);color:var(--dashboard-text);border:1px solid var(--dashboard-border);border-radius:.5rem;padding:.5rem 2rem .5rem .75rem;font-size:.875rem;line-height:1.25rem;cursor:text}@media (max-width: 640px){.appointments-header{flex-direction:column;align-items:flex-start;gap:.75rem}}.appointments-table{width:100%;border-collapse:collapse;font-size:.875rem;text-align:left;background:var(--dashboard-surface)}[dir=rtl] .appointments-table{direction:rtl;text-align:right}[dir=rtl] .appointments-table th,[dir=rtl] .appointments-table td{text-align:right}.appointments-table thead{background-color:var(--dashboard-secondary-surface);color:var(--dashboard-muted);text-transform:uppercase;font-size:.75rem}.appointments-table th,.appointments-table td{padding:.75rem 1rem}.appointments-table tbody tr{transition:background-color .2s ease;border-bottom:1px solid var(--dashboard-border)}.appointments-table tbody tr.bottom{border-bottom:1px solid var(--dashboard-border)}.appointments-table tbody tr:hover{background-color:var(--dashboard-secondary-surface)}.pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;margin-top:8px}.pagination .page-size{display:inline-flex;align-items:center;gap:8px;color:var(--dashboard-muted)}.pagination .page-size select{background:var(--dashboard-secondary-surface);color:var(--dashboard-text);border:1px solid var(--dashboard-border);border-radius:8px;padding:6px 8px}.pagination .page-info{color:var(--dashboard-muted);font-size:.9rem}.pagination .page-actions{display:inline-flex;align-items:center;gap:6px}.pagination .page-btn{width:32px;height:32px;border-radius:8px;border:1px solid var(--dashboard-card-border);background:var(--dashboard-secondary-surface);color:var(--dashboard-text);cursor:pointer;transition:background-color .2s ease,border-color .2s ease,transform .05s ease}.pagination .page-btn:disabled{opacity:.5;cursor:not-allowed}.pagination .page-btn:not(:disabled):hover{background:var(--primary-10);border-color:var(--primary-20)}.pagination .page-btn:not(:disabled):active{transform:translateY(1px)}.no-appointments{text-align:center;color:var(--dashboard-muted);padding:1rem 0}.status{padding:.25rem .5rem;font-size:.75rem;font-weight:600;border-radius:9999px;display:inline-block}.status.confirmed{background-color:var(--dashboard-pill-success);color:var(--dashboard-pill-success-text)}.status.arrived{background-color:var(--dashboard-pill-info);color:var(--dashboard-pill-info-text)}.status.pending{background-color:var(--dashboard-pill-warning);color:var(--dashboard-pill-warning-text)}.status.canceled{background-color:var(--dashboard-pill-error);color:var(--dashboard-pill-error-text)}.actions{display:flex;gap:20px}.edit{color:#64748b}.edit:hover{color:#e2e8f0}.cancel{color:#ef4444}.cancel:hover{color:#fee2e2}.dashboard-card{border:1px solid var(--dashboard-card-border);background:var(--dashboard-surface);display:flex;flex-direction:column;width:40%;margin-top:16px;border-radius:.75rem;box-shadow:var(--dashboard-card-shadow);padding:16px;color:var(--dashboard-text)}.dashboard-card .actions{display:flex;flex-direction:column;justify-content:space-between}.card-header{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.card-title{display:flex;align-items:center;gap:8px}.card-title h2{font-size:18px;font-weight:700;margin:0;color:var(--dashboard-text)}.card-title .material-symbols-outlined{color:var(--dashboard-accent)}.card-subtitle{margin:0;color:var(--dashboard-muted);font-size:.9rem}.quick-actions{display:flex;flex-direction:column;gap:12px;margin-top:8px}@media (max-width: 900px){.quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 540px){.quick-actions{grid-template-columns:1fr}}.action-button{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--dashboard-card-border);background:var(--dashboard-secondary-surface);color:var(--dashboard-text);border-radius:.625rem;padding:10px 12px;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,transform .05s ease}.action-button .material-symbols-outlined{color:var(--dashboard-muted)}.action-button:hover{background:var(--primary-10);border-color:var(--primary-20)}.action-button:active{transform:translateY(1px)}.action-button.primary{background:var(--primary-10);border-color:var(--primary-20)}.info-card{display:flex;width:80%;justify-content:space-evenly}.statistics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:16px}.stat-item{display:flex;align-items:center;gap:12px;padding:16px;background:var(--dashboard-surface);border:1px solid var(--dashboard-card-border);border-radius:.75rem;box-shadow:var(--dashboard-card-shadow);transition:transform .2s ease,box-shadow .2s ease}.stat-item:hover{transform:translateY(-2px);box-shadow:0 6px 14px #0f172a1f}.stat-icon{width:48px;height:48px;border-radius:.5rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon.appointments{background:var(--primary-10);color:var(--primary)}.stat-icon.pending{background:var(--dashboard-pill-warning);color:var(--dashboard-pill-warning-text)}.stat-icon.confirmed{background:var(--dashboard-pill-success);color:var(--dashboard-pill-success-text)}.stat-icon.canceled{background:var(--dashboard-pill-error);color:var(--dashboard-pill-error-text)}.stat-icon.patients{background:var(--dashboard-pill-info);color:var(--dashboard-pill-info-text)}.stat-icon.staff{background:var(--dashboard-pill-staff);color:var(--dashboard-pill-staff-text)}.stat-content{flex:1;display:flex;flex-direction:column;gap:4px}.stat-value{font-size:24px;font-weight:700;color:var(--dashboard-text);line-height:1}.stat-label{font-size:.875rem;color:var(--dashboard-muted);font-weight:500}@media (max-width: 900px){.statistics-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 540px){.statistics-grid{grid-template-columns:1fr}}.patients-root{--patients-background: #f8f9fa;--patients-surface: #ffffff;--patients-border: #e5e7eb;--patients-text: #1f2933;--patients-muted: #6b7280;--patients-card-shadow: 0 6px 22px -16px rgba(15, 23, 42, .22);--patients-card-border: rgba(15, 23, 42, .08);--patients-table-header: #f1f5f9;--patients-secondary-surface: rgba(15, 23, 42, .04);display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:Inter,sans-serif;width:100%;min-height:100vh;background:var(--patients-background);color:var(--patients-text)}.patients-root[data-theme=dark]{--patients-background: #101922;--patients-surface: rgba(15, 23, 42, .45);--patients-border: rgba(148, 163, 184, .2);--patients-text: #f8fafc;--patients-muted: #94a3b8;--patients-card-shadow: 0 6px 22px -18px rgba(8, 126, 164, .22);--patients-card-border: rgba(148, 163, 184, .25);--patients-table-header: rgba(15, 23, 42, .95);--patients-secondary-surface: rgba(15, 23, 42, .55)}[dir=rtl] .patients-root{direction:rtl}.material-symbols-outlined{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;font-size:20px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;font-feature-settings:"liga";-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 20}.patients-main{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;background:var(--patients-background);min-height:100vh;min-width:0}.patients-content{display:flex;flex-direction:column;gap:23px;padding-top:20px}.patients-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}@media (max-width: 1024px){.patients-root{min-height:100vh}}.patients-heading h1{font-size:clamp(2rem,3vw,2.5rem);font-weight:900;margin:0;color:var(--patients-text);letter-spacing:-.03em}.patients-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:12px;font-size:.95rem;font-weight:600;padding:0 18px;height:44px;border:1px solid transparent;cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease,transform .2s ease;color:inherit;background:transparent}.patients-btn:active{transform:translateY(1px)}.patients-btn--primary{background:#28a745;color:#fff;box-shadow:var(--patients-card-shadow)}.patients-btn--primary:hover{background:#218838}.patients-btn--ghost{background:transparent;border-color:var(--patients-border);color:var(--patients-text);min-width:140px;height:40px}.patients-btn--ghost:hover{background:var(--patients-secondary-surface)}.patients-card{background:var(--patients-surface);border:1px solid var(--patients-card-border);border-radius:20px;padding:24px;box-shadow:var(--patients-card-shadow);display:flex;flex-direction:column;gap:24px}.patients-card--filters{gap:18px}.patients-search-row{display:flex;flex-direction:column;gap:16px}@media (min-width: 768px){.patients-search-row{flex-direction:row;align-items:center}}.patients-search-field{display:flex;align-items:center;width:100%;background:linear-gradient(145deg,color-mix(in srgb,var(--patients-secondary-surface) 50%,transparent),var(--patients-secondary-surface));border-radius:14px;border:1px solid var(--patients-border);padding:0 16px;height:48px;gap:12px;color:var(--patients-muted)}.patients-search-field input{background:transparent;border:none;flex:1;height:100%;color:var(--patients-text);font-size:.95rem;outline:none}.patients-search-field input::placeholder{color:var(--patients-muted)}.patients-filters-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.patients-select-wrapper{position:relative;display:inline-flex;align-items:center;min-width:180px}.patients-select{appearance:none;border-radius:12px;border:1px solid var(--patients-border);background:var(--patients-secondary-surface);color:var(--patients-text);padding:0 40px 0 16px;height:36px;font-size:.9rem;font-weight:500;cursor:pointer;width:100%}.patients-select-wrapper .material-symbols-outlined{position:absolute;right:12px;pointer-events:none;color:var(--patients-muted)}html[dir=rtl] .patients-select-wrapper .material-symbols-outlined{right:auto;left:12px}.patients-spacer{flex-grow:1;min-width:40px}.patients-card--table{padding:0;overflow:hidden}.patients-card--table table{width:100%;border-collapse:collapse}.patients-card--table thead{background:var(--patients-table-header);text-transform:uppercase;letter-spacing:.05em;font-size:.68rem;color:var(--patients-muted)}.patients-card--table th{text-align:center}.patients-card--table th:nth-child(2){text-align:start}.patients-card--table th,.patients-card--table td{padding:16px 24px;border-bottom:1px solid var(--patients-border)}.patients-card--table tbody tr{flex-wrap:wrap;background:transparent;transition:background-color .2s ease}.patients-card--table tbody tr:hover{background:color-mix(in srgb,var(--patients-secondary-surface) 55%,transparent)}.patients-avatar{width:48px;height:48px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;color:#fff;box-shadow:0 6px 18px #0f172a1f;position:relative;overflow:hidden}.patients-avatar--male{background:linear-gradient(145deg,#1d4ed8,#3b82f6)}.patients-avatar--female{background:linear-gradient(145deg,#db2777,#f472b6)}.patients-avatar-initial{position:relative;z-index:1}.patients-avatar:after{content:"";position:absolute;inset:-10%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.35),transparent 55%);opacity:.8;z-index:0}.patients-patient-name{font-weight:600;color:var(--patients-text)}.patients-patient-age{font-size:.75rem;color:var(--patients-muted);margin-top:4px}.patients-contact{display:inline-flex;align-items:center;gap:12px}.patients-contact-link{width:32px;height:32px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;color:var(--patients-muted);transition:color .2s ease,background-color .2s ease}.patients-contact-link:hover{background:var(--patients-secondary-surface);color:#0ea5e9}.patients-last-visit{display:inline-block;font-size:.9rem;font-weight:600;color:var(--patients-text);white-space:nowrap;letter-spacing:.02em}.patients-badge{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;border-radius:999px;font-size:.75rem;font-weight:600;line-height:1}.patients-badge--success{background:#28a74526;color:#28a745}.patients-badge--danger{background:#dc354526;color:#dc3545}.patients-badge--warning{background:#ffc1072e;color:#c28100}.patients-badge--info{background:#6f42c12e;color:#6f42c1}.patients-badge--primary{background:#007bff2e;color:#007bff}.patients-badge--neutral{background:#6b72802e;color:#6b7280}.patients-actions{display:inline-flex;align-items:center;gap:8px}.patients-action-btn{width:36px;height:36px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--patients-muted);cursor:pointer;transition:background-color .2s ease,color .2s ease;flex-direction:column;gap:4px;height:48px;width:54px}.patients-action-btn:hover{background:var(--patients-secondary-surface);color:var(--patients-text)}.patients-action-btn .material-symbols-outlined{font-size:20px}.patients-action-btn small{font-size:.7rem;font-weight:500;color:var(--patients-muted);line-height:1}.patients-pagination{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:0 8px;color:var(--patients-muted);font-size:.9rem}.patients-pagination-controls{display:inline-flex;align-items:center;gap:2px;border-radius:10px;overflow:hidden;border:1px solid var(--patients-border)}.patients-pagination-link{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;color:var(--patients-muted);text-decoration:none;transition:background-color .2s ease,color .2s ease}.patients-pagination-link:hover{background:var(--patients-secondary-surface);color:var(--patients-text)}@media (max-width: 960px){.patients-sidebar{display:none}.patients-content{padding:24px 20px}.patients-heading h1{font-size:clamp(1.75rem,5vw,2.2rem)}.patients-card--table th,.patients-card--table td{padding:14px 16px}}@keyframes react-loading-skeleton{to{transform:translate(100%)}}.react-loading-skeleton{--base-color: #ebebeb;--highlight-color: #f5f5f5;--animation-duration: 1.5s;--animation-direction: normal;--pseudo-element-display: block;background-color:var(--base-color);width:100%;border-radius:.25rem;display:inline-flex;line-height:1;position:relative;-webkit-user-select:none;user-select:none;overflow:hidden}.react-loading-skeleton:after{content:" ";display:var(--pseudo-element-display);position:absolute;top:0;left:0;right:0;height:100%;background-repeat:no-repeat;background-image:var( --custom-highlight-background, linear-gradient( 90deg, var(--base-color) 0%, var(--highlight-color) 50%, var(--base-color) 100% ) );transform:translate(-100%);animation-name:react-loading-skeleton;animation-direction:var(--animation-direction);animation-duration:var(--animation-duration);animation-timing-function:ease-in-out;animation-iteration-count:infinite}@media (prefers-reduced-motion){.react-loading-skeleton{--pseudo-element-display: none}}._snackbar_n9bbf_4{position:fixed;left:0;top:24px;transform:translate(-50%);min-width:280px;max-width:90vw;background:#fff;color:#000;box-shadow:0 4px 12px #0003;overflow:hidden;display:flex;flex-direction:column;align-items:stretch;padding:16px;border-radius:4px;min-height:48px;max-height:80px}[data-theme=dark] ._snackbar_n9bbf_4{background:#18232e;color:#fff}._snackbar--info_n9bbf_30{color:#2196f3}._snackbar--success_n9bbf_31{color:#4caf50}._snackbar--warning_n9bbf_32{color:#ff9800}._snackbar--error_n9bbf_33{color:#f44336}._snackbar__close_n9bbf_35{position:absolute;top:8px;right:8px;background:transparent;border:none;color:gray;font-size:1.2rem;line-height:1;cursor:pointer;padding:0}._snackbar__content_n9bbf_48{display:flex;flex-direction:row;align-items:center;justify-content:start;gap:20px;margin-top:12px}._snackbar__message_n9bbf_57{margin:0;font-size:.95rem;text-align:center}._snackbar__timer_n9bbf_63{height:4px;width:100%;transform-origin:left;animation-name:_shrink_n9bbf_1;animation-timing-function:linear;animation-fill-mode:forwards;position:relative;bottom:-8px}._snackbar__button_n9bbf_74{margin-left:10px}._snackbar__timer--info_n9bbf_79{background:#2196f3}._snackbar__timer--success_n9bbf_80{background:#4caf50}._snackbar__timer--warning_n9bbf_81{background:#ff9800}._snackbar__timer--error_n9bbf_82{background:#f44336}@keyframes _shrink_n9bbf_1{0%{transform:scaleX(1)}to{transform:scaleX(0)}}._snackbar--enter_n9bbf_89{opacity:0;transform:translate(-50%);animation:_slideIn_n9bbf_1 .25s forwards}@keyframes _slideIn_n9bbf_1{to{opacity:1;transform:translate(5%)}}._snackbar--exit_n9bbf_101{opacity:1;transform:translate(-50%);animation:_slideOut_n9bbf_1 .2s forwards}@keyframes _slideOut_n9bbf_1{to{opacity:0;transform:translate(-100%)}}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 48;font-size:1.5rem;line-height:1}._modal-overlay_12g9j_2{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;padding:2.5vh;overflow-y:auto}._modal-container_12g9j_18{border-radius:10px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:100%;max-width:850px;height:95vh;display:flex;flex-direction:column;overflow:hidden}._modal-container_12g9j_18._theme-light_12g9j_31{background-color:#fff;color:#111827}._modal-container_12g9j_18._theme-dark_12g9j_37{background-color:#1a1a1a;color:#fff}._modal-header_12g9j_43{display:flex;justify-content:space-between;align-items:flex-start;padding:14px 24px;flex-shrink:0}._theme-light_12g9j_31 ._modal-header_12g9j_43{border-bottom-color:#e5e7eb}._theme-dark_12g9j_37 ._modal-header_12g9j_43{border-bottom-color:#374151}._modal-title-section_12g9j_59{display:flex;flex-direction:column;gap:4px}._modal-title_12g9j_59{font-size:21px;font-weight:800;margin:0}._theme-light_12g9j_31 ._modal-title_12g9j_59{color:#111827}._theme-dark_12g9j_37 ._modal-title_12g9j_59{color:#fff}._modal-subtitle_12g9j_79{font-size:15px;margin:0}._theme-light_12g9j_31 ._modal-subtitle_12g9j_79{color:#6b7280}._theme-dark_12g9j_37 ._modal-subtitle_12g9j_79{color:#9ca3af}._close-button_12g9j_92{background:none;border:none;font-size:22px;cursor:pointer;padding:4px;line-height:1;transition:color .2s}._theme-light_12g9j_31 ._close-button_12g9j_92{color:#6b7280}._theme-light_12g9j_31 ._close-button_12g9j_92:hover{color:#111827}._theme-dark_12g9j_37 ._close-button_12g9j_92{color:#9ca3af}._theme-dark_12g9j_37 ._close-button_12g9j_92:hover{color:#fff}._progress-section_12g9j_119{padding:0 24px 10px;flex-shrink:0}._progress-bar-container_12g9j_124{width:100%;height:5px;border-radius:999px;overflow:hidden}._theme-light_12g9j_31 ._progress-bar-container_12g9j_124{background-color:#e5e7eb}._theme-dark_12g9j_37 ._progress-bar-container_12g9j_124{background-color:#374151}._progress-bar_12g9j_124{height:100%;background-color:#137fec;border-radius:999px;transition:width .3s ease}._step-indicators_12g9j_147{display:flex;justify-content:space-evenly;padding:0 24px 14px;flex-wrap:wrap;flex-shrink:0}._step-indicator_12g9j_147{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;transition:all .3s}._theme-light_12g9j_31 ._step-indicator_12g9j_147{background-color:#f3f4f6}._theme-light_12g9j_31 ._step-indicator_12g9j_147._active_12g9j_169{background-color:#137fec1a}._theme-dark_12g9j_37 ._step-indicator_12g9j_147{background-color:#374151}._theme-dark_12g9j_37 ._step-indicator_12g9j_147._active_12g9j_169{background-color:#137fec33}._step-icon_12g9j_181{font-size:14px}._theme-light_12g9j_31 ._step-icon_12g9j_181{color:#9ca3af}._theme-light_12g9j_31 ._step-indicator_12g9j_147._active_12g9j_169 ._step-icon_12g9j_181{color:#137fec}._theme-dark_12g9j_37 ._step-icon_12g9j_181{color:#6b7280}._theme-dark_12g9j_37 ._step-indicator_12g9j_147._active_12g9j_169 ._step-icon_12g9j_181{color:#137fec}._step-label_12g9j_201{font-size:12px;font-weight:500;margin:0}._theme-light_12g9j_31 ._step-label_12g9j_201{color:#6b7280}._theme-light_12g9j_31 ._step-indicator_12g9j_147._active_12g9j_169 ._step-label_12g9j_201{color:#137fec}._theme-dark_12g9j_37 ._step-label_12g9j_201{color:#9ca3af}._theme-dark_12g9j_37 ._step-indicator_12g9j_147._active_12g9j_169 ._step-label_12g9j_201{color:#137fec}._modal-body_12g9j_224{flex:1;overflow-y:auto;padding:20px 24px}._theme-light_12g9j_31 ._modal-body_12g9j_224{background-color:#f9fafb}._theme-dark_12g9j_37 ._modal-body_12g9j_224{background-color:#111827}._form-content_12g9j_239{border-radius:10px;padding:20px;box-shadow:0 1px 3px #0000001a}._theme-light_12g9j_31 ._form-content_12g9j_239{background-color:#fff}._theme-dark_12g9j_37 ._form-content_12g9j_239{background-color:#1c283680;border:1px solid #374151}._form-section_12g9j_255{margin-bottom:20px}._form-section_12g9j_255:last-child{margin-bottom:0}._section-title_12g9j_263{font-size:15px;font-weight:700;margin:0 0 12px}._theme-light_12g9j_31 ._section-title_12g9j_263{color:#111827}._theme-dark_12g9j_37 ._section-title_12g9j_263{color:#f3f4f6}._section-label_12g9j_277{display:block;font-size:13px;font-weight:500;margin-bottom:8px}._theme-light_12g9j_31 ._section-label_12g9j_277{color:#374151}._theme-dark_12g9j_37 ._section-label_12g9j_277{color:#d1d5db}._section-description_12g9j_292{font-size:12px;margin:0 0 12px}._theme-light_12g9j_31 ._section-description_12g9j_292{color:#6b7280}._theme-dark_12g9j_37 ._section-description_12g9j_292{color:#9ca3af}._form-divider_12g9j_305{height:1px;margin:20px 0}._theme-light_12g9j_31 ._form-divider_12g9j_305{background-color:#e5e7eb}._theme-dark_12g9j_37 ._form-divider_12g9j_305{background-color:#374151}._form-grid_12g9j_319{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}@media (max-width: 768px){._form-grid_12g9j_319{grid-template-columns:1fr}}._form-group_12g9j_331{display:flex;flex-direction:column}._form-group_12g9j_331._full-width_12g9j_336{grid-column:1 / -1}._form-group_12g9j_331._flex-grow_12g9j_340{flex:1}._form-group-with-age_12g9j_344{display:flex;gap:12px;align-items:flex-end;grid-column:1 / -1}@media (max-width: 768px){._form-group-with-age_12g9j_344{flex-direction:column;align-items:stretch}}._form-group_12g9j_331 label{font-size:12px;font-weight:500;margin-bottom:4px}._theme-light_12g9j_31 ._form-group_12g9j_331 label{color:#374151}._theme-dark_12g9j_37 ._form-group_12g9j_331 label{color:#d1d5db}._form-group_12g9j_331 input[type=text],._form-group_12g9j_331 input[type=email],._form-group_12g9j_331 input[type=tel],._form-group_12g9j_331 input[type=date],._form-group_12g9j_331 select,textarea{width:100%;padding:8px 10px;border:1px solid;border-radius:6px;font-size:13px;transition:all .2s}._required-star_12g9j_388{color:#ef4444;font-weight:700;margin-left:2px}._input-error_12g9j_395{border-color:#ef4444!important}._error-message_12g9j_399{display:block;color:#ef4444;font-size:11px;margin-top:4px}._theme-light_12g9j_31 ._form-group_12g9j_331 input,._theme-light_12g9j_31 ._form-group_12g9j_331 select,._theme-light_12g9j_31 textarea{background-color:#fff;border-color:#d1d5db;color:#111827}._theme-light_12g9j_31 ._form-group_12g9j_331 input:focus,._theme-light_12g9j_31 ._form-group_12g9j_331 select:focus,._theme-light_12g9j_31 textarea:focus{outline:none;border-color:#137fec;box-shadow:0 0 0 3px #137fec1a}._theme-dark_12g9j_37 ._form-group_12g9j_331 input,._theme-dark_12g9j_37 ._form-group_12g9j_331 select,._theme-dark_12g9j_37 textarea{background-color:#374151;border-color:#4b5563;color:#fff}._theme-dark_12g9j_37 ._form-group_12g9j_331 input:focus,._theme-dark_12g9j_37 ._form-group_12g9j_331 select:focus,._theme-dark_12g9j_37 textarea:focus{outline:none;border-color:#137fec;box-shadow:0 0 0 3px #137fec33}._phone-input_12g9j_439{display:flex;width:100%;gap:4px}._phone-prefix-select_12g9j_446{padding:8px 6px;border:1px solid;border-radius:6px;font-size:12px;width:100px!important;cursor:pointer}._theme-light_12g9j_31 ._phone-prefix-select_12g9j_446{background-color:#f3f4f6;border-color:#d1d5db;color:#111827}._theme-dark_12g9j_37 ._phone-prefix-select_12g9j_446{background-color:#374151;border-color:#4b5563;color:#fff}._phone-prefix_12g9j_446{display:inline-flex;align-items:center;padding:8px 10px;border:1px solid;border-right:none;border-radius:6px 0 0 6px;font-size:13px}._theme-light_12g9j_31 ._phone-prefix_12g9j_446{background-color:#f3f4f6;border-color:#d1d5db;color:#6b7280}._theme-dark_12g9j_37 ._phone-prefix_12g9j_446{background-color:#374151;border-color:#4b5563;color:#9ca3af}._phone-input_12g9j_439 input{flex:1;border-radius:6px!important}._age-display_12g9j_495{display:flex;align-items:center;padding:8px 10px;border:1px dashed;border-radius:6px;white-space:nowrap}._theme-light_12g9j_31 ._age-display_12g9j_495{border-color:#d1d5db}._theme-dark_12g9j_37 ._age-display_12g9j_495{border-color:#4b5563}._age-display_12g9j_495 span{font-size:12px}._theme-light_12g9j_31 ._age-display_12g9j_495 span{color:#6b7280}._theme-dark_12g9j_37 ._age-display_12g9j_495 span{color:#9ca3af}._radio-group_12g9j_525{display:flex;gap:14px}._radio-label_12g9j_530{display:flex;align-items:center;gap:6px;cursor:pointer}._radio-label_12g9j_530 input[type=radio]{width:15px;height:15px;cursor:pointer;accent-color:#137fec}._radio-label_12g9j_530 span{font-size:13px}._theme-light_12g9j_31 ._radio-label_12g9j_530 span{color:#111827}._theme-dark_12g9j_37 ._radio-label_12g9j_530 span{color:#e5e7eb}._category-options_12g9j_557{display:flex;gap:12px;flex-wrap:wrap}@media (max-width: 640px){._category-options_12g9j_557{flex-direction:column}}._category-option_12g9j_557{flex:1;display:flex;align-items:center;gap:6px;padding:10px;border:1px solid;border-radius:8px;cursor:pointer;transition:all .2s;min-width:0}._theme-light_12g9j_31 ._category-option_12g9j_557{border-color:#d1d5db}._theme-light_12g9j_31 ._category-option_12g9j_557:hover{border-color:#137fec;background-color:#137fec0d}._theme-dark_12g9j_37 ._category-option_12g9j_557{border-color:#4b5563}._theme-dark_12g9j_37 ._category-option_12g9j_557:hover{border-color:#137fec;background-color:#137fec1a}._category-option_12g9j_557 input[type=radio]{width:15px;height:15px;cursor:pointer;accent-color:#137fec}._category-option_12g9j_557 span{font-size:13px;font-weight:500}._theme-light_12g9j_31 ._category-option_12g9j_557 span{color:#111827}._theme-dark_12g9j_37 ._category-option_12g9j_557 span{color:#e5e7eb}._checkbox-grid_12g9j_621{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:12px}@media (max-width: 768px){._checkbox-grid_12g9j_621{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){._checkbox-grid_12g9j_621{grid-template-columns:1fr}}._checkbox-label_12g9j_640{display:flex;align-items:center;gap:6px;cursor:pointer}._checkbox-label_12g9j_640 input[type=checkbox]{width:15px;height:15px;cursor:pointer;accent-color:#137fec;border-radius:4px}._checkbox-label_12g9j_640 span{font-size:12px}._theme-light_12g9j_31 ._checkbox-label_12g9j_640 span{color:#374151}._theme-dark_12g9j_37 ._checkbox-label_12g9j_640 span{color:#d1d5db}._other-input-group_12g9j_668{display:flex;align-items:center;gap:12px}._other-text-input_12g9j_674{flex:1;padding:8px 10px;border:1px solid;border-radius:6px;font-size:12px}._theme-light_12g9j_31 ._other-text-input_12g9j_674{background-color:#fff;border-color:#d1d5db;color:#111827}._theme-dark_12g9j_37 ._other-text-input_12g9j_674{background-color:#374151;border-color:#4b5563;color:#fff}._other-text-input_12g9j_674:disabled{opacity:.5;cursor:not-allowed}textarea{resize:vertical;min-height:60px}._insurance-options_12g9j_706{display:flex;gap:10px;flex-wrap:wrap}._insurance-option_12g9j_706{display:flex;align-items:center;justify-content:center;padding:10px 14px;border:1px solid;border-radius:8px;cursor:pointer;transition:all .2s}._theme-light_12g9j_31 ._insurance-option_12g9j_706{border-color:#d1d5db}._theme-dark_12g9j_37 ._insurance-option_12g9j_706{border-color:#4b5563}._insurance-option_12g9j_706:has(input:checked){border:3px solid #137fec;padding:8px 12px}._insurance-option_12g9j_706 input{position:absolute;opacity:0;pointer-events:none}._insurance-option_12g9j_706 span{font-size:13px;font-weight:500}._theme-light_12g9j_31 ._insurance-option_12g9j_706 span{color:#111827}._theme-dark_12g9j_37 ._insurance-option_12g9j_706 span{color:#e5e7eb}._consent-group_12g9j_756{display:flex;flex-direction:column;gap:12px}._consent-label_12g9j_762{display:flex;align-items:flex-start;gap:10px;cursor:pointer}._consent-label_12g9j_762 input[type=checkbox]{width:15px;height:15px;margin-top:2px;cursor:pointer;accent-color:#137fec;flex-shrink:0}._consent-label_12g9j_762 span{font-size:13px;font-weight:500;line-height:1.5}._theme-light_12g9j_31 ._consent-label_12g9j_762 span{color:#111827}._theme-dark_12g9j_37 ._consent-label_12g9j_762 span{color:#e5e7eb}._signature-area_12g9j_793{width:100%;height:140px;border:2px dashed;border-radius:8px;display:flex;align-items:center;justify-content:center}._theme-light_12g9j_31 ._signature-area_12g9j_793{background-color:#f9fafb;border-color:#d1d5db}._theme-dark_12g9j_37 ._signature-area_12g9j_793{background-color:#1f2937;border-color:#4b5563}._signature-area_12g9j_793 p{font-size:13px;margin:0}._theme-light_12g9j_31 ._signature-area_12g9j_793 p{color:#9ca3af}._theme-dark_12g9j_37 ._signature-area_12g9j_793 p{color:#6b7280}._signature-actions_12g9j_826{margin-top:6px;text-align:right}._clear-signature-btn_12g9j_831{background:none;border:none;color:#137fec;font-size:12px;font-weight:500;cursor:pointer;padding:4px 8px;transition:color .2s}._clear-signature-btn_12g9j_831:hover{color:#0d5cb5}._modal-footer_12g9j_847{display:flex;justify-content:space-between;align-items:center;padding:14px 24px;border-top:1px solid;flex-shrink:0}._theme-light_12g9j_31 ._modal-footer_12g9j_847{border-top-color:#e5e7eb;background-color:#fff}._theme-dark_12g9j_37 ._modal-footer_12g9j_847{border-top-color:#374151;background-color:#1a1a1a}._footer-right_12g9j_866{display:flex;gap:10px;align-items:center}._btn-primary_12g9j_873,._btn-secondary_12g9j_874{padding:8px 20px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;border:none;display:inline-flex;align-items:center;gap:6px}._btn-primary_12g9j_873{background-color:#137fec;color:#fff}._btn-primary_12g9j_873:hover:not(:disabled){background-color:#0d5cb5}._btn-primary_12g9j_873:disabled{opacity:.6;cursor:not-allowed}._btn-secondary_12g9j_874{background-color:transparent;border:1px solid}._theme-light_12g9j_31 ._btn-secondary_12g9j_874{color:#374151;border-color:#d1d5db}._theme-light_12g9j_31 ._btn-secondary_12g9j_874:hover{background-color:#f3f4f6}._theme-dark_12g9j_37 ._btn-secondary_12g9j_874{color:#d1d5db;border-color:#4b5563}._theme-dark_12g9j_37 ._btn-secondary_12g9j_874:hover{background-color:#374151}@media (max-width: 640px){._modal-overlay_12g9j_2{padding:0}._modal-container_12g9j_18{height:100vh;border-radius:0;max-width:100%}._modal-header_12g9j_43,._modal-body_12g9j_224,._modal-footer_12g9j_847,._progress-section_12g9j_119,._step-indicators_12g9j_147{padding-left:16px;padding-right:16px}._form-content_12g9j_239{padding:16px}._modal-footer_12g9j_847{flex-direction:column;gap:10px}._footer-right_12g9j_866{width:100%;flex-direction:column}._btn-primary_12g9j_873,._btn-secondary_12g9j_874{width:100%;justify-content:center}}._modal-body_12g9j_224::-webkit-scrollbar{width:6px}._theme-light_12g9j_31 ._modal-body_12g9j_224::-webkit-scrollbar-track{background:#f1f1f1}._theme-light_12g9j_31 ._modal-body_12g9j_224::-webkit-scrollbar-thumb{background:#888;border-radius:4px}._theme-light_12g9j_31 ._modal-body_12g9j_224::-webkit-scrollbar-thumb:hover{background:#555}._theme-dark_12g9j_37 ._modal-body_12g9j_224::-webkit-scrollbar-track{background:#1f2937}._theme-dark_12g9j_37 ._modal-body_12g9j_224::-webkit-scrollbar-thumb{background:#4b5563;border-radius:4px}._theme-dark_12g9j_37 ._modal-body_12g9j_224::-webkit-scrollbar-thumb:hover{background:#6b7280}.contact-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:2000;padding:20px}.contact-modal-container{border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:100%;max-width:450px;display:flex;flex-direction:column;overflow:hidden;animation:slideUp .3s ease-out}.contact-modal-container.theme-light{background-color:#fff;color:#111827}.contact-modal-container.theme-dark{background-color:#1a1a1a;color:#fff}.contact-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid}.theme-light .contact-modal-header{border-bottom-color:#e5e7eb}.theme-dark .contact-modal-header{border-bottom-color:#374151}.contact-modal-title{font-size:20px;font-weight:700;margin:0}.theme-light .contact-modal-title{color:#111827}.theme-dark .contact-modal-title{color:#fff}.contact-modal-close{background:none;border:none;font-size:24px;cursor:pointer;padding:4px;line-height:1;transition:color .2s;color:#6b7280}.contact-modal-close:hover{color:#111827}.theme-dark .contact-modal-close{color:#9ca3af}.theme-dark .contact-modal-close:hover{color:#fff}.contact-modal-body{padding:24px;display:flex;flex-direction:column;gap:20px}.contact-info-section{display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:12px}.theme-light .contact-info-section{background-color:#f9fafb}.theme-dark .contact-info-section{background-color:#3741514d}.contact-info-row{display:flex;justify-content:space-between;align-items:center}.contact-info-label{font-size:14px;font-weight:600}.theme-light .contact-info-label{color:#6b7280}.theme-dark .contact-info-label{color:#9ca3af}.contact-info-value{font-size:15px;font-weight:600}.theme-light .contact-info-value{color:#111827}.theme-dark .contact-info-value{color:#f3f4f6}.contact-actions-section{display:flex;flex-direction:column;gap:10px}.contact-action-btn{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:10px;border:none;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;color:#fff}.contact-action-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.contact-action-btn:active{transform:translateY(0)}.contact-action-btn--phone{background:linear-gradient(135deg,#3b82f6,#2563eb)}.contact-action-btn--phone:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8)}.contact-action-btn--sms{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.contact-action-btn--sms:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9)}.contact-action-btn--whatsapp{background:linear-gradient(135deg,#25d366,#1da851)}.contact-action-btn--whatsapp:hover{background:linear-gradient(135deg,#1da851,#128c38)}.contact-action-btn--whatsapp-msg{background:linear-gradient(135deg,#00a884,#008c6b)}.contact-action-btn--whatsapp-msg:hover{background:linear-gradient(135deg,#008c6b,#007052)}.whatsapp-icon{flex-shrink:0}.contact-action-btn .material-symbols-outlined{font-size:22px}.contact-modal-footer{padding:16px 24px;border-top:1px solid;display:flex;justify-content:flex-end}.theme-light .contact-modal-footer{border-top-color:#e5e7eb}.theme-dark .contact-modal-footer{border-top-color:#374151}.contact-modal-cancel{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;border:1px solid}.theme-light .contact-modal-cancel{background-color:transparent;color:#374151;border-color:#d1d5db}.theme-light .contact-modal-cancel:hover{background-color:#f3f4f6}.theme-dark .contact-modal-cancel{background-color:transparent;color:#d1d5db;border-color:#4b5563}.theme-dark .contact-modal-cancel:hover{background-color:#374151}@media (max-width: 640px){.contact-modal-container{max-width:100%;margin:0 16px}.contact-modal-header,.contact-modal-body,.contact-modal-footer{padding-left:20px;padding-right:20px}.contact-action-btn{padding:12px 14px;font-size:14px}.contact-info-row{flex-direction:column;align-items:flex-start;gap:4px}}.notes-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:3000;padding:20px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.notes-modal-container{border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:100%;max-width:900px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.notes-modal-container.theme-light{background-color:#fff;color:#111827}.notes-modal-container.theme-dark{background-color:#1a1a1a;color:#f3f4f6}.notes-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 28px;border-bottom:1px solid}.theme-light .notes-modal-header{border-bottom-color:#e5e7eb;background-color:#f9fafb}.theme-dark .notes-modal-header{border-bottom-color:#374151;background-color:#11182780}.notes-modal-title{font-size:24px;font-weight:700;margin:0}.theme-light .notes-modal-title{color:#111827}.theme-dark .notes-modal-title{color:#f3f4f6}.notes-modal-header-actions{display:flex;gap:12px;align-items:center}.btn-add-note{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background-color:#137fec;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-add-note:hover{background-color:#0d5cb5;transform:translateY(-1px)}.btn-add-note .material-symbols-outlined{font-size:20px}.notes-modal-close{background:none;border:none;font-size:24px;cursor:pointer;padding:4px;line-height:1;transition:color .2s;color:#6b7280;border-radius:6px}.notes-modal-close:hover{background-color:#0000000d}.theme-dark .notes-modal-close:hover{background-color:#ffffff1a}.notes-modal-body{padding:28px;overflow-y:auto;flex:1}.note-form{background-color:#137fec0d;border:1px solid;border-radius:12px;padding:24px;margin-bottom:24px}.theme-light .note-form{border-color:#137fec33}.theme-dark .note-form{border-color:#137fec4d;background-color:#137fec14}.form-group{margin-bottom:20px}.form-group:last-child{margin-bottom:0}.form-group label{display:block;font-size:14px;font-weight:600;margin-bottom:8px}.theme-light .form-group label{color:#374151}.theme-dark .form-group label{color:#d1d5db}.note-input,.note-textarea{width:100%;padding:12px 16px;border:1px solid;border-radius:8px;font-size:14px;font-family:inherit;transition:all .2s}.theme-light .note-input,.theme-light .note-textarea{background-color:#fff;border-color:#d1d5db;color:#111827}.theme-light .note-input:focus,.theme-light .note-textarea:focus{outline:none;border-color:#137fec;box-shadow:0 0 0 3px #137fec1a}.theme-dark .note-input,.theme-dark .note-textarea{background-color:#374151;border-color:#4b5563;color:#f3f4f6}.theme-dark .note-input:focus,.theme-dark .note-textarea:focus{outline:none;border-color:#137fec;box-shadow:0 0 0 3px #137fec33}.note-textarea{resize:vertical;min-height:120px}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.btn-cancel,.btn-save{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;border:none;display:inline-flex;align-items:center;gap:8px}.btn-cancel{background-color:transparent;border:1px solid}.theme-light .btn-cancel{color:#374151;border-color:#d1d5db}.theme-light .btn-cancel:hover{background-color:#f3f4f6}.theme-dark .btn-cancel{color:#d1d5db;border-color:#4b5563}.theme-dark .btn-cancel:hover{background-color:#374151}.btn-save{background-color:#137fec;color:#fff}.btn-save:hover{background-color:#0d5cb5}.btn-save .material-symbols-outlined{font-size:18px}.notes-search{display:flex;align-items:center;gap:12px;padding:12px 16px;border:1px solid;border-radius:10px;margin-bottom:24px}.theme-light .notes-search{background-color:#f9fafb;border-color:#e5e7eb}.theme-dark .notes-search{background-color:#3741514d;border-color:#374151}.notes-search .material-symbols-outlined{font-size:22px;color:#6b7280}.search-input{flex:1;background:none;border:none;font-size:14px;outline:none}.theme-light .search-input{color:#111827}.theme-dark .search-input{color:#f3f4f6}.search-input::placeholder{color:#9ca3af}.notes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.note-card{border:1px solid;border-radius:12px;padding:20px;transition:all .2s;cursor:pointer}.theme-light .note-card{background-color:#fff;border-color:#e5e7eb}.theme-light .note-card:hover{box-shadow:0 4px 12px #00000014;border-color:#137fec}.theme-dark .note-card{background-color:#3741514d;border-color:#374151}.theme-dark .note-card:hover{box-shadow:0 4px 12px #0000004d;border-color:#137fec}.note-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;gap:12px}.note-card-title{font-size:16px;font-weight:700;margin:0;flex:1}.theme-light .note-card-title{color:#111827}.theme-dark .note-card-title{color:#f3f4f6}.note-card-actions{display:flex;gap:4px;opacity:0;transition:opacity .2s}.note-card:hover .note-card-actions{opacity:1}.note-action-btn{padding:6px;background:none;border:none;border-radius:6px;cursor:pointer;transition:all .2s;color:#6b7280}.note-action-btn:hover{background-color:#0000000d;color:#137fec}.theme-dark .note-action-btn:hover{background-color:#ffffff1a}.note-action-btn.note-action-delete:hover{color:#ef4444}.note-action-btn .material-symbols-outlined{font-size:20px}.note-card-content{font-size:14px;line-height:1.6;margin:0 0 16px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.theme-light .note-card-content{color:#4b5563}.theme-dark .note-card-content{color:#9ca3af}.note-card-footer{display:flex;flex-direction:column;gap:8px;padding-top:12px;border-top:1px solid}.theme-light .note-card-footer{border-top-color:#e5e7eb}.theme-dark .note-card-footer{border-top-color:#374151}.note-meta{display:flex;align-items:center;gap:6px;font-size:12px;color:#6b7280}.note-meta .material-symbols-outlined{font-size:16px}.notes-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.notes-empty .material-symbols-outlined{font-size:64px;color:#9ca3af;margin-bottom:16px}.empty-title{font-size:18px;font-weight:600;margin:0 0 8px}.theme-light .empty-title{color:#4b5563}.theme-dark .empty-title{color:#9ca3af}.empty-description{font-size:14px;color:#9ca3af;margin:0}.notes-modal-body::-webkit-scrollbar{width:8px}.notes-modal-body::-webkit-scrollbar-track{background:transparent}.theme-light .notes-modal-body::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.theme-dark .notes-modal-body::-webkit-scrollbar-thumb{background:#4b5563;border-radius:4px}.notes-modal-body::-webkit-scrollbar-thumb:hover{background:#9ca3af}@media (max-width: 768px){.notes-modal-container{max-width:100%;max-height:95vh}.notes-modal-header{padding:20px;flex-wrap:wrap}.notes-modal-title{font-size:20px}.notes-modal-body{padding:20px}.notes-grid{grid-template-columns:1fr}.btn-add-note span:last-child{display:none}.form-actions{flex-direction:column}.btn-cancel,.btn-save{width:100%;justify-content:center}}.patient-details-layout{min-height:100vh;display:flex;flex-direction:column}.patient-details-layout.theme-light{--bg-primary: #ffffff;--bg-secondary: #f6f7f8;--bg-tertiary: #f9fafb;--text-primary: #111827;--text-secondary: #6b7280;--text-muted: #9ca3af;--border-color: #e5e7eb;--hover-bg: #f3f4f6;--active-bg: rgba(19, 127, 236, .1);--shadow: 0 1px 3px 0 rgba(0, 0, 0, .1)}.patient-details-layout.theme-dark{--bg-primary: #1a1a1a;--bg-secondary: #101922;--bg-tertiary: #1f2937;--text-primary: #f3f4f6;--text-secondary: #d1d5db;--text-muted: #9ca3af;--border-color: #374151;--hover-bg: rgba(55, 65, 81, .5);--active-bg: rgba(19, 127, 236, .2);--shadow: 0 1px 3px 0 rgba(0, 0, 0, .3)}.patient-details-topbar{display:flex;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--border-color);background-color:var(--bg-primary)}.back-to-patients-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background-color:transparent;border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.back-to-patients-btn:hover{background-color:var(--hover-bg);color:var(--text-primary)}.back-to-patients-btn .material-symbols-outlined{font-size:20px}.controls{display:flex;gap:10px}.patient-details-container{display:flex;flex:1;overflow:hidden}.patient-details-sidebar{width:280px;background-color:var(--bg-primary);border-right:1px solid var(--border-color);padding:24px 16px;overflow-y:auto;display:flex;flex-direction:column;gap:24px}.patient-info-card{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px;background-color:var(--bg-tertiary);border-radius:12px;border:1px solid var(--border-color)}.patient-avatar{width:80px;height:80px;border-radius:50%;background-size:cover;background-position:center;background-repeat:no-repeat;border:3px solid white;box-shadow:0 4px 12px #137fec33}.patient-info{text-align:center;width:100%}.patient-name{font-size:18px;font-weight:700;color:var(--text-primary);margin:0 0 8px}.patient-meta{font-size:13px;color:var(--text-secondary);margin:4px 0}.patient-nav{display:flex;flex-direction:column;gap:4px}.patient-nav-link{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:10px;color:var(--text-secondary);text-decoration:none;font-size:14px;font-weight:500;transition:all .2s}.patient-nav-link:hover{background-color:var(--hover-bg);color:var(--text-primary)}.patient-nav-link.active{background-color:var(--active-bg);color:#137fec}.patient-nav-link .material-symbols-outlined{font-size:22px}.patient-details-main{flex:1;overflow-y:auto;background-color:var(--bg-secondary)}@media (max-width: 1024px){.patient-details-sidebar{width:240px}}@media (max-width: 768px){.patient-details-container{flex-direction:column}.patient-details-sidebar{width:100%;border-right:none;border-bottom:1px solid var(--border-color);padding:16px}.patient-info-card{flex-direction:row;align-items:center;text-align:left}.patient-avatar{width:60px;height:60px}.patient-info{text-align:left}.patient-nav{flex-direction:row;overflow-x:auto;gap:8px;padding-bottom:8px}.patient-nav-link{white-space:nowrap;flex-shrink:0}}.patient-details-sidebar::-webkit-scrollbar,.patient-details-main::-webkit-scrollbar{width:6px;height:6px}.patient-details-sidebar::-webkit-scrollbar-track,.patient-details-main::-webkit-scrollbar-track{background:transparent}.patient-details-sidebar::-webkit-scrollbar-thumb,.patient-details-main::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.patient-details-sidebar::-webkit-scrollbar-thumb:hover,.patient-details-main::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.patient-overview{padding:32px;min-height:100%;animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.patient-overview.theme-light{--bg-primary: #f8fafc;--bg-card: #ffffff;--bg-hover: #f1f5f9;--bg-input: #f8fafc;--text-primary: #0f172a;--text-secondary: #64748b;--text-muted: #94a3b8;--border-color: #e2e8f0;--border-focus: #22c55e;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1)}.patient-overview.theme-dark{--bg-primary: #0f172a;--bg-card: #1e293b;--bg-hover: #334155;--bg-input: #0f172a;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b;--border-color: #334155;--border-focus: #22c55e;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5)}.overview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:24px;border-bottom:2px solid var(--border-color)}.header-left{display:flex;flex-direction:column;gap:8px}.overview-title{font-size:32px;font-weight:800;color:var(--text-primary);margin:0;letter-spacing:-.5px}.patient-id{font-size:14px;font-weight:600;color:var(--text-muted);background:var(--bg-hover);padding:6px 12px;border-radius:6px;display:inline-block;width:fit-content}.overview-actions{display:flex;gap:12px}.btn-primary,.btn-secondary,.btn-save,.btn-cancel{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;box-shadow:var(--shadow-sm)}.btn-primary{background:linear-gradient(135deg,#137fec,#0d5cb5);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-secondary{background-color:var(--bg-card);color:var(--text-primary);border:2px solid var(--border-color)}.btn-secondary:hover{background-color:var(--bg-hover);border-color:#137fec}.btn-save{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.btn-save:hover{transform:translateY(-2px);box-shadow:0 4px 12px #22c55e4d}.btn-cancel{background-color:var(--bg-card);color:#ef4444;border:2px solid #fecaca}.btn-cancel:hover{background-color:#fef2f2;border-color:#ef4444}.theme-dark .btn-cancel:hover{background-color:#ef44441a}.btn-primary .material-symbols-outlined,.btn-secondary .material-symbols-outlined,.btn-save .material-symbols-outlined,.btn-cancel .material-symbols-outlined{font-size:20px}.overview-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:32px}.info-card{background-color:var(--bg-card);border:2px solid var(--border-color);border-radius:16px;padding:0;box-shadow:var(--shadow-sm);transition:all .3s ease;overflow:hidden}.info-card:hover{box-shadow:var(--shadow-md)}.info-card.edit-mode{border-color:#22c55e;box-shadow:0 0 0 4px #22c55e1a}.card-header{display:flex;align-items:center;text-align:center;justify-content:center!important;gap:12px;padding:20px 24px;background:linear-gradient(135deg,var(--bg-hover) 0%,var(--bg-card) 100%);border-bottom:2px solid var(--border-color)}.card-icon{font-size:28px;color:#137fec;background:linear-gradient(135deg,#137fec,#0d5cb5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.card-title{font-size:18px;font-weight:700;color:var(--text-primary);border:none!important;margin:0}.card-body{padding:24px;display:flex;flex-direction:column;justify-content:center;gap:25px}.info-row{display:flex;flex-direction:column;gap:8px}.info-row-group{display:grid;grid-template-columns:1fr 1fr;gap:16px}.info-label{font-size:13px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.info-value{font-size:15px;font-weight:500;color:var(--text-primary)}.info-input,.info-select,.info-textarea{width:100%;padding:12px 16px;border:2px solid var(--border-color);border-radius:10px;font-size:15px;font-weight:500;font-family:inherit;color:var(--text-primary);background-color:var(--bg-input);transition:all .2s ease}.info-input.editable,.info-select.editable,.info-textarea.editable{border-color:#22c55e;background-color:#22c55e0d;box-shadow:0 0 0 3px #22c55e1a}.info-input:focus,.info-select:focus,.info-textarea:focus{outline:none;border-color:#137fec;box-shadow:0 0 0 4px #137fec1a}.info-textarea{resize:vertical;min-height:60px}.info-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%2364748b' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:40px}.badge-age,.badge-gender,.badge-blood,.badge-policy{display:inline-block;padding:8px 16px;border-radius:8px;font-size:14px;font-weight:600}.badge-age{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.badge-gender{color:#fff}.badge-male{background:linear-gradient(135deg,#06b6d4,#0891b2)}.badge-female{background:linear-gradient(135deg,#ec4899,#db2777)}.badge-blood{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.badge-policy{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;font-family:Courier New,monospace}.visits-section{background-color:var(--bg-card);border:2px solid var(--border-color);border-radius:16px;overflow:hidden;box-shadow:var(--shadow-sm)}.visits-section:hover{box-shadow:var(--shadow-md)}.table-wrapper{overflow-x:auto}.visits-table{width:100%;border-collapse:collapse}.visits-table thead{background:linear-gradient(135deg,var(--bg-hover) 0%,var(--bg-card) 100%)}.visits-table th{padding:16px 24px;text-align:left;font-size:12px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;background-color:#1e1e1efd;border-bottom:2px solid var(--border-color)}.visits-table td{padding:16px 24px;font-size:14px;font-weight:500;color:var(--text-primary);border-bottom:1px solid var(--border-color)}.visits-table tbody tr{transition:background-color .2s ease}.visits-table tbody tr:hover{background-color:var(--bg-hover)}.visits-table tbody tr:last-child td{border-bottom:none}.status-badge{display:inline-block;padding:6px 14px;border-radius:8px;font-size:12px;font-weight:700;text-transform:capitalize}.status-completed{background-color:#22c55e1a;color:#16a34a;border:1px solid rgba(34,197,94,.3)}.status-scheduled{background-color:#3b82f61a;color:#2563eb;border:1px solid rgba(59,130,246,.3)}.status-cancelled{background-color:#ef44441a;color:#dc2626;border:1px solid rgba(239,68,68,.3)}@media (max-width: 1200px){.overview-grid{grid-template-columns:1fr}}@media (max-width: 768px){.patient-overview{padding:20px}.overview-header{flex-direction:column;align-items:flex-start;gap:20px}.overview-title{font-size:24px}.overview-actions{width:100%;flex-wrap:wrap}.btn-primary,.btn-secondary,.btn-save,.btn-cancel{flex:1;min-width:150px;justify-content:center}.card-header{padding:16px 20px}.card-body{padding:20px}.info-row-group{grid-template-columns:1fr}.visits-table th,.visits-table td{padding:12px 16px}.visits-table th:nth-child(3),.visits-table td:nth-child(3){display:none}}@media (max-width: 480px){.patient-overview{padding:16px}.overview-title{font-size:20px}.overview-actions{flex-direction:column}.btn-primary,.btn-secondary,.btn-save,.btn-cancel{width:100%}.btn-primary span:last-child,.btn-secondary span:last-child,.btn-save span:last-child,.btn-cancel span:last-child{display:none}}.info-card.loading{opacity:.6;pointer-events:none}@keyframes saveSuccess{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.info-card.save-success{animation:saveSuccess .5s ease;border-color:#22c55e}.table-wrapper::-webkit-scrollbar{height:8px}.table-wrapper::-webkit-scrollbar-track{background:var(--bg-hover);border-radius:4px}.table-wrapper::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.table-wrapper::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.patient-medical-history{padding:32px}.patient-medical-history.theme-light{--bg-card: #ffffff;--text-primary: #111827;--text-secondary: #6b7280;--border-color: #e5e7eb}.patient-medical-history.theme-dark{--bg-card: #1a1a1a;--text-primary: #f3f4f6;--text-secondary: #9ca3af;--border-color: #374151}.medical-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.medical-title{font-size:32px;font-weight:900;color:var(--text-primary);margin:0}.medical-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.medical-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:24px}.card-title{font-size:18px;font-weight:700;color:var(--text-primary);margin:0 0 16px;padding-bottom:12px;border-bottom:1px solid var(--border-color)}.medical-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.medical-list li{font-size:14px;color:var(--text-primary);padding:8px 12px;background-color:#137fec0d;border-radius:6px}.medical-list li.empty{color:var(--text-secondary);font-style:italic;background-color:transparent}.btn-secondary{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background-color:transparent;border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:14px;font-weight:600;cursor:pointer}@media (max-width: 768px){.patient-medical-history{padding:20px}.medical-title{font-size:24px}.medical-grid{grid-template-columns:1fr}}.patient-dental-chart{padding:32px;min-height:100%}.patient-dental-chart.theme-light{--bg-card: #ffffff;--bg-secondary: #f9fafb;--bg-control: #f3f4f6;--text-primary: #111827;--text-secondary: #6b7280;--text-muted: #9ca3af;--border-color: #e5e7eb;--hover-bg: #f3f4f6}.patient-dental-chart.theme-dark{--bg-card: #1a1a1a;--bg-secondary: #111827;--bg-control: rgba(55, 65, 81, .5);--text-primary: #f3f4f6;--text-secondary: #9ca3af;--text-muted: #6b7280;--border-color: #374151;--hover-bg: rgba(55, 65, 81, .5)}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.chart-title{font-size:32px;font-weight:900;color:var(--text-primary);margin:0}.chart-actions{display:flex;gap:12px}.btn-primary,.btn-secondary{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;border:none}.btn-primary{background-color:#137fec;color:#fff}.btn-secondary{background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background-color:var(--hover-bg)}.btn-primary .material-symbols-outlined,.btn-secondary .material-symbols-outlined{font-size:18px}.chart-controls{display:flex;justify-content:space-between;align-items:center;padding:16px;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;margin-bottom:24px;flex-wrap:wrap;gap:16px}.control-group{display:flex;align-items:center;gap:12px}.control-label{font-size:14px;font-weight:500;color:var(--text-secondary)}.toggle-group{display:flex;background-color:var(--bg-control);border-radius:8px;padding:4px}.toggle-btn{padding:8px 16px;background:none;border:none;border-radius:6px;font-size:14px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .2s}.toggle-btn.active{background-color:var(--bg-card);color:var(--text-primary);box-shadow:0 1px 3px #0000001a}.select-wrapper{position:relative;display:inline-flex;align-items:center}.select-wrapper select{width:200px;padding:8px 32px 8px 12px;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:14px;cursor:pointer;appearance:none}.select-wrapper .material-symbols-outlined{position:absolute;right:8px;pointer-events:none;color:var(--text-secondary);font-size:20px}.chart-canvas{height:400px;background-color:var(--bg-card);border:2px dashed var(--border-color);border-radius:12px;margin-bottom:24px;display:flex;align-items:center;justify-content:center}.chart-placeholder{text-align:center}.chart-placeholder h2{font-size:20px;font-weight:600;color:var(--text-secondary);margin:0 0 8px}.chart-placeholder p{font-size:14px;color:var(--text-muted);margin:0}.chart-legend{display:flex;align-items:center;justify-content:center;gap:24px;padding:16px;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;margin-bottom:24px;flex-wrap:wrap}.legend-title{font-size:14px;font-weight:600;color:var(--text-primary)}.legend-item{display:flex;align-items:center;gap:6px}.legend-color{width:12px;height:12px;border-radius:50%}.legend-label{font-size:12px;color:var(--text-secondary)}.chart-content-grid{display:grid;grid-template-columns:2fr 1fr;gap:24px;margin-bottom:24px}.chart-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.card-title{font-size:18px;font-weight:700;color:var(--text-primary);margin:0}.treatments-table thead{background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.treatments-table th,.treatments-table td{padding:12px;text-align:left}.treatments-table th{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.treatments-table td{font-size:14px;color:var(--text-primary);border-bottom:1px solid var(--border-color)}.treatments-table tbody tr:hover{background-color:var(--hover-bg)}.no-data{text-align:center;color:var(--text-secondary);font-style:italic}.summary-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.summary-item{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:var(--text-secondary)}.summary-value{font-weight:600;color:var(--text-primary);font-size:16px}.chart-bottom-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:24px;border-top:1px solid var(--border-color)}@media (max-width: 1024px){.chart-content-grid{grid-template-columns:1fr}}@media (max-width: 768px){.patient-dental-chart{padding:20px}.chart-title{font-size:24px}.chart-controls{flex-direction:column;align-items:stretch}.control-group{width:100%;justify-content:space-between}.select-wrapper select{width:100%}.chart-canvas{height:300px}.chart-legend{gap:12px}.chart-actions{width:100%}.btn-primary,.btn-secondary{flex:1}.chart-bottom-actions{flex-direction:column}}.patient-treatments{padding:32px}.patient-treatments.theme-light{--bg-card: #ffffff;--text-primary: #111827;--text-secondary: #6b7280;--border-color: #e5e7eb;--hover-bg: #f3f4f6}.patient-treatments.theme-dark{--bg-card: #1a1a1a;--text-primary: #f3f4f6;--text-secondary: #9ca3af;--border-color: #374151;--hover-bg: rgba(55, 65, 81, .5)}.treatments-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.treatments-title{font-size:32px;font-weight:900;color:var(--text-primary);margin:0}.treatments-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.treatments-table{width:100%;border-collapse:collapse}.treatments-table th,.treatments-table td{padding:16px 24px;text-align:left;border-bottom:1px solid var(--border-color)}.treatments-table th{font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;background-color:var(--hover-bg)}.treatments-table td{font-size:14px;color:var(--text-primary)}.status-completed{background-color:#22c55e1a;color:#16a34a}.status-planned{background-color:#a855f71a;color:#a855f7}.patient-documents{padding:32px}.patient-documents.theme-light{--bg-card: #ffffff;--text-primary: #111827;--text-secondary: #6b7280;--border-color: #e5e7eb;--hover-bg: #f3f4f6}.patient-documents.theme-dark{--bg-card: #1a1a1a;--text-primary: #f3f4f6;--text-secondary: #9ca3af;--border-color: #374151;--hover-bg: rgba(55, 65, 81, .5)}.documents-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.documents-title{font-size:32px;font-weight:900;color:var(--text-primary);margin:0}.documents-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.document-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:12px}.document-icon{width:48px;height:48px;border-radius:10px;background-color:var(--hover-bg);display:flex;align-items:center;justify-content:center;color:#137fec}.document-icon .material-symbols-outlined{font-size:28px}.document-name{font-size:15px;font-weight:600;color:var(--text-primary);margin:0}.document-meta,.document-date{font-size:13px;color:var(--text-secondary);margin:0}.document-actions{display:flex;gap:8px;margin-top:auto}.action-btn{padding:8px;background:none;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer}.no-data{grid-column:1 / -1;text-align:center;color:var(--text-secondary);font-style:italic;padding:40px}.patient-billing{padding:32px;min-height:100%}.patient-billing.theme-light{--bg-card: #ffffff;--bg-secondary: #f9fafb;--bg-table-header: #f3f4f6;--text-primary: #111827;--text-secondary: #6b7280;--border-color: #e5e7eb;--hover-bg: #f3f4f6}.patient-billing.theme-dark{--bg-card: #1a1a1a;--bg-secondary: #111827;--bg-table-header: rgba(55, 65, 81, .5);--text-primary: #f3f4f6;--text-secondary: #9ca3af;--border-color: #374151;--hover-bg: rgba(55, 65, 81, .5)}.billing-header{margin-bottom:32px}.billing-title{font-size:32px;font-weight:900;color:var(--text-primary);margin:0}.billing-summary-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:0 1px 3px #0000001a}.summary-content{margin-bottom:24px}.summary-title{font-size:18px;font-weight:700;color:var(--text-primary);margin:0 0 20px}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px}.summary-item{display:flex;flex-direction:column;gap:4px}.summary-label{font-size:13px;color:var(--text-secondary);font-weight:500}.summary-value{font-size:22px;font-weight:700;color:var(--text-primary)}.summary-value.balance-due{color:#ef4444}.summary-actions{display:flex;gap:12px;flex-wrap:wrap}.btn-action{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-action:hover{background-color:var(--hover-bg)}.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background-color:#137fec;border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary:hover{background-color:#0d5cb5}.btn-action .material-symbols-outlined,.btn-primary .material-symbols-outlined{font-size:18px}.billing-table-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.billing-tabs{display:flex;border-bottom:1px solid var(--border-color);padding:0 24px;gap:24px;overflow-x:auto}.tab-button{display:flex;align-items:center;gap:6px;padding:16px 0;background:none;border:none;border-bottom:2px solid transparent;color:var(--text-secondary);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.tab-button:hover{color:var(--text-primary)}.tab-indicator{font-size:8px;color:#137fec}.tab-button:not(.active) .tab-indicator{opacity:0}.billing-table{width:100%;border-collapse:collapse}.billing-table thead{background-color:var(--bg-table-header)}.billing-table th,.billing-table td{padding:16px 24px;text-align:left;border-bottom:1px solid var(--border-color)}.billing-table th{font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.billing-table td{font-size:14px;color:var(--text-primary)}.billing-table tbody tr:hover{background-color:var(--hover-bg)}.invoice-number{font-weight:600}.text-right{text-align:right}.text-center{text-align:center}.balance-due{color:#ef4444;font-weight:700}.status-badge{display:inline-block;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:600;text-transform:capitalize}.status-paid{background-color:#22c55e1a;color:#16a34a}.status-overdue{background-color:#ef44441a;color:#dc2626}.status-pending{background-color:#fbbf241a;color:#f59e0b}.action-buttons{display:flex;justify-content:center;gap:8px}.action-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .2s}.action-btn .material-symbols-outlined{font-size:20px}.empty-state{padding:60px 24px;text-align:center}.empty-state p{color:var(--text-secondary);font-size:16px;margin:0}@media (max-width: 1024px){.summary-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.patient-billing{padding:20px}.billing-title{font-size:24px}.summary-grid{grid-template-columns:1fr}.summary-actions{width:100%}.btn-action,.btn-primary{flex:1}.billing-table th,.billing-table td{padding:12px 16px;font-size:12px}.billing-table th:nth-child(1),.billing-table td:nth-child(1),.billing-table th:nth-child(6),.billing-table td:nth-child(6){display:none}}.patient-appointments{padding:32px;min-height:100%}.patient-appointments.theme-light{--bg-card: #ffffff;--text-primary: #111827;--text-secondary: #6b7280;--border-color: #e5e7eb;--hover-bg: #f3f4f6}.patient-appointments.theme-dark{--bg-card: #1a1a1a;--text-primary: #f3f4f6;--text-secondary: #9ca3af;--border-color: #374151;--hover-bg: rgba(55, 65, 81, .5)}.appointments-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.appointments-title{font-size:32px;font-weight:900;color:var(--text-primary);margin:0}.appointments-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.appointments-tabs{display:flex;border-bottom:1px solid var(--border-color);padding:0 24px}.tab-button{padding:16px 24px;background:none;border:none;border-bottom:2px solid transparent;color:var(--text-secondary);font-size:14px;font-weight:600;cursor:pointer}.tab-button.active{color:#137fec;border-bottom-color:#137fec}.table-container{overflow-x:auto}.appointments-table{width:100%;border-collapse:collapse}.appointments-table th,.appointments-table td{padding:16px 24px;text-align:left;border-bottom:1px solid var(--border-color)}.appointments-table th{font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:uppercase}.appointments-table td{font-size:14px;color:var(--text-primary)}.status-badge{padding:4px 10px;border-radius:999px;font-size:11px;font-weight:600}.status-confirmed{background-color:#22c55e1a;color:#16a34a}.status-completed{background-color:#3b82f61a;color:#3b82f6}.action-buttons{display:flex;gap:8px}.action-btn{padding:6px;background:none;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer}.action-btn:hover{background-color:var(--hover-bg);color:#137fec}.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background-color:#137fec;border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:600;cursor:pointer}.no-data{text-align:center;color:var(--text-secondary);font-style:italic;padding:40px!important}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif}.gen3{width:60%}.booking-wrapper{background-color:var(--bg-app);color:var(--text-main);min-height:100vh;display:flex;justify-content:center;padding:40px 20px}.booking-container{width:100%;max-width:900px;display:flex;flex-direction:column}.header{margin-bottom:30px}.header h1{font-size:28px;font-weight:700;margin-bottom:8px}.subtitle{color:var(--text-muted);font-size:14px}.stepper{display:flex;align-items:center;justify-content:space-between;margin-bottom:40px;position:relative}.stepper-line{position:absolute;top:50%;left:0;width:100%;height:1px;background-color:var(--border-color);z-index:0;transform:translateY(-50%)}.list-message{padding:20px;color:var(--text-muted)}.phone-input-rtl{direction:ltr;text-align:right}.phone-input-ltr{direction:ltr;text-align:left}.step{display:flex;align-items:center;gap:10px;background-color:var(--bg-app);position:relative;z-index:1}.step:first-child{padding-right:15px}.step:nth-child(2){padding:0 15px}.step:last-child{padding-left:15px}.step-circle{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.step.active .step-circle{background-color:var(--primary);color:#fff;box-shadow:0 0 10px #2563eb66}.step.active span{color:var(--primary);font-weight:600;font-size:14px}.step.active,.step.inactive{background-color:var(--bg-field)}.step.inactive .step-circle{border:1px solid #475569;color:#64748b;background-color:var(--bg-field)}.step.inactive span{color:#64748b;font-size:14px}.tabs{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:25px}.tab-btn{display:flex;align-items:center;gap:12px;padding:16px;border-radius:8px;cursor:pointer;border:1px solid transparent;transition:all .2s ease}.tab-btn.active{border-color:var(--primary);background-color:var(--primary-light)}.tab-btn.inactive{border-color:var(--border-color);background-color:transparent}.tab-btn.inactive:hover{border-color:#334155}.radio-circle{width:20px;height:20px;border-radius:50%;border:2px solid;display:flex;align-items:center;justify-content:center}.tab-btn.active .radio-circle{border-color:var(--primary)}.tab-btn.inactive .radio-circle{border-color:#64748b}.radio-dot{width:10px;height:10px;background-color:var(--primary);border-radius:50%}.tab-label{font-size:14px;font-weight:500}.tab-btn.active .tab-label{color:var(--primary)}.tab-btn.inactive .tab-label{color:var( --text-new)}.searchh-wrapper{position:relative;margin-bottom:25px}.search-input{width:100%;background-color:transparent;border:1px solid var(--border-color);border-radius:8px;padding:14px 14px 14px 48px;color:var(--text-new);font-size:14px;margin-bottom:20px;outline:none;transition:border-color .2s}.search-input:focus{border-color:var(--primary)}.patient-list-container{border:1px solid var(--border-color);border-radius:12px;overflow:hidden;margin-bottom:30px}.list-header{padding:16px;border-bottom:1px solid var(--border-color)}.list-header h3{font-size:14px;font-weight:700;color:var(--text-new)}.patient-row{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--border-color);cursor:pointer;transition:background-color .2s}.patient-row:last-child{border-bottom:none}.patient-row:hover{background-color:#ffffff08}.patient-row.selected{background-color:var(--primary-light)}.patient-info-col{display:flex;align-items:center;gap:15px;flex:1.5}.list-radio{width:18px;height:18px;border-radius:50%;border:2px solid;display:flex;align-items:center;justify-content:center}.patient-row.selected .list-radio{border-color:var(--primary);background-color:var(--primary)}.patient-row:not(.selected) .list-radio{border-color:#475569}.list-radio-dot-white{width:6px;height:6px;background-color:#fff;border-radius:50%}.patient-name{font-size:14px;font-weight:500}.patient-row.selected .patient-name{color:var(--text-new)}.patient-row:not(.selected) .patient-name{color:var(--text-new)}.patient-phone{flex:1;color:var(--text-new);font-size:14px;font-family:monospace}.patient-date{flex:1;text-align:right;color:#64748b;font-size:14px}.footer-actions{display:flex;justify-content:flex-end;gap:12px;border-top:1px solid var(--border-color);padding-top:24px;margin-top:auto}.btn{padding:10px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;border:none;transition:opacity .2s}.btn-cancel:hover{opacity:.9;background-color:red}.btn-next:hover{opacity:.9}.btn-cancel{background-color:var(--bg-surface);color:#fff}.btn-next{background-color:var(--primary);color:#fff;display:flex;align-items:center;gap:8px}@media (max-width: 600px){.tabs{grid-template-columns:1fr}.patient-row{flex-direction:column;align-items:flex-start;gap:8px}.patient-date{text-align:left}}.form-container{background-color:#ffffff05;border:1px dashed var(--border-color);border-radius:12px;padding:24px;margin-bottom:30px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group.full-width{grid-column:span 2}.form-label{font-size:13px;font-weight:600;color:var(--text-muted)}.form-label span{color:#ef4444;margin-left:4px}.form-input{width:100%;background-color:var(--bg-app);border:1px solid var(--border-color);border-radius:8px;padding:12px 16px;color:#fff;font-size:14px;outline:none;transition:all .2s}.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1a}@media (max-width: 640px){.form-grid{grid-template-columns:1fr}.form-group.full-width{grid-column:span 1}}.form-container input,.form-container select{background-color:var(--bg-field)}select.form-input option{background-color:var(--bg-field);color:var(--text-main)}.form-time{color-scheme:var(--colori-invert);color:var(--text-main)}input[type=date]::-webkit-calendar-picker-indicator{filter:invert(var(--colori-invert));cursor:pointer}:root{--bg-app: #0b101a;--bg-surface: #1e293b;--primary: #2563eb;--primary-hover: #1d4ed8;--primary-light: rgba(37, 99, 235, .1);--text-main: #ffffff;--text-muted: #94a3b8;--border-color: #1e293b;--success-green: #22c55e;--bg-field:#0b101a;--colori-invert:-1}:root[data-theme=light]{--bg-app: #d8e2f5;--bg-surface: #d3d6db;--text-main: black;--text-new: #666666;--bg-field:white;--colori-invert:1}.selected-patient-info{padding:15px;background:var(--primary-light);border:1px solid var(--primary)}.selected-patient-content{display:flex;justify-content:space-between;align-items:center}.patient-name-display{color:var(--text-main);font-weight:700;font-size:14px}.form-group textarea{background-color:var(--bg-field)}.change-patient-btn{background:none;border:none;color:var(--primary);cursor:pointer;font-weight:700;font-size:13px}.form-grid>.full-width{grid-column:1 / -1}.radio-group{display:flex;gap:20px;margin-top:5px}.gen5{width:60%}.radio-label{display:flex;align-items:center;gap:8px;cursor:pointer;color:var(--text-main);font-size:14px}.radio-input-primary{accent-color:var(--primary)}.footer-spaced{justify-content:space-between}:root{--calendar-bg: #0b101a;--calendar-surface: #121a2a;--calendar-surface-alt: #1c2537;--calendar-border: #273044;--calendar-muted: #94a3b8;--calendar-text: #f8fafc;--calendar-accent: #2563eb;--calendar-accent-soft: rgba(37, 99, 235, .2);--calendar-success: #22c55e;--calendar-card-bg: #20304a;--calendar-card-gradient: linear-gradient(135deg, #1d4ed8, #3b82f6);--calendar-cancelled-bg: #384152;--calendar-shadow: 0 20px 45px rgba(2, 6, 23, .6);--calendar-danger: #ef4444;--calendar-outside-month-bg: #0b101a}:root[data-theme=light]{--calendar-bg: #f8f9fa;--calendar-surface: #ffffff;--calendar-surface-alt: #f8f9fa;--calendar-border: #e5e7eb;--calendar-muted: #6b7280;--calendar-text: #1f2933;--calendar-accent: #2563eb;--calendar-outside-month-bg: #e3eaf1}.calendar-shell{display:flex;min-height:100vh;background:var(--calendar-bg);color:var(--calendar-text)}.sidebar-spacer{width:280px;flex-shrink:0}.calendar-page{flex:1;width:100%;display:flex;gap:24px;padding:24px;background:var(--calendar-bg);min-height:calc(100vh - 80px);box-sizing:border-box;color:var(--calendar-text)}.calendar-panel{flex:1;background:var(--calendar-surface);border-radius:16px;padding:24px;box-shadow:var(--calendar-shadow);min-height:600px;display:flex;flex-direction:column}.calendar-toolbar{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;align-items:center;margin-bottom:24px}.calendar-view-switch{display:inline-flex;background:var(--calendar-surface-alt);border-radius:999px;padding:4px}.view-switch__btn{border:none;background:transparent;color:#4f566b;font-weight:600;padding:8px 18px;border-radius:999px;cursor:pointer;transition:background .2s ease,color .2s ease}.view-switch__btn.is-active{background:var(--calendar-accent);color:#fff;box-shadow:0 8px 20px #2563eb59}.calendar-nav{display:inline-flex;align-items:center;gap:12px}.calendar-nav button{border:none;width:36px;height:36px;border-radius:50%;font-size:1.25rem;color:var(--calendar-text);background:var(--calendar-surface-alt);cursor:pointer;transition:background .2s ease}.calendar-nav button:hover{background:#334155}.calendar-nav__label{font-size:1.125rem;font-weight:600;color:var(--calendar-text)}.go-to-step-button{border:none;background:var(--calendar-success);color:#fff;padding:10px 20px;border-radius:999px;font-weight:600;cursor:pointer;transition:transform .2s ease,background .2s ease}.go-to-step-button:hover{background:#16a34a;transform:translateY(-1px)}.calendar-body{flex:1;min-height:400px}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;color:var(--calendar-text)}.calendar-grid__header{text-align:center;font-size:.85rem;font-weight:600;color:var(--calendar-muted);text-transform:uppercase}.calendar-cell{background:var(--calendar-surface-alt);border-radius:12px;padding:8px;min-height:140px;height:140px;box-shadow:inset 0 0 0 1px var(--calendar-border);display:flex;flex-direction:column;gap:6px;overflow:hidden}.calendar-cell.is-outside-month{background:var(--calendar-outside-month-bg);color:var(--calendar-muted)}.calendar-cell__date{font-size:.85rem;font-weight:700;color:var(--calendar-text);margin-bottom:6px}.calendar-cell__appointments{display:flex;flex-direction:column;gap:4px;flex:1;min-height:0}.appointment-card{border-radius:10px;padding:8px 10px;background:var(--calendar-card-gradient);color:#fff;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;display:flex;flex-direction:column;gap:4px;box-shadow:0 6px 14px #02061799}.appointment-card:hover{transform:translateY(-2px);box-shadow:0 12px 26px #2563eb73}.appointment-card--month{flex:1 1 auto;min-height:0;padding:6px 8px;font-size:.75rem;display:flex;flex-direction:column;justify-content:center;gap:2px}.appointment-card.is-cancelled{background:#64748b!important;color:#cbd5e1!important;opacity:.7;border-left-color:#94a3b8!important}.appointment-card__names{display:flex;justify-content:space-between;gap:8px;font-weight:600;font-size:.9rem;min-width:0}.appointment-card__time{font-size:.8rem;opacity:.9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.appointment-card--month .appointment-card__names,.appointment-card--month .appointment-card__time{font-size:.7rem}.appointment-card__doctor,.appointment-card__patient{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.appointment-card__cancel{margin-top:6px;align-self:flex-start;border:none;background:#ffffff26;color:inherit;padding:4px 10px;border-radius:999px;cursor:pointer;font-size:.75rem;font-weight:600;transition:background .2s ease}.appointment-card.is-cancelled .appointment-card__cancel{display:none}.appointment-card__cancel:hover{background:#ffffff4d}.week-view-simple{display:flex;flex-direction:column;gap:8px;background:var(--calendar-surface-alt);border-radius:16px;padding:16px;box-shadow:var(--calendar-shadow)}.week-view-simple__header{display:grid;grid-template-columns:100px repeat(7,minmax(0,1fr));gap:8px;margin-bottom:8px}.week-view-simple__time-header{display:block}.week-view-simple__day-header{text-align:center;display:flex;flex-direction:column;gap:4px;padding:8px;background:var(--calendar-surface);border-radius:8px}.week-view-simple__day-name{font-weight:600;font-size:.9rem;color:var(--calendar-text);text-transform:uppercase}.week-view-simple__day-date{font-size:.85rem;color:var(--calendar-muted)}.week-view-simple__body{display:flex;flex-direction:column;gap:8px}.week-view-simple__row{display:grid;grid-template-columns:100px repeat(7,minmax(0,1fr));gap:8px}.week-view-simple__time-cell{display:flex;align-items:center;justify-content:center;padding:12px;background:var(--calendar-surface);border-radius:8px;font-weight:600;font-size:.85rem;color:var(--calendar-muted);min-height:80px}.week-view-simple__day-cell{background:var(--calendar-surface);border-radius:8px;padding:8px;min-height:80px;display:flex;flex-direction:column;gap:6px;box-shadow:inset 0 0 0 1px var(--calendar-border)}.week-view-simple__appointments{display:flex;flex-direction:column;gap:6px;flex:1;min-height:0}.appointment-card--week{flex:1 1 auto;min-height:0;padding:6px 8px;font-size:.75rem;display:flex;flex-direction:column;justify-content:center;gap:2px;overflow:visible}.appointment-card--week.is-cancelled{background:#64748b!important;color:#cbd5e1!important;opacity:.7;border-left:none!important}.appointment-card--week .appointment-card__cancel{margin-top:4px;padding:3px 8px;font-size:.7rem;font-weight:600;flex-shrink:0;visibility:visible;display:block!important}.year-view{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.year-month-card{background:var(--calendar-surface-alt);border-radius:18px;padding:16px;box-shadow:var(--calendar-shadow);display:flex;flex-direction:column;gap:12px;color:var(--calendar-text)}.year-month-card header{display:flex;justify-content:space-between;font-weight:600;color:var(--calendar-text)}.year-month-card__count{color:var(--calendar-muted);font-size:.85rem}.year-month-card__body{display:flex;flex-direction:column;gap:8px}.year-month-card__empty{font-size:.9rem;color:#94a3b8}.year-month-card__more{font-size:.8rem;color:#2563eb;font-weight:600}.calendar-overlay{position:fixed;inset:0;background:#050914cc;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:80;padding:24px}.appointment-modal{width:min(420px,100%);background:var(--calendar-surface);border-radius:20px;padding:24px;box-shadow:0 30px 80px #00000059;animation:scaleIn .2s ease}.appointment-modal>header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.appointment-modal h3{margin:0;font-size:1.2rem}.appointment-modal header button{border:none;background:var(--calendar-surface-alt);color:var(--calendar-text);width:32px;height:32px;border-radius:50%;font-size:1.1rem;cursor:pointer}.appointment-modal ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px;color:var(--calendar-text)}.appointment-modal strong{color:var(--calendar-muted)}@keyframes scaleIn{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.calendar-state{display:grid;place-items:center;min-height:320px;color:var(--calendar-muted);font-weight:600;font-size:1rem}.calendar-state--error{color:var(--calendar-danger)}.booking-flow-wrapper{padding:32px;min-height:100vh;background:var(--calendar-bg);color:var(--calendar-text);display:flex;align-items:center;justify-content:center}@media (max-width: 1024px){.calendar-shell{flex-direction:column}.sidebar-spacer{width:0;height:0}.calendar-page{flex-direction:column}}:root{--report-background: #f6f7f8;--report-title: #111827;--report-sub-title: #6B7280;--primary: #137fec;--card-bg: #ffffff;--card-shadow: 0 0 15px rgba(0,0,0,.03);--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--gap-lg: 1.5rem;--gap-md: 1rem;--gap-sm: .5rem;--max-width: 80rem}.reports-root[data-theme=dark]{--report-background: #111418;--report-title: #ffffff;--card-bg: #1c2127;--card-shadow: 0 0 15px rgba(0,0,0,.2)}.reports-root{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;background-color:var(--report-background);color:var(--report-title);display:flex;position:relative;width:100%;min-height:100vh;flex-direction:column}@media (min-width: 1024px){.reports-root{flex-direction:row}}.sidebar-placeholder{flex-shrink:0;width:16rem;padding:1rem;display:flex;align-items:flex-start;justify-content:center;gap:.5rem;background:transparent;color:var(--report-title)}.reports-main{flex:1 1 0%;display:flex;justify-content:center;padding:1rem}@media (min-width: 768px){.reports-main{padding:1.5rem}}@media (min-width: 1024px){.reports-main{padding:2.5rem}}.reports-wrapper{width:100%;max-width:var(--max-width);display:block}.reports-title{display:flex;flex-direction:column;gap:var(--gap-lg);width:100%}.page-title h1{font-size:2.25rem;line-height:2.5rem;font-weight:900;letter-spacing:-.033em;margin:0;color:#111827}.reports-root[data-theme=dark] .page-title h1{color:#fff}.reports-container{display:grid;grid-template-columns:1fr;gap:var(--gap-lg);align-items:start}@media (min-width: 1024px){.reports-container{grid-template-columns:1fr 2fr}}.reports-right{display:flex;flex-direction:column;gap:var(--gap-lg)}.container{display:flex;flex-direction:column;border-radius:var(--radius-lg);background-color:var(--card-bg);box-shadow:var(--card-shadow);overflow:visible;width:100%}.container-header{padding:1.5rem;border-bottom:1px solid #E5E7EB}.reports-root[data-theme=dark] .container-header{border-color:#ffffff1a}.container-header .title{font-size:1.125rem;font-weight:700;margin:0 0 .25rem}.container-header .subtitle{margin:0;font-size:1rem;font-weight:400;color:var(--report-sub-title)}.form-container{display:flex;flex-direction:column;padding:1.5rem;gap:var(--gap-lg)}.form-label{display:flex;flex-direction:column;width:100%}.form-label .form-p{padding-bottom:.5rem;font-size:1rem;font-weight:500;margin:0;color:#1f2937}.reports-root[data-theme=dark] .form-label .form-p{color:#fff}.form-select{overflow:hidden;padding:.75rem;border-radius:var(--radius-md);border:1px solid #D1D5D8;width:100%;height:3rem;font-size:1rem;font-weight:400;line-height:1.5;color:#111827;background-color:#f9faf8;box-sizing:border-box}.form-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #137fec1f}.reports-root[data-theme=dark] .form-select{color:#fff;border-color:#3b4754;background:#1c2127}.date-form-container{display:flex;flex-direction:column;gap:var(--gap-md)}@media (min-width: 640px){.date-form-container{flex-direction:row}}.form-input[type=date]{appearance:none;-webkit-appearance:none;-moz-appearance:none;margin-top:5px;padding:.75rem;border-radius:var(--radius-md);border:1px solid #D1D5D8;background-color:#f9faf8;color:#000;font-size:1rem;height:3rem;box-sizing:border-box}.form-input[type=date]::-webkit-calendar-picker-indicator{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 24 24'%3E%3Cg%3E%3Cpath d='M9 11H7v2h2v-2zm4 0h-2v2h2v-2zm4 0h-2v2h2v-2zm2-7h-1V2h-2v2H8V2H6v2H5c-1.11 0-1.99.9-1.99 2L3 20c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 16H5V9h14v11z'/%3E%3C/g%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 24 24'%3E%3Cg%3E%3Cpath d='M9 11H7v2h2v-2zm4 0h-2v2h2v-2zm4 0h-2v2h2v-2zm2-7h-1V2h-2v2H8V2H6v2H5c-1.11 0-1.99.9-1.99 2L3 20c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 16H5V9h14v11z'/%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;background-image:none;background-color:currentColor;mask-type:match-source;cursor:pointer}.reports-root[data-theme=dark] .form-input[type=date]{border-color:#3b4754;background-color:#1c2127;color:#fff}.reports-root[data-theme=dark] .form-input[type=date]:focus{border-color:var(--primary)}.form-button-container,.form-button-contianer{display:flex;padding-top:.75rem;flex-wrap:wrap;gap:.5rem}.date-btn{padding:.25rem .75rem;border:none;border-radius:9999px;font-size:.875rem;line-height:1.25rem;color:#374151;background-color:#e5e7eb;cursor:pointer}.reports-root[data-theme=dark] .date-btn{color:#e5e7eb;background-color:#374151}.date-btn.selected{background-color:#137fec33;color:#93c5fd}.reports-root[data-theme=dark] .date-btn.selected{background-color:#137fec4d;color:#137fec}.left-footer{display:flex;padding:1.5rem;flex-direction:column;gap:.75rem}button{appearance:none;-webkit-appearance:none;-moz-appearance:none;border:none;background:transparent;font:inherit}.primary-footer-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;border-radius:var(--radius-md);width:100%;height:3rem;font-size:1rem;font-weight:700;line-height:1.5;letter-spacing:.015em;color:#fff;background:var(--primary);cursor:pointer}.footer-buttons{display:flex;gap:.75rem}.footer-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;flex:1 1 0%;border-radius:var(--radius-md);border:1px solid #D1D5DB;height:2.5rem;font-size:.875rem;font-weight:500;color:#374151;background-color:transparent;cursor:pointer}.reports-root[data-theme=dark] .footer-btn{color:#e5e7eb;border-color:#3b4754}.summary{padding:0}.summary-grid{display:flex;gap:1rem;justify-content:center;align-self:center;padding:1rem 1.5rem 1.5rem}@media (min-width: 768px){.summary-grid{grid-template-columns:repeat(4,1fr)}}.summary-box{flex:1;text-align:center;padding:1rem;border-radius:var(--radius-md);background-color:#f3f4f6}.reports-root[data-theme=dark] .summary-box{color:var(--report-sub-title);background-color:#1f2937}.summary-box p{margin:0}.summary-value{font-size:1.875rem;font-weight:700;color:#111827}.summary-value.green{color:#16a34a}.summary-value.red{color:#dc2626}.summary-value.yellow{color:#f59e0b}[data-theme=dark] .summary-value{color:#fff}.summary-value.green{color:#45da7c}.summary-value.red{color:#e95353}.summary-value.yellow{color:#fab948}.chart-title{font-weight:700;margin:0 0 .5rem}.chart-placeholder{width:100%;aspect-ratio:16 / 9;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background-color:#f3f4f6;color:#6b7280}.table-container .table-wrapper{overflow-x:auto;width:100%;background:transparent}.table-wrapper table{width:100%;border-collapse:collapse;text-align:left}.table-wrapper thead tr{background-color:#f9fafb}.reports-root[data-theme=dark] .table-wrapper thead tr{background-color:#ffffff08}.table-wrapper th,.table-wrapper td{padding:1rem;font-size:.875rem}.table-wrapper tbody tr{border-bottom:1px solid #E5E7EB}.reports-root[data-theme=dark] .table-wrapper tbody tr{border-bottom:1px solid rgba(255,255,255,.05)}.table-wrapper td .status{display:inline-block;padding:.25rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:600}.status.done{background:#dcfce7;color:#065f46}.status.cancelled{background:#fee2e2;color:#991b1b}.status.confirmed{background:#dbeafe;color:#1e3a8a}[data-theme=dark] .table-wrapper td .status.done{color:#000;background-color:#065f46}[data-theme=dark] .table-wrapper td .status.cancelled{color:#000;background-color:#991b1b}[data-theme=dark] .table-wrapper td .status.confirmed{color:#000;background-color:#1e3a8a}.table-actions{display:flex;justify-content:center;gap:.75rem;padding:1rem;border-top:1px solid #E5E7EB}.reports-root[data-theme=dark] .table-actions{border-top-color:#ffffff1a}.table-action-btn{display:flex;align-items:center;gap:.5rem;padding:0 1rem;height:2.5rem;border-radius:var(--radius-md);background:#e5e7eb99;color:#374151;cursor:pointer}.reports-root[data-theme=dark] .table-action-btn{background:#ffffff0f;color:#e5e7eb}@media (min-width: 1024px){.reports-left .container{top:7rem}}:focus{outline:none}a,button{cursor:pointer}@media (max-width: 420px){.reports-title{gap:1rem}.page-title h1{font-size:1.75rem}}@media print{.sidebar-placeholder{display:none}.primary-footer-btn,.footer-btn{box-shadow:none}}.report-container{border-radius:.75rem;box-shadow:0 0 15px #00000008;background-color:#fff;padding:1.5rem}[data-theme=dark] .report-container{background-color:#1c2127;box-shadow:0 0 15px #0003}html,body{margin:0;padding:0;font-family:Inter,system-ui,sans-serif}._app_15akl_8{--color-primary: #3a8dde;--color-bg: #f6f7f8;--color-surface: #ffffff;--color-text-primary: #333333;--color-text-secondary: #6b7280;--color-border: #e5e7eb;--space-0: 0rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--radius-default: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;display:flex;height:100vh;width:100%;background:var(--color-bg);color:var(--color-text-primary)}[data-theme=dark] ._app_15akl_8{--color-bg: #101922;--color-surface: #18232e;--color-text-primary: #ffffff;--color-text-secondary: #9ca3af;--color-border: #374151}._main_15akl_50{flex:1;display:flex;flex-direction:column;overflow-y:auto;height:100%}._page-content_15akl_58{flex:1;padding:1.5rem 2.5rem}._heading-section_15akl_62 ._page-title_15akl_62{font-size:2.25rem;font-weight:900;line-height:1}._overview-grid_15akl_68{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}._profile-tabs_15akl_74{display:flex;gap:2rem;border-bottom:1px solid #e2e8f0;margin-bottom:2rem}[data-theme=dark] ._profile-tabs_15akl_74{border-color:var(--color-border)}._tab_15akl_83{padding:1rem 0;font-size:.875rem;font-weight:700;color:var(--color-text-secondary);text-decoration:none}._tab_15akl_83:hover{color:var(--color-primary)}._profile-card_15akl_94{background-color:var(--color-surface);border-radius:var(--radius-xl);padding:var(--space-8);margin:0 var(--space-8) var(--space-8);display:flex;flex-direction:column;height:100%}._form-section_15akl_104{max-width:32rem;margin:0 auto}._form-heading_15akl_109{font-size:1.375rem;font-weight:700;margin-bottom:2rem}._form-group_15akl_115{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}._form-group_15akl_115 label{font-size:.875rem;font-weight:500;color:var(--color-text-secondary)}._input-wrapper_15akl_127{position:relative}._input-wrapper_15akl_127 input,select{width:100%;padding:.75rem 2.5rem .75rem .75rem;border:1px solid var(--color-border);border-radius:.25rem;background:var(--color-bg);color:var(--color-text-primary);font-size:.875rem}._input-wrapper_15akl_127 input{cursor:text}select{background:var(--color-bg)}[data-theme=dark] ._input-wrapper_15akl_127 input,select{background:var(--color-bg);border-color:var(--color-border)}._input-wrapper_15akl_127 input::placeholder{color:var(--color-text-secondary)}._input-wrapper_15akl_127 input._editable_15akl_156{border-color:#22c55e;box-shadow:0 1px 2px #0000000d}._input-wrapper_15akl_127 input._un-editable_15akl_161{cursor:not-allowed;color:gray}._visibility-btn_15akl_166{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);background:transparent;border:none;color:var(--color-text-secondary);cursor:pointer}._strength-meter_15akl_177{display:flex;align-items:center;gap:.5rem;margin-top:.25rem}._meter-bg_15akl_183{flex:1;height:.375rem;background:#e2e8f0;border-radius:9999px}._meter-fill_15akl_189{height:100%;border-radius:inherit;transition:all .3s}._meter-fill_15akl_189._very_weak_15akl_195{width:0%;background:#ef4444}._meter-fill_15akl_189._weak_15akl_200{width:25%;background:#f97316}._meter-fill_15akl_189._medium_15akl_205{width:50%;background:#eab308}._meter-fill_15akl_189._strong_15akl_210{width:75%;background:#22c55e}._meter-fill_15akl_189._very_strong_15akl_215{width:100%;background:#16a34a}._strength-label_15akl_220{font-size:.75rem;font-weight:500}._strength-label_15akl_220._very_weak_15akl_195{color:#ef4444}._strength-label_15akl_220._weak_15akl_200{color:#f97316}._strength-label_15akl_220._medium_15akl_205{color:#eab308}._strength-label_15akl_220._strong_15akl_210{color:#22c55e}._strength-label_15akl_220._very_strong_15akl_215{color:#16a34a}._error-msg_15akl_245{font-size:.75rem;color:#ef4444}._requirements-box_15akl_250{border:1px solid var(--color-border);border-radius:.5rem;padding:1rem;margin-bottom:1.5rem}._req-title_15akl_257{font-weight:600;margin-bottom:.5rem;color:#111827}[data-theme=dark] ._req-title_15akl_257{color:var(--color-text-primary)}._req-list_15akl_265{list-style:none;padding:0;margin:0}._req-item_15akl_270{display:flex;align-items:center;gap:.5rem;font-size:.875rem}._req-item_15akl_270._met_15akl_183{color:#10b981}._req-item_15akl_270._unmet_15akl_279{color:#ef4444}._profile-action-btn_15akl_283{margin-top:auto;display:flex;gap:50px}._profile-action-btn_15akl_283 button{width:100%;padding:.75rem 1rem;font-weight:700;font-size:.875rem;border:none;border-radius:.25rem;cursor:pointer}._update-btn_15akl_299{background:var(--color-primary)}._cancel-btn_15akl_303{background:#ef4444}._update-btn_15akl_299:hover{background:#2282e2}._cancel-btn_15akl_303:hover{background:#f32f2f}._material-symbols-outlined_15akl_315{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 48;font-size:1.5rem;line-height:1}._success-message_15akl_325{font-size:16px;font-weight:600;position:relative;display:flex;justify-content:center;padding-bottom:4px}._success-message_15akl_325:after{content:"";position:absolute;left:0;bottom:-2px;width:100%;height:2px;background:linear-gradient(90deg,transparent,#4caf50,transparent);box-shadow:0 0 8px #4caf50,0 0 12px #4caf50}._error-message_15akl_345{font-size:16px;font-weight:600;position:relative;display:flex;justify-content:center;padding-bottom:4px}._error-message_15akl_345:after{content:"";position:absolute;left:50%;bottom:-2px;width:100%;height:2px;background:linear-gradient(90deg,transparent,#ef4444,transparent);box-shadow:0 0 8px #ef4444,0 0 12px #ef4444}.preferences{display:flex;flex-direction:column;gap:2.5rem}.card{width:100%;border:1px solid var(--color-border);border-radius:.75rem;background:var(--color-surface)}.card-title{font-size:1.125rem;font-weight:700;padding:1rem 1.5rem;border-bottom:1px solid var(--color-border);margin:0}.card-body{padding:1.5rem}.checkbox-label,.radio-label{display:flex;align-items:center;gap:.75rem;font-size:.875rem;color:var(--color-text-primary);cursor:pointer}.checkbox-label input,.radio-label input{width:1.125rem;height:1.125rem;accent-color:var(--color-primary)}.section-label{margin-bottom:.75rem;font-size:.875rem;color:var(--color-text-primary)}.radio-group{display:flex;flex-direction:column;gap:.5rem}.actions{display:flex;justify-content:flex-start}.save-btn{min-width:160px;padding:0 1.5rem;height:2.75rem;background:var(--color-primary);color:#fff;font-size:.875rem;font-weight:700;border:none;border-radius:.5rem;cursor:pointer}.save-btn:hover{background:#137fece6}.material-symbols-outlined.fill{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}@media (min-width: 640px){.search-wrapper{max-width:20rem}}@media (min-width: 768px){.page-content{padding:3rem}}