:root{font-family:Inter,Space Grotesk,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.55;font-weight:400;color-scheme:light;--bg: #f7f9fc;--surface: #ffffff;--surface-2: #f1f4f9;--surface-3: #e9eef5;--ink: #0f172a;--ink-2: #1e293b;--ink-muted: #64748b;--ink-soft: #94a3b8;--line: #e2e8f0;--line-strong: #cbd5e1;--brand: #0ea5e9;--brand-strong: #0284c7;--brand-soft: #e0f2fe;--admin: #4c1d95;--admin-soft: #ede9fe;--doctor: #0d9488;--doctor-soft: #ccfbf1;--patient: #ea580c;--patient-soft: #ffedd5;--success: #16a34a;--warning: #f59e0b;--danger: #dc2626;--critical: #b91c1c;--radius: 14px;--radius-lg: 22px;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .06);--shadow: 0 4px 12px rgba(15, 23, 42, .08);--shadow-lg: 0 18px 48px rgba(15, 23, 42, .12);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100%}body{background:var(--bg);color:var(--ink);-webkit-tap-highlight-color:transparent}a{color:var(--brand-strong);text-decoration:none}a:hover{text-decoration:underline}button{font:inherit;cursor:pointer;border:none;background:none;color:inherit}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:6px}input,select,textarea{font:inherit;color:inherit}img{max-width:100%;display:block}ul,ol{list-style:none}table{border-collapse:collapse;width:100%}.app-shell{min-height:100vh;display:flex;flex-direction:column;background:var(--bg)}.container{width:min(1280px,92vw);margin:0 auto}.container-narrow{width:min(720px,92vw);margin:0 auto}.public-nav{position:sticky;top:0;z-index:30;background:#ffffffeb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.public-nav-inner{display:flex;align-items:center;justify-content:space-between;padding:1rem 0;gap:1rem}.brand{display:inline-flex;align-items:center;gap:.65rem;font-weight:700;font-size:1.05rem;color:var(--ink);text-decoration:none}.brand:hover{text-decoration:none}.brand-mark{width:36px;height:36px;border-radius:12px;background:linear-gradient(135deg,var(--brand),#6366f1);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:800;letter-spacing:-.02em;box-shadow:0 8px 18px #0ea5e959}.nav-links{display:flex;gap:1.5rem;align-items:center}.nav-links a{color:var(--ink-muted);font-weight:500;text-decoration:none}.nav-links a:hover{color:var(--ink);text-decoration:none}.nav-cta{display:flex;gap:.5rem;align-items:center}.hero{position:relative;padding:4.5rem 0 3rem;overflow:hidden}.hero:before{content:"";position:absolute;top:-10%;right:-20%;bottom:30%;left:30%;background:radial-gradient(circle at 30% 40%,rgba(14,165,233,.16),transparent 55%),radial-gradient(circle at 70% 30%,rgba(99,102,241,.14),transparent 60%);z-index:-1}.hero-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:3rem;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .85rem;border-radius:999px;background:var(--brand-soft);color:var(--brand-strong);font-size:.8rem;font-weight:600;letter-spacing:.02em}.hero h1{font-size:clamp(2.4rem,4.5vw,3.8rem);line-height:1.1;margin:1rem 0 1.2rem;letter-spacing:-.02em}.hero h1 span{color:var(--brand-strong)}.hero p.lead{font-size:1.1rem;color:var(--ink-muted);max-width:540px}.hero-actions{display:flex;gap:.8rem;margin-top:1.6rem;flex-wrap:wrap}.hero-preview{background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--line);box-shadow:var(--shadow-lg);padding:1.25rem;display:grid;gap:.85rem}.hero-preview .preview-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:.6rem;border-bottom:1px dashed var(--line)}.preview-pill{font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:.2rem .6rem;border-radius:999px;background:#16a34a1f;color:#15803d}.preview-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.preview-stat{background:var(--surface-2);border-radius:12px;padding:.75rem .9rem;display:grid;gap:.2rem}.preview-stat .label{color:var(--ink-muted);font-size:.78rem}.preview-stat .value{font-weight:700;font-size:1.4rem;letter-spacing:-.01em}.preview-stat .unit{color:var(--ink-soft);font-size:.78rem;font-weight:500}.preview-stat.danger{background:#dc262614}.preview-pulse{height:76px;background:linear-gradient(180deg,rgba(14,165,233,.18),transparent 75%),repeating-linear-gradient(90deg,rgba(15,23,42,.05) 0 1px,transparent 1px 28px);border-radius:12px;position:relative;overflow:hidden}.preview-pulse:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 60'><polyline fill='none' stroke='%230ea5e9' stroke-width='2' points='0,30 20,30 25,12 32,48 38,18 44,42 50,28 70,28 75,15 82,45 88,22 94,38 100,28 200,28'/></svg>") center/200% 80% no-repeat;animation:pulseScroll 2.2s linear infinite}@keyframes pulseScroll{0%{background-position-x:0}to{background-position-x:-1200%}}.section{padding:4rem 0}.section-head{max-width:720px;margin:0 auto 2.4rem;text-align:center}.section-head h2{font-size:clamp(1.8rem,3vw,2.4rem);margin:.5rem 0 .75rem;letter-spacing:-.01em}.section-head p{color:var(--ink-muted)}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.feature-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.25rem;box-shadow:var(--shadow-sm);display:grid;gap:.5rem}.feature-icon{width:44px;height:44px;border-radius:12px;background:var(--brand-soft);color:var(--brand-strong);display:inline-flex;align-items:center;justify-content:center;font-weight:800}.feature-card h3{font-size:1.05rem}.feature-card p{color:var(--ink-muted);font-size:.92rem}.role-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.25rem}.role-card{border-radius:var(--radius-lg);padding:1.5rem;border:1px solid var(--line);background:var(--surface);display:grid;gap:.85rem;position:relative;overflow:hidden;box-shadow:var(--shadow)}.role-card:before{content:"";position:absolute;top:0;right:0;bottom:60%;left:0;background:linear-gradient(135deg,var(--c, var(--brand)),transparent);opacity:.12;z-index:0}.role-card>*{position:relative;z-index:1}.role-card.admin{--c: var(--admin)}.role-card.doctor{--c: var(--doctor)}.role-card.patient{--c: var(--patient)}.role-card h3{font-size:1.25rem}.role-card p{color:var(--ink-muted)}.role-card ul{display:grid;gap:.45rem;color:var(--ink-2);font-size:.92rem}.role-card ul li:before{content:"✓";color:var(--c, var(--brand));margin-right:.4rem;font-weight:700}.footer-public{border-top:1px solid var(--line);background:var(--surface);padding:2rem 0;color:var(--ink-muted);font-size:.9rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.7rem 1.15rem;border-radius:10px;font-weight:600;font-size:.95rem;border:1px solid transparent;transition:transform .12s ease,box-shadow .18s ease,background .18s ease;text-decoration:none;cursor:pointer;white-space:nowrap}.btn:disabled{opacity:.6;cursor:not-allowed}.btn:hover:not(:disabled){text-decoration:none;transform:translateY(-1px)}.btn-primary{background:var(--brand-strong);color:#fff;box-shadow:0 8px 22px #0284c747}.btn-primary:hover:not(:disabled){background:#0369a1}.btn-ghost{background:var(--surface);border-color:var(--line);color:var(--ink-2)}.btn-ghost:hover:not(:disabled){background:var(--surface-2)}.btn-outline{background:transparent;border-color:var(--line-strong);color:var(--ink-2)}.btn-outline:hover:not(:disabled){background:var(--surface-2)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){background:var(--critical)}.btn-sm{padding:.45rem .8rem;font-size:.85rem;border-radius:8px}.btn-block{width:100%}.form{display:grid;gap:.85rem}.form label{display:grid;gap:.35rem;font-weight:500;font-size:.9rem;color:var(--ink-2)}.form input,.form select,.form textarea{border:1px solid var(--line-strong);border-radius:10px;padding:.68rem .9rem;background:var(--surface);transition:border-color .18s ease,box-shadow .18s ease}.form input:focus,.form select:focus,.form textarea:focus{border-color:var(--brand);box-shadow:0 0 0 4px #0ea5e92e;outline:none}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:.85rem}.form-error{color:var(--danger);font-size:.9rem;background:#dc262614;border:1px solid rgba(220,38,38,.2);padding:.6rem .85rem;border-radius:10px}.form-success{color:var(--success);font-size:.9rem;background:#16a34a14;border:1px solid rgba(22,163,74,.18);padding:.6rem .85rem;border-radius:10px}.form-hint{color:var(--ink-muted);font-size:.85rem}.auth-shell{min-height:calc(100vh - 80px);display:grid;grid-template-columns:1fr 1fr;background:var(--bg)}.auth-shell .auth-side{display:flex;align-items:center;justify-content:center;padding:3rem 4vw}.auth-shell .auth-art{display:flex;align-items:center;justify-content:center;padding:3rem 4vw;background:radial-gradient(circle at 30% 30%,rgba(14,165,233,.18),transparent 50%),radial-gradient(circle at 70% 70%,rgba(99,102,241,.18),transparent 55%),linear-gradient(135deg,#0f172a,#1e293b);color:#f8fafc}.auth-shell .auth-art.admin{background:radial-gradient(circle at 30% 30%,rgba(167,139,250,.18),transparent 50%),radial-gradient(circle at 70% 70%,rgba(139,92,246,.18),transparent 55%),linear-gradient(135deg,#1e1b4b,#3b0764)}.auth-card{width:min(440px,100%);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:2rem;box-shadow:var(--shadow-lg)}.auth-card h1{font-size:1.6rem;letter-spacing:-.01em;margin-bottom:.35rem}.auth-card .auth-sub{color:var(--ink-muted);margin-bottom:1.5rem}.auth-tabs{display:inline-flex;background:var(--surface-2);border-radius:999px;padding:.3rem;margin-bottom:1.25rem}.auth-tab{padding:.55rem 1.1rem;border-radius:999px;font-weight:600;color:var(--ink-muted);background:transparent}.auth-tab.active{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-sm)}.auth-foot{margin-top:1.25rem;color:var(--ink-muted);font-size:.92rem}.auth-art-content{max-width:360px;display:grid;gap:1.5rem}.auth-art-content h2{font-size:1.7rem;letter-spacing:-.01em}.auth-art-content p{opacity:.85}.auth-art-content .pill{display:inline-flex;align-items:center;gap:.4rem;background:#ffffff1f;padding:.35rem .85rem;border-radius:999px;font-size:.85rem;width:fit-content}.app-frame{display:grid;grid-template-columns:264px minmax(0,1fr);grid-template-areas:"sidebar main";min-height:100vh;background:var(--bg)}.app-frame .sidebar{grid-area:sidebar;background:var(--surface);border-right:1px solid var(--line);padding:1.25rem 1rem;display:flex;flex-direction:column;gap:1rem;position:sticky;top:0;height:100vh;overflow-y:auto;z-index:30}.sidebar-brand{display:flex;align-items:center;gap:.65rem;padding:.5rem .6rem;border-radius:12px}.sidebar-brand .small{display:block;color:var(--ink-muted);font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.sidebar-section{display:grid;gap:.2rem}.sidebar-section-title{color:var(--ink-soft);text-transform:uppercase;font-size:.72rem;letter-spacing:.08em;font-weight:700;padding:.4rem .8rem .2rem}.sidebar-link{display:flex;align-items:center;gap:.75rem;padding:.7rem .85rem;border-radius:10px;color:var(--ink-2);font-weight:500;text-decoration:none}.sidebar-link:hover{background:var(--surface-2);text-decoration:none}.sidebar-link.active{background:var(--brand-soft);color:var(--brand-strong)}.sidebar-link .sidebar-icon{width:22px;text-align:center;color:var(--ink-soft)}.sidebar-link.active .sidebar-icon{color:var(--brand-strong)}.sidebar-footer{margin-top:auto;border-top:1px solid var(--line);padding-top:1rem;display:grid;gap:.5rem}.user-chip{display:flex;align-items:center;gap:.65rem;padding:.5rem .6rem;border-radius:12px;background:var(--surface-2)}.avatar{width:38px;height:38px;border-radius:999px;background:linear-gradient(135deg,var(--brand),#6366f1);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:700}.user-chip .meta{display:grid;line-height:1.15}.user-chip .meta strong{font-size:.92rem}.user-chip .meta small{color:var(--ink-muted);font-size:.78rem}.role-admin .sidebar-link.active{background:var(--admin-soft);color:var(--admin)}.role-admin .avatar{background:linear-gradient(135deg,#7c3aed,#4c1d95)}.role-doctor .sidebar-link.active{background:var(--doctor-soft);color:#0f766e}.role-doctor .avatar{background:linear-gradient(135deg,#14b8a6,#0d9488)}.role-patient .sidebar-link.active{background:var(--patient-soft);color:#c2410c}.role-patient .avatar{background:linear-gradient(135deg,#fb923c,#ea580c)}.app-frame .main{grid-area:main;display:flex;flex-direction:column;min-width:0;width:100%;position:relative;isolation:isolate}.app-frame .sidebar-backdrop{display:none;pointer-events:none}.app-topbar{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;background:var(--surface);border-bottom:1px solid var(--line);gap:1rem;position:sticky;top:0;z-index:20;flex-shrink:0;width:100%}.app-topbar .page-title{display:grid;gap:.15rem}.app-topbar .page-title small{color:var(--ink-soft);font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;font-weight:700}.app-topbar .page-title h1{font-size:1.35rem;letter-spacing:-.01em}.topbar-actions{display:flex;align-items:center;gap:.5rem}.icon-btn{width:38px;height:38px;border-radius:10px;background:var(--surface-2);display:inline-flex;align-items:center;justify-content:center;color:var(--ink-2);position:relative;border:1px solid transparent}.icon-btn:hover{background:var(--surface-3)}.icon-btn .badge-dot{position:absolute;top:6px;right:7px;background:var(--danger);color:#fff;font-size:.62rem;padding:0 4px;border-radius:999px;font-weight:700;min-width:14px;text-align:center}.app-content{flex:1;padding:2rem;display:grid;gap:1.5rem;min-width:0;width:100%;align-content:start}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.25rem;box-shadow:var(--shadow-sm)}.card-head{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem}.card-head h2,.card-head h3{font-size:1.05rem;letter-spacing:-.005em}.card-head .muted{color:var(--ink-muted);font-size:.88rem}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.1rem;display:grid;gap:.4rem;box-shadow:var(--shadow-sm)}.stat .label{color:var(--ink-muted);font-size:.85rem;font-weight:500}.stat .value{font-size:1.9rem;font-weight:700;letter-spacing:-.02em}.stat .trend{color:var(--ink-soft);font-size:.8rem}.stat.accent{background:linear-gradient(135deg,var(--brand-soft),#ffffff);border-color:#0ea5e940}.stat.admin{background:linear-gradient(135deg,var(--admin-soft),#fff)}.stat.doctor{background:linear-gradient(135deg,var(--doctor-soft),#fff)}.stat.patient{background:linear-gradient(135deg,var(--patient-soft),#fff)}.table-wrap{overflow-x:auto;border-radius:var(--radius);border:1px solid var(--line);background:var(--surface)}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{text-align:left;padding:.85rem 1rem;border-bottom:1px solid var(--line);font-size:.92rem;vertical-align:middle}.data-table th{background:var(--surface-2);color:var(--ink-muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;font-weight:700}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:#0ea5e908}.data-table .row-link{color:var(--brand-strong);font-weight:600;cursor:pointer}.tag{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .6rem;border-radius:999px;font-size:.76rem;font-weight:600;background:var(--surface-2);color:var(--ink-2)}.tag.success{background:#16a34a24;color:#15803d}.tag.warning{background:#f59e0b29;color:#b45309}.tag.danger{background:#dc262621;color:#991b1b}.tag.info{background:var(--brand-soft);color:var(--brand-strong)}.tag.admin{background:var(--admin-soft);color:var(--admin)}.tag.doctor{background:var(--doctor-soft);color:#0f766e}.tag.patient{background:var(--patient-soft);color:#c2410c}.connection-bar{display:flex;align-items:center;gap:.65rem;background:var(--surface-2);padding:.6rem .85rem;border-radius:999px;font-size:.85rem;color:var(--ink-2)}.connection-dot{width:9px;height:9px;border-radius:999px;background:var(--ink-soft);box-shadow:0 0 0 4px #94a3b82e}.connection-dot.connected{background:var(--success);box-shadow:0 0 0 4px #16a34a38;animation:pulse 1.4s ease infinite}.connection-dot.connecting{background:var(--warning);box-shadow:0 0 0 4px #f59e0b38}.connection-dot.error{background:var(--danger);box-shadow:0 0 0 4px #dc262638}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.25)}}.vitals-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem;min-width:0}.vitals-empty{border:1px dashed var(--line-strong);border-radius:var(--radius);padding:2rem 1.5rem;text-align:center;background:var(--surface-2)}.vitals-empty h3{font-size:1.05rem;margin-bottom:.35rem}.vitals-empty p{color:var(--ink-muted);max-width:36rem;margin:0 auto 1rem}.vital-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.1rem;display:grid;gap:.3rem;box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.vital-card .vital-label{font-size:.78rem;color:var(--ink-muted);text-transform:uppercase;letter-spacing:.06em;font-weight:700}.vital-card .vital-value{font-size:1.8rem;font-weight:700;letter-spacing:-.02em}.vital-card .vital-unit{color:var(--ink-soft);font-size:.78rem;margin-left:.3rem;font-weight:500}.vital-card .vital-meta{color:var(--ink-muted);font-size:.78rem}.vital-card.tone-hr{background:linear-gradient(135deg,#fff1f2,#fff)}.vital-card.tone-spo2{background:linear-gradient(135deg,#ecfeff,#fff)}.vital-card.tone-bp{background:linear-gradient(135deg,#fef3c7,#fff)}.vital-card.tone-temp{background:linear-gradient(135deg,#fef2f2,#fff)}.vital-card.tone-steps{background:linear-gradient(135deg,#f0fdf4,#fff)}.vital-card.tone-calories{background:linear-gradient(135deg,#fff7ed,#fff)}.vital-card.tone-ecg{background:linear-gradient(135deg,#f3e8ff,#fff)}.vital-card.tone-sleep{background:linear-gradient(135deg,#eef2ff,#fff)}.vital-card.tone-stress{background:linear-gradient(135deg,#fff7ed,#fff)}.vital-card.tone-bia{background:linear-gradient(135deg,#f1f5f9,#fff)}.vital-card.tone-glucose{background:linear-gradient(135deg,#fef9c3,#fff)}.vital-card.danger{border-color:#dc26264d;background:linear-gradient(135deg,#dc262614,#fff)}.vital-card.success{border-color:#16a34a40}.vital-icon{position:absolute;top:1rem;right:1rem;font-size:1.1rem;opacity:.45}.notification-list{display:grid;gap:.65rem}.notification-item{display:grid;grid-template-columns:auto 1fr auto;gap:.85rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1rem;align-items:start}.notification-item.unread{border-color:#0ea5e966;background:linear-gradient(135deg,#0ea5e90a,#fff)}.notification-icon{width:38px;height:38px;border-radius:12px;background:var(--surface-2);display:inline-flex;align-items:center;justify-content:center;font-size:1.1rem}.notification-icon.critical{background:#dc262624;color:var(--danger)}.notification-icon.warning{background:#f59e0b2e;color:#b45309}.notification-icon.info{background:var(--brand-soft);color:var(--brand-strong)}.notification-body strong{display:block}.notification-body p{color:var(--ink-muted);font-size:.9rem;margin-top:.2rem}.notification-meta{color:var(--ink-soft);font-size:.78rem}.empty-state{text-align:center;padding:3rem 1rem;color:var(--ink-muted)}.empty-state .big{font-size:2.2rem;margin-bottom:.4rem;color:var(--ink-soft)}.skeleton{background:linear-gradient(90deg,var(--surface-2) 0%,var(--surface-3) 50%,var(--surface-2) 100%);background-size:200% 100%;animation:skel 1.4s ease-in-out infinite;border-radius:8px}@keyframes skel{0%{background-position:200% 0}to{background-position:-200% 0}}@media(max-width:1024px){.hero-grid,.auth-shell{grid-template-columns:1fr}.auth-shell .auth-art{display:none}.app-frame{grid-template-columns:minmax(0,1fr);grid-template-areas:"main"}.app-frame .sidebar{position:fixed;inset:0 auto 0 0;width:280px;transform:translate(-100%);transition:transform .25s ease;z-index:50;box-shadow:var(--shadow-lg)}.app-frame.sidebar-open .sidebar{transform:translate(0)}.app-frame .sidebar-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;z-index:40;pointer-events:auto}.app-frame.sidebar-open .sidebar-backdrop{display:block}.mobile-menu-btn{display:inline-flex!important}}.mobile-menu-btn{display:none}@media(max-width:720px){.form-row{grid-template-columns:1fr}.app-content{padding:1.25rem}.app-topbar{padding:1rem 1.25rem}.hero{padding:2.5rem 0 1.5rem}}