:root { --ls-green:#087f65;--ls-deep:#103f38;--ls-mint:#edf8f2;--ls-ink:#193c35;--ls-muted:#748b82;--ls-line:#e1ebe5;--ls-bg:#f4f7f3; }
.fi-body { background:var(--ls-bg)!important; }
.fi-sidebar { background:#fff;border-right:1px solid var(--ls-line); }
.fi-topbar { box-shadow:none!important;border-bottom:1px solid var(--ls-line); }
.fi-logo { color:var(--ls-deep)!important;font-weight:800!important;letter-spacing:-.8px;font-size:1.25rem!important; }
.fi-sidebar-item-active .fi-sidebar-item-btn { background:#e4f3e9!important;border-radius:12px; }
.fi-sidebar-item-active .fi-sidebar-item-label,.fi-sidebar-item-active .fi-sidebar-item-icon { color:#087f65!important; }
.fi-main { padding-top:1.5rem!important; }
.fi-header-heading { letter-spacing:-1px;color:var(--ls-deep); }
.fi-ta-ctn,.fi-section,.fi-wi-stats-overview-stat { border-radius:18px!important;box-shadow:0 3px 18px #173e2d04!important;border-color:var(--ls-line)!important; }
.fi-ta-header-cell { background:#087f65!important;color:white!important;border-color:#087f65!important; }
.fi-ta-header-cell-label,.fi-ta-header-cell button,.fi-ta-header-cell svg { color:#fff!important; }
.fi-ta-row:hover { background:#f3faf5!important; }
.fi-btn { border-radius:10px!important; }
.ls-demo-pill { display:flex;align-items:center;gap:7px;font-size:11px;font-weight:650;color:#60786b;background:#f1f6ef;border:1px solid #dbe9d7;border-radius:20px;padding:6px 12px;margin-right:14px;white-space:nowrap; }
.ls-demo-pill:before { content:'';width:6px;height:6px;border-radius:50%;background:#61a66c; }
.ls-workspace { color:var(--ls-ink);font-size:14px;line-height:1.55; }
.ls-workspace * { box-sizing:border-box; }
.ls-workspace h2,.ls-workspace h3,.ls-workspace h4,.ls-workspace p { margin:0; }
.ls-workspace h2 { font-size:23px;letter-spacing:-.7px;font-weight:750; }
.ls-workspace h3 { font-size:16px;font-weight:750;letter-spacing:-.25px; }
.ls-subtle { color:var(--ls-muted);font-size:12px; }
.ls-hero { padding:30px 34px;background:linear-gradient(110deg,#0c6754,#174f44);border-radius:22px;display:flex;align-items:center;justify-content:space-between;gap:22px;color:white;position:relative;overflow:hidden;margin-bottom:24px; }
.ls-hero:after { content:'';position:absolute;width:290px;height:290px;border:45px solid #ffffff08;border-radius:50%;right:-90px;top:-95px;pointer-events:none; }
.ls-hero h2 { font-size:30px;line-height:1.2;color:white; }
.ls-hero .ls-subtle { color:#b9dbce; }
.ls-hero .ls-eyebrow { color:#add7c5; }
.ls-eyebrow { text-transform:uppercase;letter-spacing:1.6px;font-size:10px;font-weight:750;color:#668a79;margin-bottom:9px; }
.ls-hero-person { display:flex;gap:22px;align-items:center;z-index:1; }
.ls-avatar { display:inline-block;width:46px;height:46px;min-width:46px;border-radius:14px;background-color:#dce9db;background-image:url('/images/patient-portraits.png');background-size:400% 200%;background-repeat:no-repeat;vertical-align:middle; }
.ls-avatar-lg { width:94px;height:94px;min-width:94px;border-radius:24px;border:4px solid #ffffff35;box-shadow:0 4px 18px #002a1f30; }
.ls-avatar-placeholder { background-image:url('/images/avatar.svg')!important;background-size:cover!important;background-position:center!important; }
.ls-badges { display:flex;flex-wrap:wrap;gap:7px;margin-top:12px; }
.ls-badge { display:inline-flex;align-items:center;gap:5px;border-radius:7px;background:#e8f4eb;color:#277351;font-size:10px;font-weight:700;padding:4px 8px;white-space:nowrap; }
.ls-hero .ls-badge { background:#ffffff16;color:#e5f7ed;border:1px solid #ffffff20; }
.ls-badge.amber { background:#fff3dc;color:#a16b15; }
.ls-badge.red { background:#ffeded;color:#b94c4c; }
.ls-badge.blue { background:#eaf2ff;color:#537eb3; }
.ls-badge.gray { background:#f0f3f1;color:#708479; }
.ls-hero-meta { position:relative;z-index:1;text-align:right;font-size:12px;color:#c6dfd4; }
.ls-hero-meta strong { color:white;font-size:15px;display:block; }
.ls-tabs { display:flex;gap:8px;flex-wrap:wrap;margin:0 0 22px;padding:5px;background:#e9efea;border:1px solid #e0e9e1;border-radius:13px;width:fit-content; }
.ls-tabs button { cursor:pointer;font-size:12px;font-weight:650;color:#74867b;padding:9px 17px;border-radius:9px;transition:.15s; }
.ls-tabs button.active { background:white;color:#087f65;box-shadow:0 2px 5px #1d3b2610; }
.ls-grid { display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px;align-items:start; }
.ls-grid-equal { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px; }
.ls-stack { display:flex;flex-direction:column;gap:22px; }
.ls-card { background:white;border:1px solid var(--ls-line);border-radius:18px;overflow:hidden;box-shadow:0 4px 20px #26422a03; }
.ls-card-head { padding:20px 23px;display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid #edf1eb; }
.ls-card-body { padding:23px; }
.ls-card-head .ls-subtle { margin-top:3px; }
.ls-metrics { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:22px; }
.ls-metric { background:white;border:1px solid var(--ls-line);border-radius:16px;padding:21px 20px;position:relative; }
.ls-metric .ls-label { font-size:11px;font-weight:650;color:#799080; }
.ls-metric .ls-value { font-size:32px;font-weight:750;letter-spacing:-1.5px;line-height:1.25;margin:8px 0 7px; }
.ls-metric .ls-value small { font-size:11px;font-weight:500;letter-spacing:0;color:#8aa093;margin-left:3px; }
.ls-metric .ls-foot { font-size:10px;color:#8a9c8e; }
.ls-metric.primary { background:#edf6ee;border-color:#d8e9d8; }
.ls-metric.primary .ls-value { color:#088268; }
.ls-metric.warning .ls-value { color:#b98226; }
.ls-detail { display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:11px 0;border-bottom:1px solid #edf1eb;font-size:12px; }
.ls-detail:last-child { border:0; }
.ls-detail span:first-child { color:#809286; }
.ls-detail strong { text-align:right;font-weight:650;max-width:70%;overflow-wrap:anywhere; }
.ls-table-wrap { overflow:auto; }
.ls-table { width:100%;border-collapse:collapse;font-size:12px; }
.ls-table th { text-align:left;font-weight:650;font-size:10px;letter-spacing:.4px;background:#087f65;color:white;padding:13px 20px;white-space:nowrap; }
.ls-table td { padding:15px 20px;border-bottom:1px solid #edf1eb;vertical-align:middle; }
.ls-table tr:last-child td { border-bottom:0; }
.ls-table tbody tr:hover { background:#f7fbf7; }
.ls-table .ls-group td { background:#edf5ed;font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#61826c;font-weight:750;padding:9px 20px; }
.ls-patient-cell { display:flex;align-items:center;gap:12px; }
.ls-patient-cell strong { display:block;font-weight:650; }
.ls-link { color:#087f65;font-weight:700;font-size:12px;text-decoration:none; }
.ls-link:hover { text-decoration:underline; }
.ls-empty { padding:30px;text-align:center;color:#8ca092;font-size:13px; }
.ls-notice { padding:14px 18px;background:#fdf5e9;color:#9a752e;border:1px solid #f1e5ce;border-radius:12px;font-size:11px;margin-bottom:18px; }
.ls-alert { padding:16px;border:1px solid #f0e4c7;border-radius:12px;background:#fffbf1;display:flex;gap:12px;align-items:flex-start; }
.ls-alert + .ls-alert { margin-top:10px; }
.ls-alert strong { font-size:12px;display:block; }
.ls-icon { width:32px;height:32px;min-width:32px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#e9f4ec;color:#16836a;font-size:15px;font-weight:700; }
.ls-icon.amber { background:#fbefdb;color:#c69735; }
.ls-row { display:flex;gap:13px;padding:16px 0;align-items:flex-start;border-bottom:1px solid #edf1eb; }
.ls-row:first-child { padding-top:0; }.ls-row:last-child { padding-bottom:0;border:0; }
.ls-row strong { font-size:12px;display:block; }.ls-row p { color:#7c9083;font-size:11px;margin-top:4px; }
.ls-row .ls-grow { flex:1; }
.ls-actions { display:flex;gap:9px;flex-wrap:wrap;align-items:center; }
.ls-actions .fi-btn { font-size:11px; }
.ls-chart-legend { display:flex;gap:6px; }
.ls-chart-legend button { padding:5px 10px;border-radius:7px;border:1px solid #e2ece5;font-size:10px;font-weight:650;color:#809185;cursor:pointer; }
.ls-chart-legend button.active { color:#087f65;background:#edf7ef;border-color:#c9e3d3; }
.ls-chart { width:100%;display:block;height:auto;min-height:160px; }
.ls-chart text { font-family:inherit;fill:#90a297;font-size:10px; }
.ls-chart-summary { display:flex;justify-content:space-around;border-top:1px solid #edf1eb;padding:16px 0 0;margin-top:8px; }
.ls-chart-summary strong { display:block;font-size:17px;font-weight:700; }.ls-chart-summary span { font-size:10px;color:#8b9d90; }
.ls-timeline { border-left:2px solid #e2ece2;margin-left:8px;padding-left:22px; }
.ls-timeline-item { position:relative;padding-bottom:23px;font-size:12px; }.ls-timeline-item:before { content:'';position:absolute;width:10px;height:10px;border:2px solid white;background:#4fa282;border-radius:50%;left:-28px;top:3px; }.ls-timeline-item p { color:#7e9386;margin-top:5px;white-space:pre-line; }
.ls-progress { height:6px;background:#e6eee3;border-radius:10px;overflow:hidden;margin-top:10px; }.ls-progress span { display:block;height:100%;background:#43a982;border-radius:10px; }
.ls-hospital { padding:26px; }.ls-hospital h3 { font-size:18px;margin:15px 0 5px; }.ls-hospital .ls-icon { width:45px;height:45px;font-size:22px; }.ls-hospital-foot { display:flex;justify-content:space-between;border-top:1px solid #eaf0e7;margin-top:20px;padding-top:16px;font-size:12px;color:#7c9181; }
.ls-integration { display:flex;align-items:center;justify-content:space-between;padding:18px 0;border-bottom:1px solid #edf1eb;gap:16px; }.ls-integration:last-child { border:0; }
[x-cloak] { display:none!important; }
@media(min-width:1450px){.ls-grid { grid-template-columns:minmax(0,1fr) 340px; }}
@media(max-width:1100px){.ls-grid { grid-template-columns:minmax(0,1fr); }.ls-grid>.ls-stack:last-child { display:grid;grid-template-columns:repeat(2,minmax(0,1fr)); }.ls-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }}
@media(max-width:650px){.ls-hero { padding:23px;flex-direction:column;align-items:flex-start; }.ls-hero h2 { font-size:23px; }.ls-hero-meta { text-align:left; }.ls-avatar-lg { width:70px;height:70px;min-width:70px;border-radius:18px; }.ls-hero-person { gap:15px; }.ls-grid-equal,.ls-grid>.ls-stack:last-child { grid-template-columns:minmax(0,1fr); }.ls-metric { padding:16px; }.ls-metric .ls-value { font-size:27px; }.ls-card-head,.ls-card-body { padding:18px; }.ls-tabs { width:100%;gap:3px; }.ls-tabs button { padding:8px 10px;font-size:11px; }.ls-demo-pill { display:none; }.ls-table th,.ls-table td { padding:12px; }.ls-card-head { flex-wrap:wrap; }}
