@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;1,9..40,300&family=DM+Mono:wght@400;500;700&display=swap";:root{--ink:#161b18;--ink-muted:#5c645d;--ink-subtle:#636d5f;--paper:#f1f4f0;--surface:#fff;--surface-alt:#eaeee8;--surface-raised:#fdfcfb;--surface-warm:#fbf9f6;--border:#dde3d9;--border-strong:#c7d0c2;--border-ink:#b8b2a6;--brand:#c0392b;--brand-hover:#a93226;--brand-dim:#c0392b0f;--brand-light:#c0392b1f;--zone-normal:#2e7a4c;--zone-normal-bg:#2e7a4c14;--zone-watch:#8a5f13;--zone-watch-bg:#8a5f1314;--zone-alert:#b91c1c;--zone-alert-bg:#b91c1c12;--primary:var(--brand);--primary-hover:var(--brand-hover);--primary-dim:var(--brand-dim);--primary-light:var(--brand-light);--bg-color:var(--paper);--text-main:var(--ink);--text-muted:var(--ink-muted);--text-subtle:var(--ink-subtle);--danger:#b91c1c;--danger-bg:#fef2f2;--danger-border:#fecaca;--warning:#92400e;--warning-bg:#fffbeb;--warning-border:#fde68a;--success:#14532d;--success-bg:#f0fdf4;--topbar-bg:#fff;--topbar-border:var(--border);--topbar-height:56px;--patient-color:var(--brand);--radius:1px;--radius-sm:2px;--radius-lg:3px;--transition:all .18s ease;--shadow-sm:0 1px 3px #161b180f, 0 1px 2px #161b180a;--shadow-md:0 4px 12px #161b1814, 0 2px 4px #161b180a;--text-hero:3.5rem}@media (max-width:768px){:root{--text-hero:2.25rem}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg-color);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;line-height:1.55}h1,h2,h3,h4,h5,h6{color:var(--text-main);letter-spacing:-.02em;font-family:DM Sans,sans-serif;font-weight:600;line-height:1.25}h1{margin-bottom:.25rem;font-size:1.625rem}h2{margin-bottom:.75rem;font-size:1.0625rem;font-weight:600}h3{margin-bottom:.5rem;font-size:.9375rem;font-weight:500}p{color:var(--text-muted);line-height:1.65}.mono{font-variant-numeric:tabular-nums;font-family:DM Mono,monospace}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);margin-bottom:1.25rem;padding:1.5rem}.panel-header{border-bottom:1px solid var(--border);margin-bottom:1.125rem;padding-bottom:1rem}.glass-card{-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);background:#ffffffeb;padding:1.75rem}.input-group{margin-bottom:1rem}.input-label{color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;margin-bottom:.35rem;font-family:DM Sans,sans-serif;font-size:.6875rem;font-weight:500;display:block}.input-field{border:1px solid var(--border-strong);border-radius:var(--radius-sm);width:100%;transition:var(--transition);color:var(--text-main);-webkit-appearance:none;appearance:none;background:#fff;padding:.55rem .75rem;font-family:DM Sans,sans-serif;font-size:.875rem;line-height:1.5}.input-field::placeholder{color:var(--text-subtle)}.input-field:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light);outline:none}.input-field.mono{font-family:DM Mono,monospace;font-size:.8125rem}select.input-field{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' fill='none'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23A8A49C' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;padding-right:2.25rem}input[type=date].input-field{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.input-field.no-spinner{-moz-appearance:textfield}.input-field.no-spinner::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input-field.no-spinner::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.btn{border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);letter-spacing:.01em;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:.375rem;padding:.5rem 1rem;font-family:DM Sans,sans-serif;font-size:.8125rem;font-weight:500;line-height:1.5;display:inline-flex}.btn:active{opacity:.88;transform:translateY(1px)}.btn:disabled{opacity:.38;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff;border-color:var(--primary)}.btn-primary:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover)}.btn-secondary{color:var(--text-main);border-color:var(--border-strong);box-shadow:var(--shadow-sm);background:#fff}.btn-secondary:hover:not(:disabled){background:var(--surface-alt);border-color:var(--border-ink)}.btn-outline{color:var(--text-muted);border-color:var(--border-strong);background:0 0}.btn-outline:hover:not(:disabled){background:var(--surface-alt);color:var(--text-main);border-color:var(--border-ink)}.btn-text{color:var(--text-muted);background:0 0;border-color:#0000;padding:.45rem .625rem}.btn-text:hover{color:var(--text-main);background:var(--surface-alt)}.btn-danger{background:var(--danger-bg);color:var(--danger);border-color:var(--danger-border)}.btn-danger:hover:not(:disabled){background:#fee2e2}.container{max-width:1200px;margin:0 auto;padding:2rem 2.5rem}.header-flex{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:2rem;display:flex}.header-actions{align-items:center;gap:.5rem;display:flex}.table-container{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);width:100%;box-shadow:var(--shadow-sm);overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.8125rem}th{background:var(--surface-warm);text-align:left;color:var(--text-muted);border-bottom:1px solid var(--border);letter-spacing:.06em;text-transform:uppercase;padding:.625rem 1rem;font-family:DM Sans,sans-serif;font-size:.6875rem;font-weight:500}td{border-bottom:1px solid var(--border);color:var(--text-main);vertical-align:middle;padding:.75rem 1rem}tr:last-child td{border-bottom:none}tr:hover td{background:var(--surface-warm)}.z-score-tag{white-space:nowrap;border-radius:2px;margin-left:.375rem;padding:.1rem .4rem;font-family:DM Mono,monospace;font-size:.6875rem;font-weight:500;display:inline-block}.grid-2{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:.875rem;display:grid}.grid-3{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;display:grid}.flex-row{flex-wrap:wrap;align-items:flex-end;gap:.875rem;display:flex}.flex-1{flex:1;min-width:160px}.patient-card{border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);transition:var(--transition);box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;padding:1rem 1.125rem;text-decoration:none;display:flex;position:relative;overflow:hidden}.patient-card:after{content:"";background:var(--primary);transform-origin:0;height:2px;transition:transform .22s cubic-bezier(.4,0,.2,1);position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.patient-card:hover{border-color:var(--border-ink);background:var(--surface-raised);box-shadow:var(--shadow-md);transform:translateY(-1px)}.patient-card:hover:after{transform:scaleX(1)}.patient-card-title{color:var(--text-main);letter-spacing:-.01em;margin-bottom:.15rem;font-size:.9rem;font-weight:500}.patient-card-subtitle{color:var(--text-subtle);font-family:DM Mono,monospace;font-size:.6875rem}.badge-new{letter-spacing:.02em;color:var(--primary);background:var(--surface-warm);border:1px solid var(--border-ink);vertical-align:middle;border-radius:3px;margin-left:.5rem;padding:.1rem .4rem;font-family:DM Mono,monospace;font-size:.625rem;font-weight:600;display:inline-block}.patient-card-action{color:var(--text-subtle);transition:var(--transition);align-items:center;display:flex}.patient-card:hover .patient-card-action{color:var(--primary)}.auth-container{background:var(--bg-color);background-image:radial-gradient(at 20%,#c0392b08 0%,#0000 60%),radial-gradient(at 80% 20%,#c0392b05 0%,#0000 50%);justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.app-layout{flex-direction:column;min-height:100vh;display:flex}.topbar{height:var(--topbar-height);background:var(--topbar-bg);border-bottom:1px solid var(--topbar-border);z-index:100;align-items:center;gap:0;padding:0 2rem;display:flex;position:sticky;top:0;box-shadow:0 1px #1a18140a}.topbar-brand{color:var(--brand);flex-shrink:0;align-items:baseline;gap:.5rem;margin-right:2.5rem;padding:.25rem 0;text-decoration:none;display:flex}.topbar-logo-text{color:var(--ink);letter-spacing:.08em;text-transform:uppercase;font-family:DM Mono,monospace;font-size:.9375rem;font-weight:500;line-height:1}.topbar-logo-mark{flex-shrink:0}.topbar-logo-sub{color:var(--primary);letter-spacing:.03em;font-family:DM Mono,monospace;font-size:.625rem}.topbar-divider{background:var(--border);flex-shrink:0;width:1px;height:20px;margin-right:2rem}.topbar-nav{flex:1;align-items:center;gap:.125rem;display:flex}.topbar-link{border-radius:var(--radius-sm);color:var(--text-muted);transition:var(--transition);cursor:pointer;letter-spacing:-.01em;white-space:nowrap;background:0 0;border:none;align-items:center;gap:.4rem;padding:.375rem .75rem;font-family:DM Sans,sans-serif;font-size:.8125rem;font-weight:400;text-decoration:none;display:inline-flex;position:relative}.topbar-link svg{opacity:.6;width:14px;height:14px;transition:var(--transition);flex-shrink:0}.topbar-link:hover{color:var(--text-main);background:var(--surface-alt)}.topbar-link:hover svg{opacity:1}.topbar-link-active{color:var(--primary);background:var(--primary-dim);font-weight:500}.topbar-link-active svg{opacity:1}.topbar-link-active:after{content:"";background:var(--primary);border-radius:1px 1px 0 0;height:2px;position:absolute;bottom:-13px;left:0;right:0}.topbar-dropdown{display:inline-flex;position:relative}.topbar-dropdown-content{background:var(--surface);min-width:180px;box-shadow:var(--shadow-md);border:1px solid var(--border);border-radius:var(--radius-lg);z-index:1000;margin-top:.5rem;padding:.5rem 0;display:none;position:absolute;top:100%;left:0}.topbar-dropdown-content:before{content:"";background:0 0;height:15px;position:absolute;top:-15px;left:0;right:0}.topbar-dropdown:hover .topbar-dropdown-content{animation:.15s fadeIn;display:block}.topbar-dropdown-item{color:var(--text-muted);transition:var(--transition);align-items:center;gap:.5rem;padding:.5rem 1rem;font-family:DM Sans,sans-serif;font-size:.8125rem;text-decoration:none;display:flex}.topbar-dropdown-item svg{opacity:.6;width:14px;height:14px}.topbar-dropdown-item:hover{background:var(--surface-alt);color:var(--text-main)}.topbar-dropdown-item:hover svg{opacity:1}.topbar-dropdown-item-active{color:var(--primary);background:var(--primary-dim);font-weight:500}.topbar-dropdown-item-active svg{opacity:1}.topbar-end{align-items:center;gap:.5rem;margin-left:auto;display:flex}.topbar-logout{border-radius:var(--radius-sm);color:var(--text-subtle);cursor:pointer;transition:var(--transition);letter-spacing:0;background:0 0;border:none;align-items:center;gap:.35rem;padding:.375rem .625rem;font-family:DM Sans,sans-serif;font-size:.75rem;display:inline-flex}.topbar-logout:hover{color:var(--danger);background:var(--danger-bg)}.topbar-logout svg{width:13px;height:13px}.main-content{background:var(--bg-color);flex:1;overflow-y:auto}.sidebar{display:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.animate-fade-in{animation:.25s cubic-bezier(.4,0,.2,1) forwards fadeIn}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}}.error-msg{background:var(--danger-bg);color:var(--danger);border-radius:var(--radius-sm);border:1px solid var(--danger-border);margin-bottom:.875rem;padding:.625rem .875rem;font-size:.8125rem}.warning-msg{background:var(--warning-bg);color:var(--warning);border-radius:var(--radius-sm);border:1px solid var(--warning-border);padding:.625rem .875rem;font-size:.8125rem}.page-eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--primary);margin-bottom:.25rem;font-family:DM Mono,monospace;font-size:.625rem;font-weight:400;display:block}.page-rule{background:var(--border);height:1px;margin:1.5rem 0 2rem}.stat-pill{background:var(--surface-warm);border:1px solid var(--border);color:var(--text-muted);border-radius:999px;align-items:center;gap:.375rem;padding:.25rem .625rem;font-family:DM Mono,monospace;font-size:.6875rem;display:inline-flex}@keyframes chart-fade-in{0%{opacity:0}to{opacity:1}}@keyframes chart-draw-line{to{stroke-dashoffset:0;stroke-dasharray:none}}@keyframes chart-dot-pulse-once{0%{opacity:1;transform:scale(1)}40%{opacity:.35;transform:scale(1.6)}to{opacity:1;transform:scale(1)}}.chart-grid-in{opacity:0;animation:.12s ease-out forwards chart-fade-in}.chart-zone-band-in{opacity:0;animation:.2s ease-out forwards chart-fade-in}.chart-zone-band-in--normal{animation-delay:.12s}.chart-zone-band-in--watch-low{animation-delay:.18s}.chart-zone-band-in--watch-high{animation-delay:.24s}.chart-percentiles-in{opacity:0;animation:.4s ease-out .44s forwards chart-fade-in}.chart-patient-line-in{stroke-dasharray:1000;stroke-dashoffset:1000px;animation:.5s ease-out .84s forwards chart-draw-line}.chart-patient-dot-in circle{transform-box:fill-box;transform-origin:50%;animation:.4s ease-out 1.34s both chart-dot-pulse-once}.text-danger{color:var(--danger)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-muted{color:var(--text-muted)}.text-accent{color:var(--primary)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-ink)}::selection{color:var(--text-main);background:#c0392b1f}