:root{--ink:#17324a;--muted:#617487;--brand:#0b7a75;--brand2:#075e59;--pale:#eaf7f5;--line:#dbe5ea;--bg:#f5f8fa;--danger:#b42318;--warning:#b54708;--shadow:0 14px 40px rgba(20,52,73,.08)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.55}.site-header{height:72px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100% - 1180px)/2));position:sticky;top:0;z-index:5}.brand{display:flex;align-items:center;gap:10px;font-size:1.22rem;font-weight:800;color:var(--ink);text-decoration:none}.brand-mark{display:grid;place-items:center;width:36px;height:36px;background:var(--brand);color:#fff;border-radius:11px}.site-header nav{display:flex;gap:24px}.site-header nav a,footer a{color:var(--ink);text-decoration:none;font-weight:650}.container{width:min(1180px,calc(100% - 32px));margin:42px auto;min-height:calc(100vh - 210px)}footer{border-top:1px solid var(--line);padding:28px max(24px,calc((100% - 1180px)/2));display:flex;justify-content:space-between;color:var(--muted);background:#fff}.hero{display:grid;grid-template-columns:1.35fr .75fr;gap:42px;align-items:center;padding:64px 0}.hero h1{font-size:clamp(2.5rem,5vw,4.8rem);letter-spacing:-.055em;line-height:1.02;margin:.3em 0}.hero p{font-size:1.15rem;color:var(--muted);max-width:700px}.hero-card{background:linear-gradient(145deg,var(--brand),var(--brand2));color:#fff;border-radius:28px;padding:42px;box-shadow:var(--shadow);transform:rotate(1deg)}.hero-card p{color:#dff5f2}.pulse{font-size:3rem}.eyebrow{font-size:.77rem;font-weight:850;letter-spacing:.12em;color:var(--brand)}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:11px;padding:12px 18px;font:inherit;font-weight:760;text-decoration:none;cursor:pointer}.button.primary{background:var(--brand);color:#fff}.button.primary:hover{background:var(--brand2)}.button.secondary{background:#fff;color:var(--ink);border:1px solid var(--line)}.button.small{padding:8px 12px;font-size:.88rem}.button.full{width:100%;margin-top:8px}.card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:26px;box-shadow:var(--shadow)}.grid{display:grid;gap:22px}.grid.three{grid-template-columns:repeat(3,1fr)}.grid.two{grid-template-columns:repeat(2,1fr)}.card h1,.card h2,.card h3{margin-top:0}.card p{color:var(--muted)}.auth-card{max-width:520px;margin:70px auto}.auth-card.wide{max-width:720px}form label{display:block;font-weight:700;margin:16px 0}input,textarea,select{width:100%;padding:13px 14px;border:1px solid #bacbd4;border-radius:10px;background:#fff;font:inherit;color:var(--ink);margin-top:6px}input:focus,textarea:focus{outline:3px solid rgba(11,122,117,.16);border-color:var(--brand)}label small,td small{display:block;color:var(--muted);font-weight:500}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.span-2{grid-column:span 2}.check{display:flex;gap:11px;align-items:flex-start}.check input{width:auto;margin-top:5px}.secret{background:var(--pale);padding:18px;border-radius:12px;margin:20px 0}.secret strong{display:block;font-family:monospace;font-size:1.1rem;word-break:break-all}.wrap{word-break:break-all}.flash{padding:14px 18px;border-radius:12px;margin-bottom:20px;font-weight:650}.flash.success{background:#e8f7ef;color:#146c43}.flash.error{background:#fff0ef;color:var(--danger)}.page-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:28px}.page-head h1{font-size:2.3rem;margin:.15em 0}.page-head p{margin:0;color:var(--muted)}.task,.list-item{padding:17px 0;border-bottom:1px solid var(--line)}.task{display:flex;align-items:center;justify-content:space-between;gap:18px}.task small{display:block;color:var(--muted)}.task:last-child,.list-item:last-child{border-bottom:0}.badge{display:inline-block;padding:5px 10px;border-radius:999px;font-size:.78rem;font-weight:800}.badge.good{background:#e8f7ef;color:#146c43}.badge.warn{background:#fff2e7;color:var(--warning)}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:14px 10px;border-bottom:1px solid var(--line)}th{font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.empty{text-align:center;padding:32px;color:var(--muted)}.notice{padding:14px 16px;background:#fff5e9;border-left:4px solid #e69a2d;border-radius:9px;margin:18px 0}.reading-form{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.reading-form .button{grid-column:span 2}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px}.search{max-width:300px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:22px}.stat{background:#fff;border:1px solid var(--line);padding:24px;border-radius:18px}.stat strong{display:block;font-size:2.4rem}.stat span{color:var(--muted)}.success-icon{width:66px;height:66px;border-radius:50%;display:grid;place-items:center;background:#e8f7ef;color:#146c43;font-size:2rem;margin:0 auto 20px}@media(max-width:760px){.hero,.grid.three,.grid.two,.stats{grid-template-columns:1fr}.hero{padding:32px 0}.hero-card{transform:none}.form-grid,.reading-form{grid-template-columns:1fr}.span-2,.reading-form .button{grid-column:span 1}.site-header{height:auto;padding:16px}.site-header nav{gap:12px}.page-head,footer{align-items:flex-start;flex-direction:column}.container{margin-top:24px}}
.qr-panel{display:grid;grid-template-columns:260px 1fr;gap:28px;align-items:center;margin:26px 0;padding:24px;background:var(--pale);border-radius:18px}.totp-qrcode{width:260px;min-height:260px;display:grid;place-items:center;background:#fff;border-radius:16px;padding:10px;border:1px solid var(--line)}.totp-qrcode img,.totp-qrcode canvas{max-width:240px;height:auto!important}.setup-steps{margin:0;padding-left:24px}.setup-steps li{margin:12px 0}.manual-key{margin:18px 0}.manual-key summary{cursor:pointer;font-weight:760}.twofa-form{margin-top:22px}.skip-form{margin-top:12px}.helper-text{text-align:center;font-size:.9rem;color:var(--muted);margin-bottom:0}.twofa-form input[name=code],.auth-card input[name=code]{font-size:1.5rem;letter-spacing:.3em;text-align:center;font-variant-numeric:tabular-nums}@media(max-width:700px){.qr-panel{grid-template-columns:1fr}.totp-qrcode{margin:auto;width:100%;max-width:280px}.setup-steps{padding-left:22px}}
.stats.four{grid-template-columns:repeat(4,1fr)}.stat.attention{border-color:#f3c98b;background:#fffaf2}.stat.danger{border-color:#f0aaa5;background:#fff7f6}.badge.bad{background:#fff0ef;color:var(--danger)}.badge.neutral{background:#eef3f6;color:var(--muted)}.actions.compact{margin:0;align-items:center}.toolbar h2{margin:0}.no-margin{margin:4px 0 0!important}.empty-state{text-align:center;padding:48px 24px}.empty-state p{max-width:560px;margin:0 auto 22px}.empty-icon{width:58px;height:58px;border-radius:18px;background:var(--pale);color:var(--brand);display:grid;place-items:center;font-size:2rem;font-weight:800;margin:0 auto 18px}.care-path-picker{border:0;padding:0;margin:22px 0}.care-path-picker legend{font-weight:800;font-size:1.05rem}.field-help{margin:4px 0 14px}.care-path-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.care-path-option{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--line);border-radius:14px;padding:16px;margin:0;background:#fff;cursor:pointer}.care-path-option:has(input:checked){border-color:var(--brand);background:var(--pale)}.care-path-option input{width:auto;margin:4px 0 0}.care-path-option strong,.care-path-option small{display:block}.notice.subtle{background:var(--pale);border-left-color:var(--brand)}.row-actions form{display:flex;gap:8px;justify-content:flex-end}.button.danger-link{background:transparent;color:var(--danger);border:0}.invited-paths{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:18px 0}.clickable-row{cursor:pointer}.clickable-row:hover{background:#f7fbfb}.invite-card{margin-top:0}.dashboard-head{align-items:center}@media(max-width:900px){.stats.four{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.care-path-options,.stats.four{grid-template-columns:1fr}.dashboard-head .actions{width:100%}.dashboard-head .button{flex:1}.site-header nav{flex-wrap:wrap}}