:root{--teal:#215f55;--dark:#174b44;--rose:#d69aaf;--ink:#263f39;--muted:#82928b;--line:#e7ece7;--surface:#f5f7f4}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;font-family:'Segoe UI',Arial,sans-serif;color:var(--ink);background:var(--surface);font-size:13px}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,select,input{ -webkit-tap-highlight-color:transparent}button,select{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #bb7d95;outline-offset:4px}input:focus,select:focus{outline:2px solid #6b9f8c;outline-offset:2px}[hidden]{display:none!important}.app-shell{display:flex;min-height:100svh}.sidebar{width:244px;flex-shrink:0;background:linear-gradient(160deg,#173e39,#19564b);color:#c4d7cd;padding:34px 22px;display:flex;flex-direction:column;position:sticky;top:0;height:100svh;overflow:auto}.brand{display:flex;align-items:center;gap:10px;color:#fff;font-size:10px;font-weight:700;letter-spacing:1px;line-height:1.7}.brand-icon{background:#ffffff0b;border:1px solid #ffffff20;border-radius:11px;padding:9px 11px;font-size:23px;color:#e9bac9}.brand small{display:block;font-size:8px;font-weight:400;letter-spacing:0;color:#aac8ba;white-space:nowrap}.nav-caption{font-size:9px;letter-spacing:1.7px;color:#86ab9a;margin:45px 12px 16px}.nav-link{display:flex;gap:13px;align-items:center;border-radius:8px;padding:14px 13px;font-size:12px;margin-bottom:7px;transition:background .2s,transform .2s}.nav-link i{width:16px;text-align:center;color:#92b5a6}.nav-link:hover{background:#ffffff0a;transform:translateX(2px)}.nav-link.active{background:#ffffff13;color:#fff;box-shadow:inset 3px 0 #e9b4c6}.nav-link.active i{color:#e9b4c6}.sidebar-message{margin:50px 9px 35px;padding:22px 16px;background:linear-gradient(140deg,#ffffff09,transparent);border:1px solid #ffffff13;border-radius:12px;position:relative;overflow:hidden}.mini-ribbon{color:#e8b7c8;font-size:24px}.sidebar-message h2{font:italic 23px/1.3 Georgia,serif;color:#e4eee7;margin:17px 0 12px}.sidebar-message p{font-size:10px;line-height:1.9;color:#a5c2b4}.care-line{display:block;margin-top:22px;width:32px;height:2px;background:#d39eb1}.back-link{font-size:11px;padding:14px 12px;margin-top:auto;display:flex;gap:10px}.sidebar-bottom{border-top:1px solid #ffffff16;margin-top:13px;padding-top:22px;font-size:9px;color:#9fbbad;display:flex;align-items:center;gap:7px}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#a9cbbb}.workspace{min-width:0;flex:1}.topbar{height:82px;background:#ffffff;border-bottom:1px solid var(--line);padding:0 38px;display:flex;align-items:center;justify-content:space-between;gap:15px}.breadcrumb{font-size:11px;color:#96a29a}.breadcrumb span{margin:0 15px;color:#c1cac3}.breadcrumb strong{font-weight:500;color:#556f61}.topbar-right{display:flex;align-items:center;gap:12px}.preview-badge{font-size:8px;letter-spacing:1px;color:#8b7960;padding:6px 9px;border:1px solid #ebe3d5;border-radius:5px;background:#fbf8f1;margin-right:13px}.profile-avatar{display:grid;place-items:center;background:#eaf0e8;color:#587463;border-radius:50%;width:35px;height:35px;font-size:11px;font-weight:600}.profile-name{font-size:11px}.profile-name small{display:block;color:#95a197;font-size:9px;margin-top:5px}.menu-toggle{display:none;border:0;background:#ecf2ec;color:var(--teal);padding:10px;border-radius:6px}.dashboard{padding:32px 38px;max-width:1600px;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:25px}.eyebrow{font-size:8px;letter-spacing:1.7px;font-weight:700;color:#8b9c90;margin:0 0 9px}h1{font-size:28px;font-weight:600;letter-spacing:-1px;margin:0 0 8px}.page-heading p:not(.eyebrow){font-size:12px;color:var(--muted);margin:0}.button{display:inline-flex;gap:10px;align-items:center;border-radius:7px;padding:11px 15px;font-size:11px;font-weight:600}.button-outline{background:#fff;border:1px solid #dce5dc;color:var(--teal)}.button:hover{background:#eaf2e9}.welcome-banner{position:relative;overflow:hidden;border-radius:13px;padding:28px 32px;background:linear-gradient(115deg,#204f46,#316d5c);color:#fff;display:flex;justify-content:space-between;min-height:221px}.banner-label{display:flex;gap:7px;align-items:center;font-size:8px;letter-spacing:1.5px;color:#b3cfbf}.welcome-banner h2{font-size:29px;line-height:1.25;font-weight:400;letter-spacing:-.5px;margin:17px 0 11px}.welcome-banner h2 em{font-family:Georgia,serif;color:#efc1d0}.welcome-banner p{color:#bfd3c7;font-size:11px;margin:0 0 18px}.banner-link{font-size:10px;display:inline-flex;gap:14px;align-items:center;color:#eef7f0}.banner-link:hover{text-decoration:underline}.banner-art{position:absolute;right:9%;top:18px;width:230px;height:200px;display:grid;place-items:center;background:radial-gradient(circle,#afd1b71c,transparent 69%)}.banner-art>i{font-size:139px;color:#edb7cb;filter:drop-shadow(12px 14px 10px #092d342a);transform:rotate(-17deg);animation:ribbon-float 8s ease-in-out infinite}.art-orbit{position:absolute;width:210px;height:150px;border:1px solid #c5e1ce30;border-radius:50%;transform:rotate(-28deg)}.orbit-small{width:170px;height:190px;transform:rotate(28deg)}.art-dot{position:absolute;width:5px;height:5px;background:#e7c2ce;border-radius:50%;top:50px;right:20px}.banner-corner{position:absolute;right:23px;bottom:17px;font-size:7px;letter-spacing:1.8px;color:#aac8b8}.demo-note{display:flex;align-items:center;gap:8px;color:#8f8979;font-size:10px;margin:16px 0 22px;line-height:1.6}.demo-note i{color:#b1a58c}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:24px}.stat-card{background:#fff;border:1px solid var(--line);border-radius:11px;padding:19px;position:relative;overflow:hidden;transition:transform .2s,box-shadow .2s}.stat-card:hover{transform:translateY(-3px);box-shadow:0 8px 25px #1b433909}.stat-top{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:10px;color:#6e8375}.stat-icon{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;font-size:14px}.teal{color:#387762;background:#eaf3ec}.rose{color:#bf7c98;background:#faf0f4}.amber{color:#b39457;background:#faf5e8}.stat-card>strong{display:block;font-size:30px;font-weight:600;letter-spacing:-1px;margin:10px 0 14px}.stat-card>strong small{font-size:11px;font-weight:400;letter-spacing:0;color:#90a095}.stat-bottom{display:flex;flex-wrap:wrap;gap:6px 12px;font-size:8px;color:#96a497;line-height:1.6}.trend{color:#4b8b6a}.rose-text{color:#bc829a}.amber-text{color:#b09357}.stat-bottom a{color:var(--teal)}.stat-decoration{position:absolute;bottom:0;left:19px;width:32px;height:2px}.teal-bar,.teal-bg{background:#4e8b75}.rose-bar,.rose-bg{background:#d69aaf}.amber-bar{background:#cbb177}.charts-grid{display:grid;grid-template-columns:1.65fr 1fr;gap:22px;margin-bottom:24px}.panel{background:#fff;border:1px solid var(--line);border-radius:11px;padding:23px;min-width:0;scroll-margin-top:25px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:14px}h2{font-size:16px;font-weight:600;letter-spacing:-.3px;margin:0}.panel-heading select,.table-controls select{border:1px solid #e2e9e1;border-radius:6px;padding:8px 10px;background:#fff;color:#6d8173;font-size:10px;max-width:100%}.chart-summary{display:flex;align-items:baseline;gap:9px;margin:22px 0 12px}.chart-summary strong{font-size:25px;font-weight:600;letter-spacing:-.6px}.chart-summary span{font-size:9px;color:var(--muted)}.legend{display:flex;gap:17px;font-size:9px;color:#7c9080}.legend>span{display:flex;gap:6px;align-items:center}.legend-dot{display:inline-block;width:7px;height:7px;border-radius:50%;flex-shrink:0}.bar-chart{height:175px;display:flex;justify-content:space-around;gap:12px;padding:0 10px;margin-top:15px;background:repeating-linear-gradient(to top,transparent 0,transparent 39px,#f0f3ee 39px,#f0f3ee 40px);border-bottom:1px solid #e7ece5}.bar-group{height:100%;flex:1;max-width:80px;display:flex;align-items:flex-end;justify-content:center;gap:5px;position:relative;padding-top:10px}.chart-bar{width:22px;max-width:40%;border-radius:4px 4px 0 0;transform-origin:bottom;animation:bar-grow .8s ease-out backwards;min-height:1px}.chart-bar:hover{filter:brightness(.9)}.bar-label{position:absolute;bottom:-22px;font-size:9px;color:#8a9a8d}.chart-details{margin-top:36px;font-size:10px;color:#738b79}.chart-details summary{cursor:pointer;width:fit-content}.chart-details table{margin-top:10px;width:100%;font-size:11px;border-collapse:collapse}.chart-details th,.chart-details td{padding:6px;border-bottom:1px solid var(--line);text-align:left}.chart-caption{font-size:9px;color:#98a397;margin:12px 0 0}.subtle-icon{font-size:16px;color:#a0b0a0}.donut{width:177px;height:177px;border-radius:50%;margin:25px auto;background:conic-gradient(#4e8b75 0% 58.333%,#d69aaf 58.333% 100%);padding:22px;transform:rotate(-90deg)}.donut>div{background:#fff;border-radius:50%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(90deg);box-shadow:0 0 0 5px #fff}.donut strong{font-size:27px;font-weight:600;letter-spacing:-1px}.donut span{font-size:9px;color:#8fa08f;margin-top:6px}.program-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #eff2ec;font-size:10px}.program-row>span{display:flex;align-items:center;gap:8px;color:#758877}.program-row strong{white-space:nowrap;font-size:11px;font-weight:600}.program-row small{margin-left:9px;color:#99a495;font-size:9px;font-weight:400}.distribution-note{font-size:9px;color:#98a491;display:flex;justify-content:center;gap:7px;margin:17px 0 0}.count-badge{display:inline-block;font-size:8px;font-weight:400;letter-spacing:0;padding:4px 7px;background:#f0f4ed;border-radius:4px;color:#879b82;vertical-align:middle;margin-left:7px}.table-controls{display:flex;gap:9px}.search-field{display:flex;align-items:center;gap:8px;border:1px solid #e2e9e1;border-radius:6px;padding:8px 10px;color:#9aad9a}.search-field input{border:0;outline:none;background:transparent;min-width:0;width:140px;font-size:10px;color:var(--ink)}.search-field:focus-within{outline:2px solid #6b9f8c;outline-offset:2px}.search-field input:focus{outline:none}.table-scroll{overflow-x:auto;margin:23px -23px 0}.case-table{width:100%;border-collapse:collapse;white-space:nowrap;text-align:left}.case-table th{background:#f8faf6;color:#8e9e87;font-size:8px;font-weight:600;letter-spacing:.8px;text-transform:uppercase;padding:13px 23px}.case-table td{padding:16px 23px;border-bottom:1px solid #eef2ea;font-size:10px;color:#7a8c73}.case-table td:first-child{color:#486543;font-weight:600}.case-table tbody tr:hover{background:#fcfdf9}.case-program{display:inline-flex;align-items:center;gap:7px}.badge{display:inline-flex;align-items:center;gap:6px;border-radius:20px;padding:5px 9px;font-size:8px}.badge::before{content:'';width:4px;height:4px;border-radius:50%;background:currentColor}.badge-pending{color:#a7894b;background:#fbf5e7}.badge-scheduled{color:#718ea3;background:#eef4f8}.badge-completed{color:#5f926a;background:#edf6ed}.table-footer{display:flex;justify-content:space-between;gap:10px;font-size:9px;color:#9aa58f;padding-top:17px}.empty-state{text-align:center;padding:25px;color:var(--muted)}.dashboard-footer{display:flex;justify-content:space-between;gap:10px;border-top:1px solid var(--line);margin:0 38px;padding:22px 0;font-size:9px;color:#98a58f}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.stat-card,.panel{animation:appear .5s ease-out backwards}.stat-card:nth-child(2){animation-delay:.06s}.stat-card:nth-child(3){animation-delay:.12s}.stat-card:nth-child(4){animation-delay:.18s}@keyframes appear{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes bar-grow{from{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes ribbon-float{0%,100%{transform:rotate(-17deg) translateY(0)}50%{transform:rotate(-12deg) translateY(-7px)}}
@media(min-width:1600px){.dashboard{padding-top:40px}.welcome-banner{min-height:245px}.bar-chart{height:195px}}
@media(max-width:1200px){.sidebar{width:216px;padding:28px 15px}.dashboard{padding:27px 25px}.topbar{padding:0 25px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.table-controls{flex-wrap:wrap;justify-content:flex-end}.panel-heading{align-items:flex-start}.charts-grid{grid-template-columns:1.3fr 1fr}.panel{padding:20px}.table-scroll{margin-left:-20px;margin-right:-20px}.banner-art{right:4%}.program-row{font-size:9px}.dashboard-footer{margin:0 25px}}
@media(max-width:950px){.charts-grid{grid-template-columns:1fr}.profile-name{display:none}.banner-art{opacity:.38;right:-20px}.welcome-banner>div:first-child{position:relative;z-index:1}.followup-panel .panel-heading{flex-direction:column}.table-controls{justify-content:flex-start;width:100%}.search-field{flex:1}.search-field input{width:100%}.page-heading{align-items:flex-start;flex-direction:column}.program-row{font-size:11px}.banner-corner{font-size:6px}}
@media(max-width:700px){.app-shell{display:block}.sidebar{display:none;width:100%;height:auto;position:static;padding:20px}.sidebar.is-open{display:flex}.sidebar-message,.sidebar-bottom{display:none}.nav-caption{margin:20px 12px 10px}.back-link{margin-top:10px}.menu-toggle{display:block}.topbar{height:65px;padding:0 18px}.breadcrumb{margin-right:auto;font-size:10px}.breadcrumb span{margin:0 7px}.preview-badge{margin:0;font-size:7px}.profile-avatar{display:none}.dashboard{padding:24px 18px}.welcome-banner{padding:25px;min-height:230px}.welcome-banner h2{font-size:27px}.banner-art{right:-65px;opacity:.25}.banner-corner{display:none}.stats-grid{gap:10px}.stat-card{padding:14px}.stat-top{font-size:9px}.stat-icon{width:27px;height:27px}.stat-card>strong{font-size:27px}.stat-card>strong small{font-size:9px}.stat-bottom{font-size:8px}.panel-heading{gap:9px}h2{font-size:15px}.panel-heading select{font-size:9px;padding:7px}.chart-summary span{font-size:8px}.count-badge{margin-left:0}.table-footer,.dashboard-footer{flex-wrap:wrap;line-height:1.8}.dashboard-footer{margin:0 18px}.bar-chart{gap:7px;padding:0 2px}.chart-bar{width:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}