:root{
  --ink:#15323a;
  --slate:#385e72;
  --slate-dark:#294c5e;
  --slate-deep:#244553;
  --slate-pale:#e7f0f3;
  --ivory:#eef8f7;
  --paper:#fbfefd;
  --coral:#f2a9ad;
  --coral-pale:#f8d9dc;
  --sage:#8bd2c8;
  --sage-pale:#d4f1ed;
  --amber:#ebc592;
  --amber-pale:#f7e5c8;
  --lime:#cceba2;
  --lilac:#b6c3f1;
  --pink:#dfa5dd;
  --line:#dbe9e9;
  --muted:#74888b;
  --shadow:0 14px 42px rgba(56,94,114,.08);
  --radius:26px;
  --serif:'Manrope',sans-serif;
  --sans:'Manrope',sans-serif;
}

html{background:#e8eeee}body{background:#e8eeee;font-family:var(--sans);color:var(--ink);padding:18px}.app-shell{min-height:calc(100vh - 36px);grid-template-columns:262px 1fr;background:var(--ivory);border-radius:34px;overflow:hidden;box-shadow:0 26px 80px rgba(35,67,75,.1)}
.sidebar{position:fixed;left:18px;top:18px;bottom:18px;width:262px;padding:30px 20px 20px;background:#f8fcfb;color:var(--ink);box-shadow:none;border-right:1px solid rgba(56,94,114,.07);border-radius:34px 0 0 34px}
.brand{padding:0 9px 30px;gap:11px;color:var(--slate)}.official-mark{display:block;width:38px;height:38px;flex:0 0 auto}.brand-mark{display:none}.brand strong{font:800 27px/24px 'Fraunces',serif;letter-spacing:-.02em}.brand small{font:7px/1 var(--mono);letter-spacing:1.25px;color:#5c7078;opacity:1}
.portal-switcher{order:3;margin-top:auto;margin-bottom:14px;border:1px solid var(--line);background:#eef7f6;color:var(--ink);box-shadow:none}.portal-icon{background:var(--slate);color:#fff}.portal-switcher small{opacity:.55}.menu-search{height:46px;margin:0 4px 26px;background:#fff;border-color:var(--line);color:var(--ink)}.menu-search input{color:var(--ink)}.menu-search input::placeholder{color:#9aabac}.menu-search svg{opacity:.6}
.nav-section{margin-bottom:22px}.nav-section-label{padding-left:13px;color:#789094;font-size:8px;letter-spacing:1.6px}.nav-item{height:46px;color:#49636a;border-radius:24px;padding:0 13px;margin:2px 0}.nav-item:hover{background:#eaf5f3;color:var(--ink)}.nav-item.active{background:var(--slate-deep);color:#fff;box-shadow:0 10px 25px rgba(36,69,83,.18)}.nav-item.active svg{color:#fff}.nav-item svg{background:#e9f3f2;border-radius:50%;padding:7px;width:32px;height:32px;stroke:var(--slate)}.nav-item.active svg{background:rgba(255,255,255,.1);stroke:white}.nav-item span{font-size:13px}.nav-item em{background:#fff;color:var(--slate)}.sidebar-foot{display:none}
.main{grid-column:2;background:linear-gradient(145deg,#eff9f8,#e8f8f8 65%,#eff8f6)}.topbar{height:86px;padding:0 32px;background:rgba(239,249,248,.92);border:0;backdrop-filter:blur(20px)}.breadcrumb{display:none}.global-search{width:min(480px,46vw);height:48px;border:1px solid #d4e6e5;background:rgba(255,255,255,.65);border-radius:25px;display:flex;align-items:center;gap:11px;padding:0 17px}.global-search svg{width:18px;height:18px;fill:none;stroke:#72898c;stroke-width:2}.global-search input{flex:1;border:0;outline:0;background:transparent;color:var(--ink);font-size:12px}.global-search span{font:9px var(--mono);color:#90a1a3;border:1px solid var(--line);border-radius:6px;padding:3px 5px}.top-actions{margin-left:auto}.icon-btn,.help-button{border-color:#d7e6e5;background:rgba(255,255,255,.7);border-radius:20px}.help-button{border-radius:22px}.profile-button>span{background:var(--slate)}
.page-root{padding:24px 32px 34px;min-height:calc(100vh - 86px)}.page-heading{margin-bottom:24px;align-items:center}.eyebrow{color:#668187;font-size:8px;letter-spacing:1.4px}.page-heading h1{font:700 34px/1.12 var(--sans);letter-spacing:-.04em}.page-heading h1 em{font-style:normal;color:var(--slate);font-weight:700}.page-heading p{font-size:12px}.btn{border-radius:22px;height:44px;padding:0 17px}.btn.primary{background:var(--slate-deep);box-shadow:0 8px 20px rgba(36,69,83,.15)}.btn.secondary,.btn.ghost{background:rgba(255,255,255,.75);border-color:#d7e6e5}
.metric-grid{gap:14px}.metric-card{border:0;border-radius:25px;min-height:154px;padding:21px;box-shadow:none;background:var(--lime)}.metric-card:nth-child(2){background:var(--sage)}.metric-card:nth-child(3){background:var(--coral)}.metric-card:nth-child(4){background:var(--lilac)}.metric-card:after{display:none}.metric-label{color:rgba(21,50,58,.68);font-size:11px}.metric-icon{background:rgba(255,255,255,.3);border-radius:50%}.metric-icon svg{stroke:var(--ink)}.metric-value{font:700 32px/1 var(--sans);letter-spacing:-.04em;margin-top:25px}.metric-change{font-family:var(--sans);font-size:10px;color:#264d48}.metric-change.warn{color:#633f48}
.dashboard-grid{gap:14px}.panel,.table-card,.report-card{border:1px solid rgba(56,94,114,.06);background:rgba(255,255,255,.73);border-radius:28px;box-shadow:none}.panel{padding:24px}.panel-head h2{font:700 20px var(--sans);letter-spacing:-.035em}.panel-head p{font-size:10px}.period-select{background:rgba(255,255,255,.7);border-color:var(--line);border-radius:18px}.chart-grid{background:repeating-linear-gradient(to bottom,transparent 0,transparent 42px,rgba(56,94,114,.09) 43px)}.bar{background:#d7e7e6;border-radius:18px 18px 5px 5px;overflow:hidden}.bar:after{background:var(--sage);border-radius:18px 18px 5px 5px}.bar-wrap:nth-child(2) .bar:after{background:var(--pink)}.bar-wrap:nth-child(3) .bar:after{background:var(--lime)}.bar-wrap:nth-child(4) .bar:after{background:var(--coral)}.bar-wrap:nth-child(5) .bar:after{background:var(--amber)}.bar-wrap:nth-child(6) .bar:after{background:var(--lilac)}.bar-wrap small{font-family:var(--sans)}.activity-dot,.avatar{background:#e7f3f2;color:var(--slate)}.activity strong{font-size:10px}
.table-card{overflow:hidden}.table-toolbar{padding:17px 19px;border-color:rgba(56,94,114,.08)}.tab{border:0;background:#eaf4f3;border-radius:18px;color:#648084;padding:9px 13px}.tab.active{background:var(--slate-deep);color:#fff}.search-box{border-color:var(--line);background:rgba(255,255,255,.75);border-radius:19px}.filter-btn{border-color:var(--line);background:rgba(255,255,255,.75);border-radius:50%}thead th{background:rgba(231,242,241,.62);color:#70888b;border-color:rgba(56,94,114,.07)}tbody td{border-color:rgba(56,94,114,.07)}tbody tr:hover{background:#f4fbfa}.record-link{color:var(--slate)}.row-btn{border:0;background:#e9f4f2;border-radius:15px}.table-footer{border-color:rgba(56,94,114,.07)}.pagination button{border:0;background:#e9f4f2;border-radius:50%}.pagination button.active{background:var(--slate)}
.status{font-family:var(--sans);font-size:8px}.status.in-progress,.status.active,.status.paid,.status.rx-filled{color:#32756b;background:#d8f2ed}.status.action-needed,.status.overdue,.status.inactive{color:#9c515b;background:#f8dfe1}.status.draft,.status.invited,.status.pending{color:#8a652d;background:#f7e7c8}.status.delivered,.status.rx-shipped,.status.available{color:#385e72;background:#dfedf2}
.report-grid{gap:14px}.report-card h3{font:700 18px var(--sans);letter-spacing:-.03em}.report-card .metric-value{font-size:30px}.donut{background:conic-gradient(var(--slate) 0 44%,var(--coral) 44% 67%,var(--sage) 67% 88%,var(--lime) 88%)}.donut:after{font:700 18px/1.2 var(--sans)}.spark i{background:var(--sage-pale)}.spark i:nth-child(3n){background:var(--coral)}
.modal{border-radius:28px}.modal-head h2,.drawer-head h2,.detail-section h3{font-family:var(--sans);font-weight:700;letter-spacing:-.035em}.modal-head h2{font-size:26px}.field input,.field select,.field textarea{border-color:var(--line);border-radius:15px}.modal-actions{border-color:var(--line)}.detail-drawer{background:#f9fdfc}.drawer-head{background:var(--slate-deep)}.drawer-head .btn.primary{background:var(--coral);color:var(--ink)}

@media(max-width:800px){body{padding:0}.app-shell{min-height:100vh;border-radius:0}.sidebar{inset:0 auto 0 0;border-radius:0}.global-search{width:52px;overflow:hidden;padding:0 16px}.global-search input,.global-search span{display:none}.topbar{padding:0 16px}.page-root{padding:20px 15px}.page-heading h1{font-size:30px}}