@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Manrope:wght@600;700;800&display=swap";:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}:root{--primary:#087f8c;--primary-dark:#05616b;--secondary:#12b8a6;--blue:#1677ff;--dark:#102a43;--text:#334e68;--muted:#829ab1;--light:#f4f9fb;--white:#fff;--border:#d9e7ec;--danger:#ef4444;--success:#16a77a;--shadow:0 18px 50px #0f404c1a;--shadow-lg:0 30px 80px #0f404c29;--radius:22px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:var(--dark);background:#f6fbfc;font-family:Inter,sans-serif}button,input,select{font:inherit}button{cursor:pointer;border:none}a{color:inherit;text-decoration:none}.app{background:radial-gradient(circle at 85% 15%,#12b8a61f,#0000 28%),linear-gradient(#f8ffff 0%,#fff 48%,#f3fafb 100%);min-height:100vh;overflow:hidden}.navbar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:100;background:#ffffffdb;border-bottom:1px solid #d9e7ecbf;justify-content:space-between;align-items:center;height:82px;padding:0 7%;display:flex;position:sticky;top:0}.brand,.sidebar-brand,.login-brand{align-items:center;gap:12px;display:flex}.brand-icon{color:#fff;background:linear-gradient(135deg,#087f8c,#12b8a6);border-radius:14px;place-items:center;width:43px;height:43px;font-size:23px;font-weight:800;display:grid;box-shadow:0 10px 25px #087f8c40}.brand strong{font-family:Manrope,sans-serif;font-size:20px;display:block}.brand small{color:var(--muted);margin-top:2px;font-size:10px;display:block}.nav-links{color:#52697d;gap:38px;font-size:14px;font-weight:600;display:flex}.nav-links a{transition:all .25s}.nav-links a:hover{color:var(--primary)}.login-top{color:#fff;background:linear-gradient(135deg, var(--primary), var(--secondary));border-radius:13px;padding:12px 22px;font-weight:700;transition:all .25s;box-shadow:0 10px 22px #087f8c38}.login-top:hover,.primary-btn:hover,.login-submit:hover{transform:translateY(-2px);box-shadow:0 15px 30px #087f8c4d}.hero{grid-template-columns:1.05fr .95fr;align-items:center;gap:70px;min-height:720px;padding:80px 7% 100px;display:grid;position:relative}.hero-content{z-index:2;position:relative}.badge,.section-heading>span,.about-box>div>span,.cta-section span,.login-header>span,.section-hero span{color:var(--primary);letter-spacing:2px;font-size:11px;font-weight:800;display:inline-block}.badge{background:#e8f8f6;border:1px solid #c7eeea;border-radius:50px;margin-bottom:24px;padding:9px 14px}.hero h1{letter-spacing:-3px;color:#102a43;max-width:680px;font-family:Manrope,sans-serif;font-size:clamp(48px,5.3vw,76px);line-height:1.04}.hero h1 span{color:var(--primary)}.hero p{color:#627d98;max-width:650px;margin:25px 0;font-size:17px;line-height:1.8}.hero-buttons{gap:14px;margin-top:30px;display:flex}.primary-btn,.outline-btn{border-radius:14px;padding:15px 24px;font-weight:700;transition:all .25s}.primary-btn{color:#fff;background:linear-gradient(135deg, var(--primary), var(--secondary));box-shadow:0 12px 25px #087f8c38}.outline-btn{color:var(--primary);background:#fff;border:1px solid #cce1e6}.outline-btn:hover{border-color:var(--primary);transform:translateY(-2px)}.hero-stats{gap:45px;margin-top:55px;display:flex}.hero-stats div{flex-direction:column;display:flex}.hero-stats strong{color:var(--primary);font-family:Manrope;font-size:26px}.hero-stats span{color:var(--muted);margin-top:5px;font-size:11px}.hero-visual{place-items:center;min-height:510px;display:grid;position:relative}.orb{filter:blur(2px);border-radius:50%;position:absolute}.orb-one{background:#12b8a621;width:350px;height:350px;top:40px;right:40px}.orb-two{background:#1677ff1a;width:220px;height:220px;bottom:30px;left:20px}.health-card{width:370px;box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:2;background:#ffffffeb;border:1px solid #fffc;border-radius:28px;padding:30px;animation:5s ease-in-out infinite floatCard;position:relative}@keyframes floatCard{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.health-card-top{border-bottom:1px solid #e6eff2;align-items:center;gap:15px;padding-bottom:25px;display:flex}.doctor-avatar{background:#e5f8f5;border-radius:17px;place-items:center;width:55px;height:55px;font-size:27px;display:grid}.health-card small{color:var(--muted);font-size:10px}.health-card h3{margin-top:4px;font-size:17px}.health-line{align-items:center;gap:15px;padding:20px 0;display:flex}.line-dot{color:#7b91a0;background:#eef3f5;border-radius:50%;place-items:center;width:34px;height:34px;font-weight:800;display:grid}.line-dot.active{color:var(--success);background:#daf6ed}.health-line strong{font-size:13px;display:block}.health-line small{margin-top:3px;display:block}.floating-card{box-shadow:var(--shadow);z-index:4;background:#fff;border-radius:17px;align-items:center;gap:12px;padding:14px 17px;font-size:21px;display:flex;position:absolute}.floating-card strong{font-size:12px;display:block}.floating-card small{color:var(--muted);margin-top:3px;font-size:9px;display:block}.emergency-card{top:100px;right:-10px}.ai-card{bottom:80px;left:0}.services-section{background:#fff;padding:100px 7%}.section-heading{text-align:center;max-width:650px;margin:auto}.section-heading h2,.about-box h2,.cta-section h2{letter-spacing:-1.5px;margin:12px 0;font-family:Manrope;font-size:40px}.section-heading p{color:var(--muted)}.service-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:55px;display:grid}.service-card{border:1px solid var(--border);background:#fff;border-radius:23px;min-height:220px;padding:30px;transition:all .3s}.service-card:hover{box-shadow:var(--shadow);border-color:#b9e3e1;transform:translateY(-7px)}.service-icon{background:#eaf8f7;border-radius:16px;place-items:center;width:54px;height:54px;font-size:25px;display:grid}.service-card h3{margin-top:22px;font-size:17px}.service-card p{color:var(--muted);margin:10px 0 20px;font-size:13px;line-height:1.6}.service-card span{color:var(--primary);font-size:12px;font-weight:800}.about{background:#f1f9fa;padding:90px 7%}.about-box{color:#fff;max-width:1100px;box-shadow:var(--shadow-lg);background:linear-gradient(135deg,#073f4a,#087f8c);border-radius:30px;grid-template-columns:100px 1fr;gap:30px;margin:auto;padding:55px;display:grid}.about-box>.about-icon{background:#ffffff1f;border-radius:23px;place-items:center;width:75px;height:75px;font-size:35px;display:grid}.about-box>div>span{color:#72e1d4}.about-box h2{color:#fff}.about-box p{color:#ffffffbf;margin-top:15px;line-height:1.7}.cta-section{background:#fff;justify-content:space-between;align-items:center;gap:30px;padding:90px 7%;display:flex}.cta-section p{color:var(--muted)}footer{color:#fff;background:#092f39;justify-content:space-between;padding:40px 7%;display:flex}footer strong{font-family:Manrope}footer p{color:#9fb7bf;margin-top:7px;font-size:12px}.login-page{background:radial-gradient(circle at 10% 20%,#12b8a62e,#0000 30%),linear-gradient(135deg,#effafa,#fff);grid-template-columns:1fr 1fr;min-height:100vh;display:grid;position:relative;overflow:hidden}.login-background{background-image:linear-gradient(#087f8c09 1px,#0000 1px),linear-gradient(90deg,#087f8c09 1px,#0000 1px);background-size:45px 45px;position:absolute;inset:0}.back-button{color:var(--text);z-index:10;background:#fff;border-radius:12px;padding:11px 16px;position:absolute;top:28px;left:35px;box-shadow:0 8px 25px #00000012}.login-left{z-index:2;flex-direction:column;justify-content:center;padding:90px 12%;display:flex;position:relative}.login-brand strong{font-family:Manrope;font-size:22px}.login-yeti{place-items:center;height:180px;margin:25px 0;display:grid;position:relative}.yeti-glow{filter:blur(20px);background:#12b8a624;border-radius:50%;width:160px;height:160px;position:absolute}.yeti{font-size:115px;animation:4s ease-in-out infinite yetiFloat;position:relative}@keyframes yetiFloat{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-10px)rotate(2deg)}}.login-left h1{letter-spacing:-2px;font-family:Manrope;font-size:52px;line-height:1.05}.login-left h1 span{color:var(--primary)}.login-left>p{max-width:450px;color:var(--muted);margin:18px 0;line-height:1.7}.login-features{color:#426577;gap:12px;font-size:13px;font-weight:600;display:grid}.login-box{width:min(470px,88%);box-shadow:var(--shadow-lg);z-index:3;background:#fffffff0;border:1px solid #d9e7eccc;border-radius:30px;place-self:center;padding:42px;position:relative}.login-header h2{margin-top:8px;font-family:Manrope;font-size:27px}.login-header p{color:var(--muted);margin:8px 0 28px;font-size:13px}.role-select{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:24px;display:grid}.role{border:1px solid var(--border);text-align:left;background:#f6fafb;border-radius:15px;align-items:center;gap:10px;padding:13px;transition:all .2s;display:flex}.role>span{font-size:23px}.role strong{font-size:12px;display:block}.role small{color:var(--muted);font-size:9px}.role.active{border-color:var(--secondary);background:#e9f8f6;box-shadow:0 8px 20px #12b8a61a}.login-box>label{color:#52697d;margin:15px 0 7px;font-size:11px;font-weight:700;display:block}.login-input{background:#fbfdfe;border:1px solid #d5e4e8;border-radius:13px;outline:none;width:100%;padding:14px 15px;transition:all .2s}.login-input:focus{border-color:var(--primary);box-shadow:0 0 0 4px #087f8c14}.login-options{justify-content:space-between;align-items:center;margin:14px 0 20px;font-size:11px;display:flex}.remember{align-items:center;gap:6px;display:flex}.login-options button{color:var(--primary);background:0 0;font-weight:700}.login-submit{color:#fff;background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:13px;width:100%;padding:15px;font-weight:800;transition:all .25s}.divider{color:#9ab0ba;align-items:center;gap:12px;margin:22px 0;font-size:10px;display:flex}.divider:before,.divider:after{content:"";background:#dce8eb;flex:1;height:1px}.guest-btn{width:100%;color:var(--primary);background:#f2f8f9;border-radius:13px;padding:14px;font-weight:700}.login-footer{text-align:center;color:var(--muted);margin-top:20px;font-size:11px}.login-footer strong{color:var(--primary)}.dashboard-page{background:#f4f9fb;min-height:100vh;display:flex}.sidebar{color:#fff;z-index:20;background:radial-gradient(circle at 20% 10%,#ffffff1f,#0000 25%),linear-gradient(#063f4a,#087f8c 55%,#05616b);flex-direction:column;width:260px;min-height:100vh;padding:25px 17px;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-brand{border-bottom:1px solid #ffffff21;padding:8px 10px 28px}.sidebar-brand strong{font-family:Manrope;font-size:17px;display:block}.sidebar-brand small{color:#ffffff9e;margin-top:4px;font-size:9px;display:block}.sidebar .brand-icon{box-shadow:none;background:#ffffff21}.menu-label{color:#ffffff73;letter-spacing:1.5px;margin:27px 10px 10px;font-size:9px;font-weight:800}.side-item{color:#ffffffb3;text-align:left;background:0 0;border-radius:12px;align-items:center;gap:13px;width:100%;margin:3px 0;padding:12px 13px;font-size:12px;transition:all .2s;display:flex}.side-item span{text-align:center;width:23px;font-size:16px}.side-item:hover,.side-item.active{color:#fff;background:#ffffff21}.side-item.active{box-shadow:inset 3px 0 #72e1d4}.sidebar-ai{background:#00000024;border:1px solid #ffffff1a;border-radius:18px;margin-top:auto;padding:17px}.ai-symbol{font-size:24px}.sidebar-ai strong{margin-top:8px;font-size:12px;display:block}.sidebar-ai p{color:#ffffff9e;margin:5px 0 12px;font-size:9px;line-height:1.5}.sidebar-ai button{color:#fff;background:#ffffff1f;border-radius:9px;width:100%;padding:8px;font-size:10px;font-weight:700}.logout-btn{color:#ffd1d1;background:#ef444424;border-radius:11px;margin-top:12px;padding:12px;font-size:11px}.dashboard-main{width:calc(100% - 260px);min-height:100vh;margin-left:260px}.dashboard-header{border-bottom:1px solid var(--border);z-index:10;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffffeb;justify-content:space-between;align-items:center;min-height:90px;padding:20px 38px;display:flex;position:sticky;top:0}.breadcrumb{color:var(--muted);margin-bottom:5px;font-size:9px;display:block}.dashboard-header h2{font-family:Manrope;font-size:22px}.header-actions{align-items:center;gap:15px;display:flex}.header-actions select{border:1px solid var(--border);color:var(--text);background:#fff;border-radius:10px;padding:10px 13px;font-size:11px}.notification{background:#f1f7f8;border-radius:11px;width:37px;height:37px}.profile{border-left:1px solid var(--border);align-items:center;gap:9px;padding-left:10px;display:flex}.profile-avatar{color:#fff;background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:12px;place-items:center;width:37px;height:37px;font-size:10px;font-weight:800;display:grid}.profile strong{font-size:11px;display:block}.profile small{color:var(--muted);font-size:8px}.dashboard-content{padding:32px 38px 60px}.welcome-banner,.section-hero{color:#fff;background:radial-gradient(circle at 85% 20%,#ffffff2e,#0000 25%),linear-gradient(135deg,#087f8c,#12a99a);border-radius:25px;justify-content:space-between;align-items:center;padding:34px;display:flex;box-shadow:0 18px 40px #087f8c2e}.doctor-banner{background:radial-gradient(circle at 85% 20%,#ffffff2b,#0000 25%),linear-gradient(135deg,#1768d1,#168bc8)}.welcome-banner span,.section-hero span{color:#ffffffa6;font-size:9px}.welcome-banner h1,.section-hero h1{margin:7px 0;font-family:Manrope;font-size:29px}.welcome-banner p,.section-hero p{color:#ffffffbf;font-size:12px}.banner-icon,.section-hero-icon{background:#ffffff1f;border-radius:25px;place-items:center;width:85px;height:85px;font-size:42px;display:grid}.stats-grid{grid-template-columns:repeat(4,1fr);gap:17px;margin:25px 0;display:grid}.stat-card{border:1px solid var(--border);background:#fff;border-radius:19px;justify-content:space-between;align-items:center;padding:22px;display:flex;box-shadow:0 7px 22px #1446500a}.stat-card strong{font-family:Manrope;font-size:28px;display:block}.stat-card span{color:var(--muted);margin-top:4px;font-size:9px;display:block}.stat-icon{background:#eaf8f7;border-radius:13px;place-items:center;width:42px;height:42px;font-size:20px;display:grid}.dashboard-columns{grid-template-columns:1.35fr .65fr;gap:20px;margin-bottom:20px;display:grid}.panel{border:1px solid var(--border);background:#fff;border-radius:21px;margin-bottom:20px;padding:23px;box-shadow:0 8px 28px #1446500a}.panel-title{border-bottom:1px solid #edf3f5;justify-content:space-between;align-items:center;margin-bottom:7px;padding-bottom:17px;display:flex}.panel-title h3{font-size:14px}.panel-title p{color:var(--muted);margin-top:4px;font-size:9px}.panel-title button{color:var(--primary);background:0 0;font-size:10px;font-weight:700}.appointment-row{border-bottom:1px solid #edf3f5;grid-template-columns:40px 1fr auto;align-items:center;gap:12px;padding:14px 5px;display:grid}.patient-avatar{background:#edf6f8;border-radius:12px;place-items:center;width:38px;height:38px;display:grid}.appointment-row strong{font-size:11px;display:block}.appointment-row small{color:var(--muted);font-size:9px}.appointment-time{text-align:right}.appointment-time strong{font-size:10px}.appointment-time span{color:var(--success);margin-top:4px;font-size:8px;display:block}.quick-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:18px;display:grid}.quick-action{color:var(--text);background:#f4f9fa;border-radius:14px;padding:18px 10px;font-size:10px;font-weight:700;transition:all .2s}.quick-action span{margin-bottom:8px;font-size:22px;display:block}.quick-action:hover{color:var(--primary);background:#e7f7f5;transform:translateY(-2px)}.big-appointment{align-items:center;gap:18px;padding:18px 5px;display:flex}.doctor-big{background:#eaf8f7;border-radius:18px;place-items:center;width:65px;height:65px;font-size:32px;display:grid}.big-appointment h3{margin:5px 0;font-size:15px}.big-appointment p{color:var(--muted);font-size:10px}.big-appointment strong{margin-top:8px;font-size:9px;display:block}.green-label{color:var(--success);font-size:8px;font-weight:800}.big-appointment button,.emergency-panel button,.primary-small{color:var(--primary);background:#eaf8f7;border-radius:10px;margin-left:auto;padding:10px 14px;font-size:10px;font-weight:800}.emergency-panel{background:linear-gradient(135deg,#fff5f5,#fff);border-color:#ffdede;align-items:center;gap:13px;display:flex}.emergency-symbol{background:#fee8e8;border-radius:14px;place-items:center;width:48px;height:48px;font-size:22px;display:grid}.emergency-panel span{color:var(--danger);font-size:8px;font-weight:800}.emergency-panel h3{margin:4px 0;font-size:12px}.emergency-panel p{color:var(--muted);font-size:9px}.emergency-panel button{background:var(--danger);color:#fff}.patient-service-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.dashboard-service{background:#f6fafb;border:1px solid #e6eff2;border-radius:15px;padding:17px;transition:all .2s}.dashboard-service:hover{background:#eefafa;border-color:#b9e3e1;transform:translateY(-3px)}.dashboard-service>span{margin-bottom:12px;font-size:22px;display:block}.dashboard-service strong{font-size:10px;display:block}.dashboard-service small{color:var(--muted);margin-top:5px;font-size:8px;display:block}.section-hero{background:linear-gradient(135deg,#0c7180,#1677a6);margin-bottom:25px}.content-card-grid{grid-template-columns:1.5fr 1fr 1fr;gap:18px;display:grid}.large-content-card,.info-card{border:1px solid var(--border);background:#fff;border-radius:20px;padding:25px;box-shadow:0 8px 25px #1446500a}.card-top-icon{background:#eaf8f7;border-radius:15px;place-items:center;width:52px;height:52px;font-size:23px;display:grid}.large-content-card h2{margin:18px 0 8px;font-family:Manrope;font-size:20px}.large-content-card p,.info-card p{color:var(--muted);font-size:11px;line-height:1.7}.primary-small{margin:18px 0 0;display:inline-block}.info-card span{color:var(--primary);letter-spacing:1px;font-size:8px;font-weight:800}.info-card h3{margin:10px 0;font-size:14px}.empty-state{text-align:center;padding:45px 20px}.empty-state>div{font-size:35px}.empty-state h3{margin:10px 0 5px;font-size:14px}.empty-state p{color:var(--muted);font-size:10px}@media (width<=1050px){.hero{grid-template-columns:1fr}.hero-content{text-align:center}.hero p{margin-left:auto;margin-right:auto}.hero-buttons,.hero-stats{justify-content:center}.service-grid,.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-columns{grid-template-columns:1fr}.content-card-grid{grid-template-columns:1fr 1fr}.large-content-card{grid-column:span 2}}@media (width<=800px){.navbar{padding:0 20px}.nav-links{display:none}.hero{padding:60px 20px}.hero h1{font-size:45px}.hero-visual{min-height:420px}.health-card{width:min(360px,90%)}.emergency-card{right:0}.ai-card{left:0}.about-box{grid-template-columns:1fr;padding:35px}.cta-section,footer{flex-direction:column;align-items:flex-start}.login-page{grid-template-columns:1fr}.login-left{text-align:center;padding:80px 25px 30px}.login-left>p{margin-left:auto;margin-right:auto}.login-features{justify-content:center}.login-box{margin:20px auto 50px}.sidebar{width:72px;padding:20px 8px}.sidebar-brand>div:not(.brand-icon),.menu-label,.side-item:not(.active),.sidebar-ai,.logout-btn{font-size:0}.side-item{justify-content:center}.side-item span{font-size:18px}.dashboard-main{width:calc(100% - 72px);margin-left:72px}.dashboard-header{padding:15px 20px}.profile>div:last-child,.header-actions select{display:none}.dashboard-content{padding:20px}.patient-service-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.service-grid,.stats-grid,.content-card-grid,.patient-service-grid{grid-template-columns:1fr}.large-content-card{grid-column:auto}.hero-stats{flex-wrap:wrap;gap:20px}.hero-buttons{flex-direction:column}.hero-buttons button{width:100%}.role-select{grid-template-columns:1fr}.login-box{padding:28px 22px}.welcome-banner,.section-hero{padding:25px}.banner-icon,.section-hero-icon{display:none}.dashboard-header h2{font-size:18px}}