:root{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;color:#21342b;background:#f6f8f5;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,system-ui,sans-serif;letter-spacing:-.035em}h1{font-size:clamp(1.55rem,3vw,2.2rem);margin-bottom:.35rem}h2{font-size:1.2rem;margin-bottom:1rem}h3{font-size:1rem;margin-bottom:.7rem}small,.muted{color:#6b7b71}.muted{font-size:.9rem;line-height:1.5}
.app-shell{min-height:100vh}.sidebar{background:#10271d;color:#e8f0e9;padding:1.1rem;position:fixed;inset:0 auto 0 0;width:242px;overflow:auto;z-index:20;display:flex;flex-direction:column}.brand{display:flex;gap:.72rem;align-items:center;padding:.5rem .45rem 1.25rem;border-bottom:1px solid #315044}.brand img{width:43px;height:43px}.brand strong{font:800 1.2rem Manrope,sans-serif;letter-spacing:-.05em;color:white;display:block}.brand small{display:block;color:#a9c0af;font-size:.67rem;text-transform:uppercase;letter-spacing:.16em}.nav-group{margin:1.25rem 0 .35rem .72rem;color:#8fae99;font-size:.67rem;font-weight:800;letter-spacing:.14em}.nav-link{width:100%;display:flex;align-items:center;gap:.8rem;border:0;border-radius:11px;background:transparent;color:#d5e3d8;padding:.72rem .75rem;text-align:left;font-weight:600;margin:.13rem 0}.nav-link span:first-child{font-size:1.15rem;width:1.4rem;text-align:center}.nav-link:hover,.nav-link.active{background:#284839;color:#fff}.sidebar-foot{margin-top:auto;padding:.8rem .35rem 0;border-top:1px solid #315044;font-size:.75rem;color:#a9c0af;line-height:1.5}.main{margin-left:242px;min-height:100vh}.topbar{height:74px;background:#fff;border-bottom:1px solid #e3eae3;display:flex;align-items:center;justify-content:space-between;padding:0 2rem;gap:1rem}.topbar-left{display:flex;align-items:center;gap:.8rem}.menu-toggle{display:none}.topbar-title{font-weight:800;font-family:Manrope,sans-serif}.topbar-badge{background:#eaf4e9;color:#236041;border-radius:99px;padding:.38rem .75rem;font-size:.78rem;font-weight:700}.content{max-width:1400px;padding:1.8rem 2rem 4rem;margin:auto}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.eyebrow{font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;font-weight:800;color:#588165;margin-bottom:.4rem}.head-actions{display:flex;gap:.55rem;flex-wrap:wrap}.button{border:0;background:#1d6440;color:#fff;border-radius:10px;padding:.7rem 1rem;font-weight:700;min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;text-decoration:none}.button:hover{background:#174e32}.button.secondary{background:#fff;color:#254e35;border:1px solid #d7e4d9}.button.secondary:hover{background:#f1f7f1}.button.ghost{background:transparent;color:#316145}.button.danger{background:#fff1ef;color:#a33d32;border:1px solid #f3d5d0}.button.small{min-height:32px;padding:.35rem .6rem;font-size:.78rem}.button:disabled{opacity:.5;cursor:not-allowed}.notice{border:1px solid #d9e6d6;background:#f0f7ed;border-radius:12px;padding:.82rem 1rem;color:#365e3f;font-size:.85rem;line-height:1.55;margin-bottom:1.25rem}.notice.warning{background:#fff8e9;border-color:#f4e3b9;color:#765a22}.notice strong{font-weight:800}.grid{display:grid;gap:1rem}.kpis{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:1rem}.kpi,.card{background:#fff;border:1px solid #e3ebe3;border-radius:15px;box-shadow:0 3px 16px rgba(22,61,39,.035)}.kpi{padding:1.15rem;min-height:126px}.kpi .icon{font-size:1.2rem;display:inline-flex;background:#eef6eb;width:34px;height:34px;border-radius:10px;align-items:center;justify-content:center;margin-bottom:.65rem}.kpi .label{font-size:.78rem;color:#607268;font-weight:700}.kpi strong{display:block;font:800 1.52rem Manrope,sans-serif;letter-spacing:-.05em;margin-top:.25rem}.kpi small{display:block;margin-top:.28rem;font-size:.72rem}.card{padding:1.3rem}.two-col{grid-template-columns:1.5fr 1fr}.three-col{grid-template-columns:repeat(3,minmax(0,1fr))}.section-header{display:flex;align-items:center;justify-content:space-between;gap:.8rem;margin-bottom:1rem}.section-header h2{margin:0}.quick-actions{display:flex;gap:.55rem;flex-wrap:wrap}.quick-actions .button{flex:1 1 150px}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;text-align:left;font-size:.86rem}.table th{color:#74847a;font-size:.71rem;text-transform:uppercase;letter-spacing:.07em;font-weight:800;padding:.7rem .7rem;border-bottom:1px solid #e3ebe3;white-space:nowrap}.table td{padding:.78rem .7rem;border-bottom:1px solid #edf1ed;vertical-align:middle}.table tr:last-child td{border-bottom:0}.table td strong{font-weight:800}.table .actions{white-space:nowrap}.table-empty{padding:2rem;text-align:center;color:#74847a}.chip{display:inline-flex;align-items:center;border-radius:99px;background:#ecf5ed;color:#336749;padding:.28rem .58rem;font-size:.74rem;font-weight:800;white-space:nowrap}.chip.amber{background:#fff3d9;color:#986317}.chip.red{background:#feebe8;color:#af493d}.chip.gray{background:#eef1ee;color:#637269}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.field{display:flex;flex-direction:column;gap:.35rem}.field.wide{grid-column:1/-1}.field label{font-size:.79rem;font-weight:800;color:#395244}.field input,.field select,.field textarea,.search{width:100%;border:1px solid #cedbd0;background:#fff;border-radius:9px;padding:.68rem .76rem;min-height:42px;color:#193427;outline:none}.field textarea{min-height:75px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus,.search:focus{border-color:#4d9566;box-shadow:0 0 0 3px #dff1e3}.form-actions{display:flex;gap:.6rem;margin-top:1rem;justify-content:flex-end}.form-actions .button{min-width:120px}.filters{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap;margin-bottom:1rem}.filters>*{max-width:250px}.form-card{margin-bottom:1rem}.empty{padding:2rem 1rem;text-align:center;color:#6d7c72}.empty .empty-icon{font-size:2rem;display:block;margin-bottom:.6rem}.empty strong{color:#31483a;display:block;margin-bottom:.3rem}.summary-row{display:flex;justify-content:space-between;gap:1rem;padding:.68rem 0;border-bottom:1px solid #ecf0ec;font-size:.88rem}.summary-row:last-child{border:0}.summary-row strong{white-space:nowrap}.bars{display:flex;align-items:end;gap:.8rem;height:190px;padding:1rem .2rem 0}.bar-col{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:.45rem;height:100%;min-width:28px}.bar{width:100%;max-width:42px;border-radius:7px 7px 0 0;background:#71a67a;min-height:4px}.bar.gold{background:#e9b64e}.bar-label{font-size:.64rem;color:#738278;white-space:nowrap}.legend{display:flex;gap:1rem;font-size:.75rem;color:#6d7b71}.dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#71a67a;margin-right:.3rem}.dot.gold{background:#e9b64e}.alert-list{display:grid;gap:.55rem}.alert-item{display:flex;gap:.7rem;align-items:flex-start;border-radius:10px;padding:.65rem;background:#f8faf7;font-size:.82rem}.alert-item span:first-child{font-size:1.05rem}.alert-item strong{display:block;margin-bottom:.2rem}.alert-item small{font-size:.74rem}.toast{position:fixed;right:20px;bottom:22px;z-index:100;background:#153f2a;color:white;padding:.85rem 1rem;border-radius:10px;box-shadow:0 8px 35px #10271d30;font-size:.88rem;max-width:min(360px,calc(100vw - 40px))}.toast.error{background:#8f3b32}.badge-number{background:#e9ae39;color:#13281e;border-radius:50%;min-width:20px;height:20px;font-size:.7rem;display:inline-flex;align-items:center;justify-content:center;margin-left:auto}.screen-overlay{display:none}.mobile-nav{display:none}.divider{height:1px;background:#e8eee7;margin:1rem 0}.help-card{background:#f3f8f1;padding:1rem;border-radius:11px;margin:.7rem 0}.help-card strong{display:block;margin-bottom:.25rem}.report-total{font-size:1.25rem;font-family:Manrope,sans-serif;font-weight:800}.list-plain{padding-left:1.2rem;margin-bottom:0;line-height:1.8;font-size:.88rem}.status-line{display:flex;gap:.5rem;align-items:center}.status-dot{width:8px;height:8px;border-radius:50%;background:#4d9b64}.status-dot.offline{background:#d7a340}
@media(max-width:1100px){.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.two-col{grid-template-columns:1fr}.three-col{grid-template-columns:repeat(2,minmax(0,1fr))}}
.main,.grid>*,.card{min-width:0}
.brand img{width:48px;height:48px;object-fit:contain}.brand{min-height:72px}.brand strong{font-size:1.14rem}
.phase-tabs{display:flex;gap:.45rem;overflow-x:auto;padding-bottom:.8rem;margin-bottom:.3rem}.chip-button{border:1px solid #d8e4d9;background:white;color:#315841;border-radius:99px;padding:.55rem .85rem;font-weight:700;white-space:nowrap}.chip-button.active{background:#1d6440;border-color:#1d6440;color:white}
.calendar-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.5rem;max-width:540px;margin-bottom:1rem}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.3rem;max-width:540px}.calendar-weekday{text-align:center;color:#607268;font-size:.78rem;font-weight:800;padding:.35rem 0}.calendar-blank{min-height:46px}.calendar-day{min-height:46px;border:1px solid #e0e9df;background:#fff;border-radius:9px;color:#2b4836;display:flex;align-items:center;justify-content:center;gap:.25rem;font-weight:700}.calendar-day i{font-style:normal;background:#e9b64e;color:#253c27;border-radius:99px;padding:.05rem .33rem;font-size:.72rem}.calendar-day.today{border-color:#7aaa83}.calendar-day.selected{background:#1d6440;color:#fff;border-color:#1d6440}.calendar-selection{margin:1.2rem 0 .2rem}.calendar-help{margin:1rem 0 0}
.formula-list,.mix-results,.timeline{display:grid;gap:.55rem}.formula-entry,.mix-result,.timeline-item{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 0;border-bottom:1px solid #e8eee7}.formula-entry:last-child,.mix-result:last-child,.timeline-item:last-child{border:0}.formula-entry small,.timeline-item small{display:block;margin-top:.2rem;color:#6b7b71}.ingredient-rows{display:grid;gap:.55rem;margin:1rem 0}.ingredient-row{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr) 34px;gap:.55rem;align-items:end;background:#f8faf8;border:1px solid #e5ece5;padding:.7rem;border-radius:10px}.ingredient-row .button{margin-bottom:.1rem}.mix-results{margin-top:1rem}.mix-result small{color:#6b7b71}.prep-step{display:flex;align-items:flex-start;gap:1rem;background:#f6faf4;border-radius:12px;padding:1rem}.prep-step h3{margin:.25rem 0}.prep-step p{margin:0;line-height:1.5}.prep-icon{font-size:2rem;min-width:48px;text-align:center}.step-controls{display:flex;justify-content:space-between;gap:.5rem;margin-top:1rem}.symptom-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem}.symptom-choice{border:1px solid #dfe9df;border-radius:12px;background:white;padding:.85rem .5rem;min-height:94px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.35rem;font-weight:700;font-size:.8rem;color:#314a38}.symptom-choice span{font-size:1.45rem}.symptom-choice.selected{border-color:#2d7a4b;background:#eaf6e9;box-shadow:0 0 0 2px #cde9d0}.health-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.health-card{border:1px solid #e3ebe3;border-radius:12px;padding:1rem;background:#fafcf9}.health-card h3{margin:.75rem 0}.health-card p{font-size:.85rem;line-height:1.55}.health-card a{font-size:.8rem;color:#256640}.note-content{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6}.timeline-item .chip{margin-left:auto}
@media(max-width:1100px){.symptom-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.health-grid{grid-template-columns:1fr}.ingredient-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 34px}.ingredient-row .field:first-child{grid-column:1/-1}.ingredient-row .button{grid-column:3;grid-row:2}.timeline-item{align-items:flex-start;flex-wrap:wrap}.symptom-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.sidebar{transform:translateX(-100%);transition:transform .2s}.sidebar.open{transform:none}.screen-overlay.open{display:block;position:fixed;inset:0;background:#12251c80;z-index:19}.main{margin:0}.topbar{height:62px;padding:0 1rem}.menu-toggle{display:inline-flex;background:transparent;border:0;font-size:1.3rem;color:#254632}.content{padding:1.25rem 1rem 6rem}.page-head{display:block}.head-actions{margin-top:1rem}.topbar-title{font-size:.9rem}.topbar-badge{font-size:.66rem}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:66px;background:#fff;border-top:1px solid #e2e9e1;z-index:18;justify-content:space-around;padding:.3rem .3rem max(.3rem,env(safe-area-inset-bottom))}.mobile-nav button{background:transparent;border:0;color:#667a6d;font-size:.66rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;min-width:55px}.mobile-nav button span{font-size:1.15rem}.mobile-nav button.active{color:#1e6741;font-weight:800}.form-grid{grid-template-columns:1fr}.three-col{grid-template-columns:1fr}.kpis{gap:.65rem}.kpi{padding:.9rem;min-height:115px}.kpi strong{font-size:1.25rem}.card{padding:1rem}}