:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--navy:#122a3f;--teal:#1c8179;--mint:#e7f4f1;--cream:#f5f3ed;--ink:#172331;--muted:#60707c;--line:#dbe2e4;--white:#fff;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{background:var(--cream);color:var(--ink);margin:0}.sidebar:before{content:"DEMO • SYNTHETIC DATA";color:#073b32;letter-spacing:.12em;text-align:center;background:#b7f3df;border-radius:999px;margin:0 0 1rem;padding:.45rem .7rem;font-size:.68rem;font-weight:800;display:block}.logout{color:#b7f3df;margin-left:.55rem;font-size:.75rem}.center-state{text-align:center;background:#f5f8f7;place-content:center;min-height:100vh;padding:2rem;display:grid}.spinner{border:4px solid #d7e5e0;border-top-color:#0d7060;border-radius:50%;width:34px;height:34px;margin:auto;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.success,.empty{border-radius:12px;margin:1rem 0;padding:1rem}.success{color:#075b45;background:#def7ec;border:1px solid #a8e2cf}.empty{color:#53615d;background:#f1f4f3;border:1px dashed #aab8b4}.hero-number{color:#0d7060;margin:.25rem 0;font-size:3.4rem;font-weight:800}.details{grid-template-columns:minmax(130px,.5fr) 1fr;gap:.7rem 1rem;display:grid}.details dt{color:#64746f}.details dd{overflow-wrap:anywhere;margin:0;font-weight:650}.link-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;display:grid}.link-grid a{background:#fafcfc;border:1px solid #d8e2df;border-radius:12px;padding:1rem;font-weight:700}.timeline{padding:0;list-style:none}.timeline li{border-bottom:1px solid #e2e9e7;grid-template-columns:110px 1fr auto;gap:1rem;padding:1rem 0;display:grid}.form{gap:1rem;max-width:560px;display:grid}.form label{gap:.4rem;font-weight:650;display:grid}.form input{font:inherit;border:1px solid #b8c8c3;border-radius:10px;padding:.8rem}.button.small{margin-top:.45rem;padding:.45rem .65rem;font-size:.75rem}.button:disabled{opacity:.5;cursor:not-allowed}.journey-summary{color:#53615d;margin:-.5rem 0 1.4rem}a{color:inherit}button,input,select{font:inherit}.skip-link{position:absolute;left:-999px}.skip-link:focus{z-index:10;background:#fff;padding:.75rem;top:1rem;left:1rem}.app-shell{grid-template-columns:260px 1fr;min-height:100vh;display:grid}.sidebar{background:linear-gradient(180deg, var(--navy), #0d2234);color:#fff;flex-direction:column;gap:34px;padding:28px 22px;display:flex}.brand{align-items:center;gap:12px;font-weight:750;text-decoration:none;display:flex}.brand small,.user-chip small{opacity:.7;margin-top:3px;font-weight:500;display:block}.brand-mark{background:var(--teal);border-radius:13px;place-items:center;width:42px;height:42px;display:grid}.sidebar nav{gap:8px;display:grid}.sidebar nav a{color:#d9e7ed;border-radius:10px;padding:12px 14px;text-decoration:none}.sidebar nav a:hover,.sidebar nav a:focus{color:#fff;background:#ffffff16;outline:2px solid #6fcfc6}.tenant-card{background:#ffffff0d;border:1px solid #ffffff20;border-radius:14px;gap:8px;margin-top:auto;padding:16px;display:grid}.tenant-card span,.tenant-card a{color:#bcd1dc;font-size:.78rem}main{min-width:0;padding:30px 38px 48px}.topbar{justify-content:space-between;align-items:center;gap:24px;margin-bottom:18px;display:flex}.topbar h1{margin:.25rem 0 0;font-size:clamp(1.7rem,3vw,2.5rem)}.eyebrow{color:var(--teal);text-transform:uppercase;letter-spacing:.1em;font-size:.72rem;font-weight:800}.user-chip{border:1px solid var(--line);background:#fff;border-radius:14px;align-items:center;gap:10px;padding:9px 13px;display:flex}.user-chip>span{background:var(--mint);width:34px;height:34px;color:var(--teal);border-radius:50%;place-items:center;font-weight:800;display:grid}.screen-meta{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.screen-meta span{border:1px solid var(--line);background:#fff;border-radius:999px;padding:7px 10px;font-size:.72rem}.grid{gap:16px;display:grid}.grid.metrics{grid-template-columns:repeat(4,1fr)}.grid.two{grid-template-columns:repeat(2,1fr)}.metric,.panel,.state-contract,.patient-header{border:1px solid var(--line);background:#fff;border-radius:18px;box-shadow:0 8px 28px #1732480a}.metric{padding:20px}.metric span,.metric small{color:var(--muted);display:block}.metric strong{color:var(--navy);margin:9px 0;font-size:2rem;display:block}.panel{margin-top:18px;padding:24px}.panel h2,.state-contract h2{margin:.25rem 0 1rem}.list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.list li{border-bottom:1px solid var(--line);justify-content:space-between;gap:20px;padding:13px 0;display:flex}.list li:last-child{border:0}.dq-row{flex-wrap:wrap;gap:8px;display:flex}.dq{letter-spacing:.04em;color:#41515c;background:#edf1f2;border-radius:999px;align-items:center;padding:5px 9px;font-size:.68rem;font-weight:850;display:inline-flex}.dq-conflicting{color:#865500;background:#fff0d5}.dq-quarantined{color:#8e2626;background:#ffe6e6}.dq-valid{color:#176447;background:#ddf3e8}.dq-insufficient_data,.dq-missing,.dq-unknown{color:#445476;background:#e9edf6}.state-contract{margin-top:22px;padding:20px}.state-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px;display:grid}.state-grid div{background:#f7f9f8;border-radius:10px;padding:12px}.state-grid span{color:var(--muted);margin-top:5px;font-size:.78rem;display:block}.patient-header{align-items:center;gap:16px;padding:20px;display:flex}.patient-header .avatar{background:var(--mint);width:58px;height:58px;color:var(--teal);border-radius:18px;place-items:center;font-weight:900;display:grid}.patient-header h2{margin:3px 0}.patient-header p{color:var(--muted);margin:0}.patient-header>.dq{margin-left:auto}.timeline{border-left:3px solid #c9dedb;gap:16px;margin-left:8px;padding-left:22px;display:grid}.event{position:relative}.event:before{content:"";background:var(--teal);border:3px solid #fff;border-radius:50%;width:11px;height:11px;position:absolute;top:4px;left:-29px}.event time{color:var(--muted);font-size:.78rem}.event h3{margin:4px 0}.event p{color:var(--muted);margin:0}.button{background:var(--teal);color:#fff;cursor:pointer;border:0;border-radius:10px;padding:11px 16px;font-weight:750;text-decoration:none;display:inline-flex}.button.secondary{color:var(--navy);background:#eaf1f2}.button:focus{outline-offset:2px;outline:3px solid #f4c95d}.actions{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.form-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.field{gap:6px;display:grid}.field label{font-weight:700}.field input,.field select{background:#fff;border:1px solid #aebbc2;border-radius:9px;padding:11px}.notice{border-left:4px solid var(--teal);background:var(--mint);border-radius:8px;padding:14px 16px}.warning{background:#fff4df;border-color:#c47d12}.login{grid-template-columns:1.1fr .9fr;min-height:100vh;display:grid}.login-art{background:linear-gradient(145deg, var(--navy), #226768);color:#fff;flex-direction:column;justify-content:flex-end;padding:8vw;display:flex}.login-art h1{max-width:700px;margin:0 0 20px;font-size:clamp(2.4rem,5vw,5rem)}.login-card{place-items:center;padding:40px;display:grid}.login-card section{background:#fff;border-radius:20px;width:min(430px,100%);padding:34px;box-shadow:0 20px 60px #132a3f18}.login-card .button{justify-content:center;width:100%;margin-top:18px}@media (max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{gap:16px;padding:18px;position:relative}.sidebar nav{grid-template-columns:repeat(3,1fr)}.tenant-card{margin:0}.grid.metrics,.state-grid{grid-template-columns:repeat(2,1fr)}main{padding:24px 18px}.login{grid-template-columns:1fr}.login-art{min-height:38vh;padding:40px 24px}}@media (max-width:600px){.topbar{align-items:flex-start}.user-chip{display:none}.sidebar nav{grid-template-columns:1fr 1fr}.grid.metrics,.grid.two,.state-grid,.form-grid{grid-template-columns:1fr}.patient-header{flex-wrap:wrap;align-items:flex-start}.patient-header>.dq{margin-left:0}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
