:root{--bg:#f4f6f8;--surface:#ffffff;--ink:#14212b;--muted:#5b6b78;--line:#e1e6ea;--brand:#0f766e;--brand-soft:#e6f4f2;--patient:#0f766e;--awareness:#2563eb;--followers:#a855f7;--good:#15803d;--warn:#b45309;--bad:#b91c1c;--radius:12px}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.45}a{color:inherit;text-decoration:none}.app{min-height:100vh}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:saturate(180%) blur(10px);-webkit-backdrop-filter:saturate(180%) blur(10px);border-bottom:1px solid var(--line)}.topbar-inner{max-width:1400px;margin:0 auto;height:60px;padding:0 24px;gap:28px}.logo,.topbar-inner{display:flex;align-items:center}.logo{gap:10px;flex-shrink:0}.logo-mark{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(135deg,#0f766e,#14b8a6);color:#fff;font-weight:800;font-size:13px;letter-spacing:.02em}.logo-text{font-size:16px;color:var(--ink);white-space:nowrap}.logo-text b{color:var(--brand)}.topnav{display:flex;align-items:center;gap:4px;flex:1 1;min-width:0}.topnav-link{position:relative;padding:8px 14px;border-radius:8px;font-size:14px;font-weight:500;color:var(--muted);background:none;border:0;cursor:pointer;font-family:inherit;white-space:nowrap;transition:color .15s,background .15s}.topnav-link:hover{color:var(--ink);background:#f1f4f6}.topnav-link.active{color:var(--brand);background:var(--brand-soft)}.topnav-link.active-soft{color:var(--ink);background:#f1f4f6}.caret{font-size:10px;margin-left:2px}.more{position:relative}.more-menu{position:absolute;top:calc(100% + 8px);left:0;min-width:200px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 32px rgba(15,30,40,.12);padding:6px;opacity:0;transform:translateY(-4px);pointer-events:none;transition:opacity .15s,transform .15s}.more-menu.show{opacity:1;transform:translateY(0);pointer-events:auto}.more-item{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;border-radius:8px;font-size:14px;color:var(--muted)}.more-item em{font-style:normal;font-size:11px;color:#8a99a5;background:#f1f4f6;padding:1px 7px;border-radius:999px}.topbar-right{display:flex;align-items:center;gap:10px;margin-left:auto}.signout-btn{padding:7px 14px;border-radius:8px;border:1px solid var(--line);background:#fff;color:var(--ink);font-size:13px;font-weight:500;cursor:pointer;font-family:inherit}.signout-btn:hover{border-color:#c9d2d8}.burger,.signout-mobile{display:none}.burger{width:38px;height:38px;border-radius:8px;border:1px solid var(--line);background:#fff;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:4px}.burger span{display:block;width:16px;height:2px;background:var(--ink);border-radius:2px}.main{max-width:1400px;margin:0 auto;padding:24px 24px 48px}.page-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:18px}.page-head h1{margin:0;font-size:22px}.page-head p{margin:4px 0 0;color:var(--muted);font-size:13px}.pills{display:flex;flex-wrap:wrap;gap:6px}.pill{padding:6px 12px;border-radius:999px;border:1px solid var(--line);background:var(--surface);font-size:13px;color:var(--muted)}.pill.active{background:var(--brand);border-color:var(--brand);color:#fff}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px;margin-bottom:16px;page-break-inside:avoid;break-inside:avoid}.card h2{margin:0 0 12px;font-size:16px}.kpis{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));grid-gap:12px;gap:12px;margin-bottom:16px}.kpi{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px}.kpi .label{font-size:12px;color:var(--muted)}.kpi .value{font-size:24px;font-weight:700;margin-top:4px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.kpi .sub{font-size:12px;color:var(--muted);margin-top:2px}.delta-down-bad,.delta-up-bad{color:var(--bad)}.delta-down-good,.delta-up-good{color:var(--good)}.split{display:flex;height:14px;border-radius:7px;overflow:hidden;background:var(--line);margin:6px 0 10px}.split div{height:100%}.legend{display:flex;flex-wrap:wrap;gap:14px;font-size:13px;color:var(--muted)}.legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:middle}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}td,th{padding:8px 10px;border-bottom:1px solid var(--line);text-align:right;white-space:nowrap}td:first-child,th:first-child{text-align:left;position:-webkit-sticky;position:sticky;left:0;background:var(--surface)}th{font-weight:600}.empty,th{color:var(--muted)}.empty{text-align:center;padding:40px 20px}.empty strong{display:block;color:var(--ink);font-size:16px;margin-bottom:6px}.stamp{font-size:12px;color:var(--muted)}.print-btn{padding:7px 14px;border-radius:8px;border:1px solid var(--line);background:var(--surface);cursor:pointer;font-size:13px}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:20px;background:linear-gradient(160deg,#0b2a33,#0f766e)}.login-card{width:100%;max-width:380px;background:#fff;border-radius:16px;padding:28px;box-shadow:0 20px 50px rgba(0,0,0,.25)}.login-card h1{margin:0 0 4px;font-size:22px}.login-card p{margin:0 0 20px;color:var(--muted);font-size:14px}.login-card label{display:block;font-size:13px;margin:12px 0 4px;color:var(--muted)}.login-card input{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:8px;font-size:15px}.login-card button{width:100%;margin-top:18px;padding:11px;border:0;border-radius:8px;background:var(--brand);color:#fff;font-size:15px;font-weight:600;cursor:pointer}.login-card button:disabled{opacity:.6}.error{color:var(--bad);font-size:13px;margin-top:10px}.plot-title{font-weight:600;font-size:14px;margin-bottom:6px}@media (max-width:900px){.topbar-inner{padding:0 16px;gap:12px}.burger{display:flex}.signout-btn,.topnav{display:none}.topnav{position:absolute;top:60px;left:0;right:0;flex-direction:column;align-items:stretch;gap:2px;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 12px 24px rgba(15,30,40,.08);padding:8px 12px 14px}.topnav.open{display:flex}.topnav-link{padding:11px 12px;font-size:15px;text-align:left}.more-btn{width:100%}.more-menu{position:static;box-shadow:none;border:0;padding:0 0 0 10px;opacity:1;transform:none;display:none}.more-menu.show{display:block}.signout-mobile{display:block;margin-top:8px;padding-top:10px;border-top:1px solid var(--line)}.signout-mobile button{width:100%;padding:10px;border-radius:8px;border:1px solid var(--line);background:#fff;font-size:15px;cursor:pointer;font-family:inherit}.main{padding:16px 12px 40px}.kpis{grid-template-columns:repeat(2,1fr)}.kpi .value{font-size:20px}}.print-header{display:none}@media print{@page{size:A4 portrait;margin:12mm}body{background:#fff;font-size:12px}.no-print,.pills,.print-btn,.topbar{display:none!important}.main{padding:0;max-width:none}.print-header{display:block;margin-bottom:10px;font-size:12px;color:var(--muted)}.card,.kpi{page-break-inside:avoid;break-inside:avoid}.kpis{grid-template-columns:repeat(3,1fr)}}.logo-img{height:34px;width:auto;max-width:120px;object-fit:contain}.admin-link{margin-left:auto}.mobile-account{display:none}.user{position:relative}.avatar-btn{display:flex;align-items:center;gap:8px;padding:4px 10px 4px 4px;border-radius:999px;border:1px solid var(--line);background:#fff;cursor:pointer;font-family:inherit}.avatar-btn:hover{border-color:#c9d2d8}.avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--brand);color:#fff;font-size:12px;font-weight:700}.avatar-name{font-size:13px;font-weight:500;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu{position:absolute;right:0;top:calc(100% + 8px);min-width:240px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 32px rgba(15,30,40,.12);padding:6px;opacity:0;transform:translateY(-4px);pointer-events:none;transition:opacity .15s,transform .15s}.user-menu.show{opacity:1;transform:none;pointer-events:auto}.user-head{display:flex;flex-direction:column;gap:2px;padding:10px 10px 12px;border-bottom:1px solid var(--line);margin-bottom:6px}.user-head span{font-size:12px;color:var(--muted)}.role-chip{align-self:flex-start;margin-top:6px;background:var(--brand-soft);color:var(--brand)!important;padding:2px 8px;border-radius:999px;font-weight:600}.user-item{display:block;width:100%;text-align:left;padding:9px 10px;border-radius:8px;font-size:14px;background:none;border:0;cursor:pointer;font-family:inherit;color:var(--ink)}.user-item:hover{background:#f1f4f6}.user-item.danger{color:var(--bad)}.btn{padding:8px 14px;border-radius:8px;border:1px solid var(--line);background:#fff;color:var(--ink);font-size:14px;font-weight:500;cursor:pointer;font-family:inherit}.btn:hover{border-color:#c2ccd3}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.primary{background:var(--brand);border-color:var(--brand);color:#fff}.btn.ghost{background:transparent}.btn.small{padding:5px 12px;font-size:13px}.btn.warn{color:var(--warn);border-color:#f3d3a8}.btn.danger{color:var(--bad);border-color:#f2c2c2}.link-btn{background:none;border:0;padding:0;color:var(--brand);cursor:pointer;font-size:12px;font-family:inherit}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:18px;overflow-x:auto}.tab{padding:10px 16px;font-size:14px;font-weight:500;color:var(--muted);border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap}.tab:hover{color:var(--ink)}.tab.active{color:var(--brand);border-bottom-color:var(--brand)}.card label,.form-box label{display:block;font-size:13px;color:var(--muted);margin:14px 0 6px;font-weight:500}.card input:not([type]),.card input[type=email],.card input[type=password],.card input[type=text],.form-box input:not([type=checkbox]):not([type=radio]):not([type=color]){width:100%;padding:9px 12px;border:1px solid var(--line);border-radius:8px;font-size:14px;font-family:inherit}.card input:focus{outline:2px solid var(--brand-soft);border-color:var(--brand)}.form-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:0 16px;gap:0 16px}.form-box{background:#f8fafb;border:1px solid var(--line);border-radius:12px;padding:16px 18px;margin-bottom:16px}.form-box h3{margin:0 0 4px;font-size:15px}.form-actions{flex-wrap:wrap;gap:8px;margin-top:16px}.card-head,.form-actions{display:flex;align-items:center}.card-head{justify-content:space-between;gap:12px;margin-bottom:12px}.card-head h2{margin:0}.pw-row{display:flex;gap:6px;flex-wrap:wrap}.pw-row input{flex:1 1;min-width:180px;font-family:ui-monospace,monospace!important}.muted-sm{font-size:12px;color:var(--muted)}.ok-text{color:var(--good);font-size:13px;margin-top:10px}.role-pick{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px}.role-opt{display:flex!important;flex-direction:column;gap:2px;margin:0!important;padding:10px 12px;border:1px solid var(--line);border-radius:10px;cursor:pointer;background:#fff}.role-opt input{display:none}.role-opt strong{color:var(--ink);font-size:14px}.role-opt span{font-size:12px}.role-opt.on{border-color:var(--brand);background:var(--brand-soft)}.page-pick{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px}.chk{display:inline-flex!important;align-items:center;gap:6px;margin:0!important;padding:6px 10px;border:1px solid var(--line);border-radius:999px;font-size:13px!important;color:var(--ink)!important;cursor:pointer;background:#fff}.chk.on{border-color:var(--brand);background:var(--brand-soft)}.chk em{font-style:normal;font-size:10px;color:var(--muted)}.users-table td{vertical-align:middle}.users-table td,.users-table th{text-align:left}.who{display:flex;flex-direction:column}.who span{font-size:12px;color:var(--muted)}.you{font-size:10px;background:#eef2f5;color:var(--muted);padding:1px 6px;margin-left:4px}.role-badge,.you{border-radius:999px;font-weight:600}.role-badge{display:inline-block;font-size:12px;padding:3px 10px}.role-admin{background:#fde8e8;color:#9b1c1c}.role-manager{background:#e1effe;color:#1e429f}.role-viewer{background:#edf2f7;color:#374151}.dot{font-size:13px}.dot:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px}.dot.on:before{background:#22c55e}.dot.off:before{background:#9ca3af}.row-off td{opacity:.6}.unassigned{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;border-top:1px solid var(--line)}.modal-back{position:fixed;inset:0;background:rgba(15,25,35,.45);z-index:100;display:grid;place-items:center;padding:16px}.modal{background:#fff;border-radius:16px;width:100%;max-width:620px;max-height:90vh;overflow-y:auto;padding:20px 22px;box-shadow:0 30px 60px rgba(0,0,0,.25)}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:6px}.modal-head h3{margin:0;font-size:18px}.modal section{border-top:1px solid var(--line);padding:14px 0}.modal h4{margin:0;font-size:14px}.modal label{display:block;font-size:13px;color:var(--muted);margin:12px 0 6px;font-weight:500}.modal input:not([type=checkbox]):not([type=radio]){width:100%;padding:9px 12px;border:1px solid var(--line);border-radius:8px;font-size:14px;font-family:inherit}.modal .pw-row input{width:auto}.x{background:none;border:0;font-size:26px;line-height:1;cursor:pointer;color:var(--muted)}.danger-zone h4{color:var(--bad)}.toast{position:fixed;right:20px;bottom:20px;z-index:200;max-width:380px;padding:12px 16px;border-radius:10px;font-size:14px;color:#fff;box-shadow:0 10px 30px rgba(0,0,0,.2)}.toast.ok{background:#166534}.toast.bad{background:#991b1b}.notice{border-left:4px solid var(--warn)}.notice p{margin:6px 0 0;color:var(--muted);font-size:14px}.error-notice{border-left-color:var(--bad)}.role-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px}.role-summary{color:var(--muted);font-size:13px;margin:8px 0}.ticks{margin:0;padding-left:18px;font-size:14px}.ticks li{margin:4px 0}.kv{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-top:1px solid var(--line);font-size:14px}.kv span{color:var(--muted)}.kv strong{text-align:right;font-weight:500}.img-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.img-box{display:flex;gap:14px;align-items:flex-start;border:1px solid var(--line);border-radius:12px;padding:14px}.img-info{display:flex;flex-direction:column;gap:4px}.img-info .form-actions{margin-top:8px}.img-preview{flex-shrink:0;width:110px;height:80px;border-radius:10px;display:grid;place-items:center;background:repeating-conic-gradient(#f1f4f6 0 25%,#fff 0 50%) 50% /16px 16px;border:1px solid var(--line);text-align:center}.img-preview.favicon{width:80px}.img-preview img{max-width:90%;max-height:90%;object-fit:contain}.swatches{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.swatch{width:32px;height:32px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 1px var(--line);cursor:pointer}.swatch.on{box-shadow:0 0 0 2px var(--ink)}.swatch-custom{display:inline-flex!important;align-items:center;gap:6px;margin:0!important;cursor:pointer}.swatch-custom input{width:32px;height:32px;border:0;padding:0;background:none;cursor:pointer}.brand-preview{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:16px;padding:12px 14px;border:1px dashed var(--line);border-radius:12px;font-size:15px}.brand-preview b{color:var(--p)}.pv-mark{width:30px;height:30px;border-radius:8px;background:var(--p);color:#fff;display:grid;place-items:center;font-size:12px;font-weight:800}.pv-pill{padding:5px 12px;background:color-mix(in srgb,var(--p) 12%,white);color:var(--p);font-weight:500}.pv-btn,.pv-pill{border-radius:8px;font-size:13px}.pv-btn{padding:6px 14px;background:var(--p);color:#fff;font-weight:600}.login-brand{display:flex;justify-content:center;margin-bottom:14px}.login-logo{max-height:64px;max-width:220px;object-fit:contain}.logo-mark.big{width:56px;height:56px;border-radius:14px;font-size:20px}.login-card h1,.login-card>p{text-align:center}.login-wrap{background:linear-gradient(160deg,#0b2a33,var(--brand))}@media (max-width:900px){.avatar-btn .caret,.avatar-name{display:none}.avatar-btn{padding:3px}.admin-link{margin-left:0}.mobile-account{display:block;margin-top:8px;padding-top:8px;border-top:1px solid var(--line)}.mobile-account button{width:100%;margin-top:6px;padding:10px;border-radius:8px;border:1px solid var(--line);background:#fff;font-size:15px;cursor:pointer;font-family:inherit;color:var(--bad)}.form-grid,.img-grid,.role-grid,.role-pick{grid-template-columns:1fr}.modal{padding:16px}}.role-master{background:#1f2937;color:#fff}.role-superadmin{background:#fef3c7;color:#92400e}.role-pick{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.alt-box{display:flex;flex-direction:column;gap:4px;padding:12px 14px;border:1px solid var(--line);border-radius:10px;margin:14px 0;font-size:14px}.alt-box span{color:var(--muted);font-size:13px}.alt-btn{margin-top:8px;padding:10px;border-radius:8px;border:1px solid var(--brand);background:#fff!important;color:var(--brand)!important;font-weight:600;font-size:14px;cursor:pointer;font-family:inherit}.login-card form p,.login-card>p{color:var(--muted);font-size:14px}