:root{--primary: #1a6fb5;--primary-dark: #154d82;--primary-light: #e8f2fb;--accent: #3cb95a;--accent-dark: #2d9147;--accent-light: #eafaf0;--bg: #f4f7fb;--text: #1a2a3a;--text-muted: #6b7c8d;--border: #dde4ed;--shadow: 0 4px 24px rgba(26,111,181,.08);--shadow-hover: 0 8px 40px rgba(26,111,181,.15);--radius: 16px;--radius-sm: 10px;--sidebar-w: 260px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;min-height:100vh;overflow-x:hidden}body{font-family:Plus Jakarta Sans,sans-serif;background:var(--bg);color:var(--text)}@keyframes slideUp{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.35);opacity:.3}}.fg{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.fg label{font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.fw{position:relative;display:flex;align-items:center}.fw input,.fw select{width:100%;padding:12px 16px 12px 42px;border:1.5px solid var(--border);border-radius:var(--radius-sm);font-size:14px;font-family:inherit;color:var(--text);background:var(--bg);outline:none;transition:border-color .2s,box-shadow .2s,background .2s}.fw input:focus,.fw select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #1a6fb51a;background:#fff}.fw input::placeholder{color:#b8c4d0}.fi{position:absolute;left:13px;color:var(--text-muted);pointer-events:none}.eye{position:absolute;right:11px;background:none;border:none;cursor:pointer;color:var(--text-muted);display:flex;padding:3px}.eye:hover{color:var(--primary)}.fgrid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.row-right{display:flex;justify-content:flex-end;margin:-4px 0 14px}.lnk{color:var(--primary);font-size:13px;font-weight:600;text-decoration:none;cursor:pointer}.lnk:hover{text-decoration:underline}.btn{width:100%;padding:13px;border:none;border-radius:var(--radius-sm);font-size:14px;font-weight:700;font-family:inherit;cursor:pointer;transition:all .18s;display:inline-flex;align-items:center;justify-content:center;gap:6px}.btn-g{background:var(--accent);color:#fff}.btn-g:hover{background:var(--accent-dark);box-shadow:0 5px 18px #3cb95a47}.btn-g:active{transform:scale(.98)}.btn-o{background:#fff;color:var(--primary);border:2px solid var(--primary)}.btn-o:hover{background:var(--primary-light)}.btn-sm{width:auto;padding:10px 20px;font-size:13px;border-radius:9px}.divider{display:flex;align-items:center;gap:10px;margin:16px 0;color:var(--text-muted);font-size:12px}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--border)}.badge{padding:5px 13px;border-radius:40px;font-size:11px;font-weight:700;letter-spacing:.4px;white-space:nowrap}.badge-b{background:var(--primary);color:#fff}.badge-g{background:var(--accent);color:#fff}.a-warn{background:#fff5e6;border:1px solid #ffc97a;border-radius:9px;padding:13px 16px;display:flex;align-items:flex-start;gap:9px;color:#a0600a;font-size:13px;line-height:1.6;margin-bottom:18px}.a-info{background:var(--primary-light);border:1px solid #c2d9ef;border-radius:9px;padding:11px 15px;display:flex;align-items:flex-start;gap:9px;color:var(--primary);font-size:13px;line-height:1.6;margin-bottom:18px}.tabs{display:flex;gap:3px;background:var(--bg);padding:3px;border-radius:9px;width:fit-content;margin-bottom:18px}.tb{padding:8px 20px;border:none;border-radius:7px;cursor:pointer;font-family:inherit;font-size:13px;font-weight:600;color:var(--text-muted);background:transparent;transition:all .17s}.tb.active{background:#fff;color:var(--primary);box-shadow:0 2px 8px #00000014}.es{text-align:center;padding:44px 20px;color:var(--text-muted)}.es .ei{font-size:40px;margin-bottom:10px}.es p{font-size:13px}.toast{position:fixed;bottom:26px;right:26px;color:#fff;padding:11px 18px;border-radius:40px;display:flex;align-items:center;gap:7px;font-size:12px;font-weight:700;box-shadow:0 6px 20px #0000002e;transform:translateY(70px);opacity:0;transition:all .36s cubic-bezier(.34,1.56,.64,1);z-index:9999;pointer-events:none}.toast.show{transform:translateY(0);opacity:1}.login-layout{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.login-left{background:linear-gradient(145deg,#1a6fb5,#0d3f6e,#0a2d52);padding:100px 56px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.login-left:before{content:"";position:absolute;top:-80px;right:-80px;width:300px;height:300px;border-radius:50%;background:#ffffff0a}.login-left:after{content:"";position:absolute;bottom:-100px;left:-60px;width:400px;height:400px;border-radius:50%;background:#3cb95a14}.tagline-main{font-family:Fraunces,serif;font-size:44px;font-weight:300;color:#fff;line-height:1.2;margin-bottom:14px}.tagline-main em{font-style:italic;color:#7dd9a0}.tagline-sub{font-size:15px;color:#fff9;line-height:1.75;max-width:360px}.login-stats{display:flex;align-items:center;gap:20px;position:relative;z-index:1}.stat{display:flex;flex-direction:column}.stat-num{font-size:24px;font-weight:800;color:#fff}.stat-label{font-size:10px;color:#ffffff80;text-transform:uppercase;letter-spacing:1px}.stat-div{width:1px;height:36px;background:#fff3}.login-right{display:flex;align-items:center;justify-content:center;padding:60px 48px;background:var(--bg)}.login-card{background:#fff;border-radius:var(--radius);padding:44px;width:100%;max-width:410px;box-shadow:var(--shadow);animation:slideUp .45s ease}.card-title{font-size:24px;font-weight:800;margin-bottom:5px}.card-sub{color:var(--text-muted);font-size:13px;margin-bottom:28px}.inner-layout{display:grid;grid-template-columns:270px 1fr;min-height:100vh}.inner-side{background:linear-gradient(145deg,#1a6fb5,#0d3f6e);padding:34px 26px;display:flex;flex-direction:column;gap:32px}.back-btn{display:flex;align-items:center;gap:8px;color:#fff;background:#ffffff1a;border:none;padding:9px 15px;border-radius:40px;cursor:pointer;font-size:13px;font-family:inherit;font-weight:600;transition:background .2s;width:fit-content}.back-btn:hover{background:#fff3}.side-info{background:#ffffff1a;border-radius:11px;padding:16px 18px;display:flex;gap:11px;align-items:flex-start}.side-info p{color:#fffc;font-size:13px;line-height:1.65}.side-info strong{color:#fff}.inner-content{padding:48px 52px;overflow-y:auto;display:flex;align-items:flex-start;justify-content:center}.inner-card{background:#fff;border-radius:var(--radius);padding:40px;width:100%;max-width:560px;box-shadow:var(--shadow);animation:slideUp .4s ease}.pw-req{background:var(--bg);border-radius:9px;padding:13px 16px;margin-bottom:16px}.pw-req-t{font-size:12px;font-weight:700;margin-bottom:7px}.pw-req-g{display:grid;grid-template-columns:1fr 1fr;gap:5px}.req-i{font-size:12px;color:var(--text-muted);display:flex;align-items:center;gap:5px}.req-ok{color:var(--accent);font-weight:700}.verified-box{background:var(--accent-light);border:1px solid #a8e6bc;border-radius:9px;padding:11px 15px;color:var(--accent-dark);font-size:13px;margin-bottom:18px}.dashboard{display:flex;width:100%;min-height:100vh}.app-sidebar{width:var(--sidebar-w);min-width:var(--sidebar-w);flex-shrink:0;background:linear-gradient(160deg,#1a6fb5,#0d3f6e);display:flex;flex-direction:column;min-height:100vh;position:sticky;top:0;align-self:stretch}.app-main{flex:1;min-width:0;display:flex;flex-direction:column;background:var(--bg)}.sb-brand{display:flex;align-items:center;padding:20px 18px;border-bottom:1px solid rgba(255,255,255,.1)}.sb-nav{flex:1;padding:16px 12px;display:flex;flex-direction:column;gap:3px;overflow-y:auto}.sb-bottom{padding:12px;border-top:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:3px}.ni{display:flex;align-items:center;gap:10px;padding:10px 12px;color:#fff9;border-radius:9px;font-size:13px;font-weight:500;cursor:pointer;border:none;background:none;font-family:inherit;width:100%;text-align:left;transition:all .17s}.ni:hover{background:#ffffff1a;color:#fff}.ni.active{background:#ffffff29;color:#fff;font-weight:700}.ni svg{flex-shrink:0;width:17px;height:17px}.ni-out{color:#ff8a80!important}.ni-out:hover{background:#ff503c26!important}.topbar{background:#fff;padding:15px 32px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);box-shadow:0 2px 10px #0000000a;flex-shrink:0}.topbar-title{font-size:19px;font-weight:800}.u-chip{display:flex;align-items:center;gap:8px;background:var(--primary-light);border-radius:40px;padding:6px 14px 6px 6px;font-size:13px;font-weight:600;color:var(--primary)}.u-ava{width:28px;height:28px;background:var(--primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800}.ds{padding:26px 32px;animation:fadeIn .27s ease}.w-banner{background:linear-gradient(130deg,var(--primary) 0%,#0a2d52 100%);border-radius:var(--radius);padding:30px 34px;display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;position:relative;overflow:hidden}.w-banner:before{content:"";position:absolute;top:-40px;right:80px;width:170px;height:170px;border-radius:50%;background:#ffffff0d}.w-greet{font-size:11px;color:#fff9;text-transform:uppercase;letter-spacing:1.5px;font-weight:600}.w-name{font-size:26px;font-weight:800;color:#fff;margin:3px 0;font-family:Fraunces,serif}.w-sub{font-size:13px;color:#ffffffa6}.pulse-wrap{position:relative;display:flex;align-items:center;justify-content:center;width:66px;height:66px;flex-shrink:0}.pulse-ring{position:absolute;width:66px;height:66px;border-radius:50%;border:2px solid rgba(255,255,255,.22);animation:pulse 2.2s infinite}.appt-card{background:#fff;border-radius:var(--radius);padding:20px 24px;box-shadow:var(--shadow);margin-bottom:22px;border-left:4px solid var(--primary)}.appt-lbl{font-size:10px;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-muted);font-weight:700;margin-bottom:12px}.appt-row{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.appt-date{background:var(--primary-light);border-radius:10px;padding:10px 14px;text-align:center;min-width:68px}.appt-day{display:block;font-size:26px;font-weight:800;color:var(--primary);line-height:1}.appt-mon{display:block;font-size:10px;color:var(--primary);font-weight:700;letter-spacing:1px;margin-top:2px}.appt-info{flex:1;min-width:0}.appt-time{font-size:12px;color:var(--text-muted)}.appt-doc{font-size:15px;font-weight:700;color:var(--primary)}.appt-spec{font-size:12px;color:var(--text-muted);margin-top:2px}.qg{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.qc{border-radius:var(--radius);padding:22px 14px;display:flex;flex-direction:column;align-items:center;gap:10px;cursor:pointer;transition:all .22s;border:none;font-family:inherit}.qc.bl{background:var(--primary)}.qc.gr{background:var(--accent)}.qc:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover)}.qi{width:48px;height:48px;background:#ffffff26;border-radius:11px;display:flex;align-items:center;justify-content:center}.ql{font-size:12px;font-weight:700;color:#fff;text-align:center}.sc{background:#fff;border-radius:var(--radius);padding:32px;box-shadow:var(--shadow)}.sc h3{font-size:18px;font-weight:800;margin-bottom:4px}.sc-sub{font-size:13px;color:var(--text-muted);margin-bottom:28px}.steps{display:flex;align-items:center;margin-bottom:28px}.step{display:flex;align-items:center;gap:8px}.step-num{width:28px;height:28px;border-radius:50%;border:2px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:var(--text-muted);flex-shrink:0;transition:all .25s}.step.done .step-num{background:var(--accent);border-color:var(--accent);color:#fff}.step.active .step-num{background:var(--primary);border-color:var(--primary);color:#fff}.step-label{font-size:12px;font-weight:600;color:var(--text-muted);white-space:nowrap}.step.done .step-label,.step.active .step-label{color:var(--text)}.step-line{flex:1;height:2px;background:var(--border);margin:0 10px;min-width:20px;transition:background .25s}.step-line.done{background:var(--accent)}.form-cols{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:20px}.field-label{font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.6px;display:flex;align-items:center;gap:6px}.field-label svg{color:var(--primary)}.field-box{position:relative;display:flex;align-items:center;background:var(--bg);border:1.5px solid var(--border);border-radius:12px;transition:all .2s}.field-box:focus-within{border-color:var(--primary);background:#fff;box-shadow:0 0 0 3px #1a6fb517}.field-box .ficon{position:absolute;left:14px;color:var(--primary);pointer-events:none;flex-shrink:0}.field-box input,.field-box select{width:100%;padding:13px 40px 13px 44px;border:none;outline:none;background:transparent;font-size:14px;font-family:inherit;font-weight:500;color:var(--text);-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.field-box .fchev{position:absolute;right:14px;color:var(--text-muted);pointer-events:none}.time-slots{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.time-slot{padding:10px 8px;border:1.5px solid var(--border);border-radius:9px;text-align:center;font-size:13px;font-weight:600;color:var(--text-muted);cursor:pointer;transition:all .18s;background:var(--bg);font-family:inherit}.time-slot:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.time-slot.selected{border-color:var(--primary);background:var(--primary);color:#fff}.doctor-cards{display:flex;flex-direction:column;gap:8px}.doctor-card{display:flex;align-items:center;gap:14px;padding:14px 16px;border:1.5px solid var(--border);border-radius:11px;cursor:pointer;transition:all .18s;background:var(--bg)}.doctor-card:hover,.doctor-card.selected{border-color:var(--primary);background:var(--primary-light)}.doc-ava{width:42px;height:42px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;flex-shrink:0}.doc-info{flex:1}.doc-name{font-size:14px;font-weight:700}.doc-spec{font-size:12px;color:var(--text-muted);margin-top:2px}.doc-radio{width:20px;height:20px;border-radius:50%;border:2px solid var(--border);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .18s;font-size:10px;font-weight:700}.doctor-card.selected .doc-radio{background:var(--primary);border-color:var(--primary);color:#fff}.confirm-card{background:linear-gradient(135deg,var(--primary-light),#f0f8ff);border:1.5px solid #c2d9ef;border-radius:14px;padding:20px 24px;margin-bottom:20px}.confirm-row{display:flex;align-items:center;justify-content:space-between;padding:9px 0;border-bottom:1px solid rgba(26,111,181,.1)}.confirm-row:last-child{border-bottom:none}.conf-lbl{font-size:11px;color:var(--text-muted);font-weight:700;text-transform:uppercase;letter-spacing:.5px}.conf-val{font-size:14px;font-weight:700;color:var(--text);text-align:right}.cc{border:1.5px solid var(--border);border-radius:11px;padding:16px 20px;display:flex;align-items:center;gap:16px;transition:all .2s}.cc:hover{border-color:var(--primary);box-shadow:var(--shadow)}.cd{display:flex;flex-direction:column;align-items:center;background:var(--primary-light);padding:9px 12px;border-radius:9px;min-width:58px}.cd-day{font-size:22px;font-weight:800;color:var(--primary);line-height:1}.cd-mon{font-size:10px;font-weight:700;color:var(--primary);letter-spacing:1px}.cd-yr{font-size:10px;color:var(--text-muted)}.ci{flex:1}.ci-time{font-size:12px;color:var(--text-muted)}.ci-spec{font-size:14px;font-weight:700}.ci-doc{font-size:13px;color:var(--primary);font-weight:600}.ci-meta{font-size:11px;color:var(--text-muted);margin-top:2px}.tg{display:grid;grid-template-columns:340px 1fr;gap:22px;align-items:start}.hcard{background:linear-gradient(145deg,#1a6fb5,#0a2d52);border-radius:16px;padding:24px;color:#fff;position:relative;overflow:hidden;box-shadow:0 10px 36px #1a6fb547}.hcard:before{content:"";position:absolute;top:-36px;right:-36px;width:150px;height:150px;border-radius:50%;background:#ffffff0d}.hc-top{display:flex;align-items:center;gap:9px;margin-bottom:16px}.hc-stat{margin-left:auto;background:var(--accent);padding:3px 10px;border-radius:40px;font-size:9px;font-weight:700;letter-spacing:1px}.hc-name{font-size:16px;font-weight:800}.hc-id{font-size:11px;color:#fff9;margin-bottom:8px}.hc-plan{font-size:11px;font-weight:700;color:#7dd9a0;margin-bottom:8px}.hc-dates{display:flex;gap:14px;font-size:10px;color:#fff9;margin-bottom:14px}.hc-dates strong{color:#fff}.hc-qr{display:flex;justify-content:left;margin-bottom:12px}.qrb{background:#fff;padding:8px;border-radius:7px}.cbts{display:flex;gap:9px;margin-top:12px}.cbts .btn{flex:1;padding:10px;font-size:12px;border-radius:8px}.tp-panel{display:none;background:#fff;border-radius:var(--radius);padding:26px;box-shadow:var(--shadow)}.tp-panel.active{display:block;animation:fadeIn .25s ease}.tp-panel h3{font-size:17px;font-weight:800;margin-bottom:7px}.plan-pill{background:var(--accent);color:#fff;padding:6px 16px;border-radius:40px;font-size:11px;font-weight:700;display:inline-block;margin-bottom:18px}.blist{display:flex;flex-direction:column;gap:9px;margin-bottom:18px}.bi{display:flex;align-items:flex-start;gap:11px;padding:12px 16px;border:1.5px solid var(--border);border-radius:9px;transition:all .2s}.bi:hover{border-color:var(--accent);background:var(--accent-light)}.bck{width:28px;height:28px;background:var(--primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;flex-shrink:0}.bt strong{display:block;font-size:13px;font-weight:700}.bt span{font-size:11px;color:var(--text-muted)}.cov-box{display:flex;align-items:center;gap:12px;background:var(--bg);border-radius:9px;padding:16px}.cov-av{width:44px;height:44px;background:var(--accent-light);color:var(--accent-dark);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800}.cov-nm{font-size:14px;font-weight:700}.vi{background:var(--primary);color:#fff;border-radius:50%;width:15px;height:15px;display:inline-flex;align-items:center;justify-content:center;font-size:9px;margin-left:4px}.cov-mt{font-size:11px;color:var(--text-muted);margin-top:2px}.cog{display:grid;grid-template-columns:1fr 1fr;gap:16px}.scard{background:#fff;border-radius:var(--radius);padding:24px;box-shadow:var(--shadow)}.shdr{display:flex;align-items:center;gap:8px;margin-bottom:16px}.sdot{width:9px;height:9px;border-radius:50%;background:var(--primary)}.sdot.g{background:var(--accent)}.shdr h3{font-size:14px;font-weight:800}.srows{display:flex;flex-direction:column;gap:10px}.srow{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-muted)}.srow svg{flex-shrink:0;color:var(--primary);width:15px;height:15px}.soc-card{background:#fff;border-radius:var(--radius);padding:24px;box-shadow:var(--shadow);grid-column:span 2;display:flex;align-items:center;gap:20px}.soc-card h3{font-size:14px;font-weight:800;white-space:nowrap}.socs{display:flex;gap:9px}.sb-social{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;transition:all .2s}.sb-social:hover{transform:translateY(-3px);box-shadow:0 5px 14px #0003}.s-fb{background:#1877f2}.s-ig{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)}.s-yt{background:red}.pg{display:grid;grid-template-columns:260px 1fr;gap:20px;align-items:start}.ptop{background:linear-gradient(135deg,var(--primary),#0a2d52);border-radius:var(--radius);padding:28px 22px;box-shadow:var(--shadow);display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.p-av{width:70px;height:70px;background:#ffffff2e;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:800;border:3px solid rgba(255,255,255,.3)}.p-nm{font-size:17px;font-weight:800;color:#fff}.p-id{font-size:12px;color:#ffffff80}.pmenu{background:#fff;border-radius:var(--radius);padding:9px;box-shadow:var(--shadow)}.pmi{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:9px;cursor:pointer;font-size:13px;font-weight:500;transition:background .17s}.pmi:hover{background:var(--bg)}.pmi.lo{color:#e53935}.pmi.lo:hover{background:#fff5f5}.pico{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pico.y{background:#fff8e1;color:#f59e0b}.pico.b{background:#e3f2fd;color:var(--primary)}.pico.g{background:var(--accent-light);color:var(--accent-dark)}.pico.r{background:#ffebee;color:#e53935}.parr{margin-left:auto;color:var(--text-muted)}@media (max-width:1060px){.qg{grid-template-columns:repeat(2,1fr)}.tg,.pg,.cog{grid-template-columns:1fr}.soc-card{grid-column:span 1}}@media (max-width:820px){.login-left{display:none}.login-layout{grid-template-columns:1fr}.inner-side{display:none}.inner-layout{grid-template-columns:1fr}.inner-content{padding:36px 22px}.app-sidebar{width:60px;min-width:60px}.app-sidebar .sb-brand div:last-child,.app-sidebar .ni span{display:none}.sb-brand{justify-content:center;padding:16px 0}.ni{justify-content:center;padding:11px 0}.ds{padding:18px 16px}.topbar{padding:13px 18px}.fgrid,.form-cols{grid-template-columns:1fr}.time-slots{grid-template-columns:repeat(2,1fr)}}