:root{--bg:#f5f8f5;--surface:#fff;--surface2:#edf3ee;--ink:#163228;--muted:#65746d;--line:#dbe5dd;--brand:#2f6b50;--brand2:#78aa91;--warm:#d98967;--danger:#c85c5c;--shadow:0 18px 55px rgba(33,70,51,.10);--max:1240px}
:root[data-theme="dark"]{--bg:#0d1511;--surface:#131f18;--surface2:#19271f;--ink:#eef5f0;--muted:#9eaea5;--line:#283b30;--brand:#83c6a2;--brand2:#4d8c6b;--warm:#e08d6c;--shadow:0 18px 55px #0006}
*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.5 Inter,Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.wrap{width:min(calc(100% - 36px),var(--max));margin:auto}.app-header{position:sticky;top:0;z-index:80;background:color-mix(in srgb,var(--surface) 94%,transparent);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.app-header-row{min-height:74px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px}.brand{display:flex;align-items:center;gap:9px;font-weight:800;letter-spacing:.14em}.brand-mark{width:31px;height:31px;border-radius:10px;background:linear-gradient(135deg,var(--brand),var(--warm));box-shadow:inset 0 0 0 5px #ffffff44}.main-nav{display:flex;gap:6px;justify-content:center}.main-nav a{padding:10px 12px;border-radius:10px;color:var(--muted);font-weight:600}.main-nav a:hover,.main-nav a.active{background:var(--surface2);color:var(--ink)}.header-actions{display:flex;gap:8px}.icon-btn,.primary,.secondary{border:1px solid var(--line);border-radius:11px;background:var(--surface);color:var(--ink);cursor:pointer}.icon-btn{width:44px;height:44px;display:grid;place-items:center}.primary{background:var(--brand);border-color:var(--brand);color:white;font-weight:800;padding:12px 18px}.secondary{padding:11px 15px;font-weight:700}.hero{padding:52px 0 28px}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:32px;align-items:center}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.15em;color:var(--brand);font-weight:800}.hero h1{font-size:clamp(48px,7vw,86px);line-height:.95;letter-spacing:-.06em;margin:14px 0}.hero p{font-size:18px;color:var(--muted);max-width:650px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.hero-card{min-height:460px;border-radius:28px;background:linear-gradient(145deg,#e3efe6,#f7f3ec);position:relative;overflow:hidden;box-shadow:var(--shadow)}:root[data-theme="dark"] .hero-card{background:linear-gradient(145deg,#173122,#121d16)}.hero-card img{position:absolute;right:0;bottom:0;width:72%;height:100%;object-fit:cover;object-position:center;mix-blend-mode:multiply;opacity:.88}:root[data-theme="dark"] .hero-card img{mix-blend-mode:normal;opacity:.66}.hero-glass{position:absolute;left:24px;right:24px;bottom:24px;background:#ffffffd9;border:1px solid #ffffffaa;border-radius:18px;padding:18px;backdrop-filter:blur(14px);color:#173228}:root[data-theme="dark"] .hero-glass{background:#0e1713d9;color:#eef5f0;border-color:#ffffff22}.quick-search{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;margin-top:18px}.quick-search select,.quick-search input{height:48px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink);padding:0 12px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:26px 0}.stat{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:16px}.stat strong{display:block;font-size:24px}.stat span{color:var(--muted);font-size:12px}.section{padding:38px 0}.section-head{display:flex;justify-content:space-between;gap:18px;align-items:end;margin-bottom:18px}.section-head h2{font-size:30px;letter-spacing:-.04em;margin:0}.section-head p{margin:4px 0 0;color:var(--muted)}.specialty-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.specialty{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:18px;transition:.2s}.specialty:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.specialty-icon{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;font-size:22px;margin-bottom:18px}.specialty h3{margin:0 0 6px}.specialty p{color:var(--muted);font-size:13px}.doctor-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.doctor{background:var(--surface);border:1px solid var(--line);border-radius:18px;overflow:hidden}.doctor-photo{aspect-ratio:.9;overflow:hidden;background:var(--surface2)}.doctor-photo img{width:100%;height:100%;object-fit:cover}.doctor-body{padding:15px}.doctor h3{margin:4px 0}.doctor p{color:var(--muted);font-size:13px}.doctor-meta{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.tag{font-size:10px;border-radius:999px;background:var(--surface2);padding:5px 7px}.doctor-footer{display:flex;justify-content:space-between;align-items:center;gap:10px}.rating{font-size:12px;color:#7a6f3b}.portal-preview{display:grid;grid-template-columns:220px 1fr;min-height:440px;background:#10271d;color:white;border-radius:24px;overflow:hidden}.portal-side{padding:22px;background:#0b1f16}.portal-side a{display:block;padding:10px 12px;border-radius:9px;color:#b4c6bb}.portal-side a.active{background:#ffffff12;color:white}.portal-main{padding:26px}.portal-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.portal-card{background:#ffffff0c;border:1px solid #ffffff18;border-radius:16px;padding:18px}.portal-card span{color:#a8bbb0;font-size:12px}.portal-card strong{display:block;font-size:20px;margin-top:8px}.app-footer{margin-top:50px;background:#0e2218;color:white}.footer-grid{display:grid;grid-template-columns:1.3fr .8fr .8fr;gap:28px;padding:34px 0}.app-footer p,.app-footer a{color:#adbbb2}.page{padding:28px 0 70px}.page-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:20px}.page-head h1{font-size:38px;letter-spacing:-.04em;margin:0}.page-head p{color:var(--muted);margin:5px 0}.filter-row{display:flex;gap:8px;overflow:auto;margin-bottom:16px}.filter{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:9px 12px;white-space:nowrap}.filter.active{background:var(--brand);color:white;border-color:var(--brand)}.schedule-grid{display:grid;grid-template-columns:260px 1fr;gap:20px}.schedule-side{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:16px;align-self:start}.schedule-side label{display:grid;gap:6px;margin-bottom:12px}.schedule-side select{height:44px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--ink);padding:0 10px}.schedule-days{display:grid;gap:12px}.schedule-day{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:16px}.slots{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.slot{border:1px solid var(--line);background:var(--bg);border-radius:10px;padding:9px 12px}.slot.selected{background:var(--brand);color:white}.portal-shell{display:grid;grid-template-columns:220px 1fr;gap:18px}.portal-menu{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:14px}.portal-menu a{display:block;padding:10px 12px;border-radius:9px;color:var(--muted)}.portal-menu a.active{background:var(--surface2);color:var(--ink)}.portal-content{min-width:0}.table{background:var(--surface);border:1px solid var(--line);border-radius:16px;overflow:hidden}.table-row{display:grid;grid-template-columns:1.4fr 1fr 1fr .8fr;gap:12px;padding:14px 16px;border-bottom:1px solid var(--line);align-items:center}.table-row.header{font-size:11px;text-transform:uppercase;color:var(--muted)}.exam-card,.message-card,.doc-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:16px}.exam-grid,.doc-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.message-layout{display:grid;grid-template-columns:300px 1fr;gap:14px}.message-list,.message-view{background:var(--surface);border:1px solid var(--line);border-radius:16px;overflow:hidden}.message-item{padding:14px;border-bottom:1px solid var(--line);cursor:pointer}.message-item.active{background:var(--surface2)}.message-view{padding:20px}.tele-card{min-height:500px;border-radius:24px;background:linear-gradient(135deg,#10271d,#234a36);color:white;display:grid;grid-template-columns:1fr 320px;overflow:hidden}.tele-stage{display:grid;place-items:center;position:relative}.tele-stage:before{content:"";width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,#87c4a2,#396b4f 60%,#173b29);box-shadow:0 0 90px #8bd4aa44}.tele-controls{position:absolute;bottom:24px;display:flex;gap:10px}.tele-controls button{width:48px;height:48px;border-radius:50%;border:0;background:#ffffff1a;color:white}.tele-info{background:#0b1d14;padding:22px}.mobile-nav{display:none}
@media(max-width:980px){.main-nav{display:none}.hero-grid,.schedule-grid,.portal-shell,.message-layout{grid-template-columns:1fr}.specialty-grid{grid-template-columns:repeat(2,1fr)}.doctor-grid{grid-template-columns:repeat(2,1fr)}.portal-preview{grid-template-columns:1fr}.portal-side{display:none}.portal-cards{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.tele-card{grid-template-columns:1fr}.tele-info{min-height:220px}}
@media(max-width:680px){body{padding-bottom:66px}.wrap{width:min(calc(100% - 24px),var(--max))}.app-header-row{grid-template-columns:auto 1fr auto;min-height:66px}.brand span:last-child{display:none}.header-actions .secondary{display:none}.quick-search{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.specialty-grid,.doctor-grid,.portal-cards,.exam-grid,.doc-grid{grid-template-columns:1fr}.hero{padding-top:30px}.hero-card{min-height:360px}.hero-card img{width:100%;opacity:.5}.table-row{grid-template-columns:1.2fr 1fr}.table-row>*:nth-child(3),.table-row>*:nth-child(4){display:none}.mobile-nav{position:fixed;left:0;right:0;bottom:0;z-index:80;height:64px;background:var(--brand);display:grid;grid-template-columns:repeat(4,1fr);box-shadow:0 -8px 28px #0002}.mobile-nav a{display:grid;place-items:center;align-content:center;color:white;font-size:20px}.mobile-nav span{font-size:10px;font-weight:800}.app-footer{padding-bottom:24px}}