:root{color:#17201b;background:#f4f6f2;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(180deg,#f4f6f2f0,#f4f6f2fa),repeating-linear-gradient(90deg,rgba(38,85,65,.06) 0 1px,transparent 1px 72px)}button,input{font:inherit}button{cursor:pointer}.app-shell{width:min(100%,520px);min-height:100vh;margin:0 auto;padding:18px 14px 28px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.eyebrow{margin:0 0 4px;color:#587064;font-size:12px;font-weight:700;text-transform:uppercase}h1,h2,p{margin:0}h1{font-size:28px;line-height:1.08;font-weight:800}h2{font-size:15px;line-height:1.25}.tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:14px;padding:4px;border:1px solid #d6dfd8;border-radius:8px;background:#e7ece6}.tabs button{min-height:38px;border:0;border-radius:6px;color:#45564d;background:transparent;font-weight:700}.tabs button.active{color:#102018;background:#fff;box-shadow:0 1px 2px #14281e14}.section-stack{display:grid;gap:10px}.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.metric,.panel{border:1px solid #dbe3dd;border-radius:8px;background:#ffffffe6;box-shadow:0 6px 18px #1c2a220f}.metric{display:grid;gap:4px;padding:12px}.metric span,.panel-heading span,.quiet-row span{color:#66766e;font-size:12px;font-weight:700}.metric strong{font-size:24px;line-height:1}.panel{padding:14px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.body-copy{color:#52645b;font-size:14px;line-height:1.45}.progress-track,.bar-track{overflow:hidden;height:8px;border-radius:999px;background:#dce5df}.progress-track{margin-bottom:12px}.progress-track div,.bar-track div{height:100%;border-radius:inherit;background:#2d7a59}.action-list{display:grid;gap:6px;margin:0;padding:0;list-style:none}.action-list li{padding:8px 10px;border-radius:6px;background:#edf3ee;color:#24362d;font-size:14px}.bar-list{display:grid;gap:10px}.bar-row{display:grid;grid-template-columns:minmax(96px,1fr) 1.4fr 24px;align-items:center;gap:8px;color:#24362d;font-size:13px}.quiet-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.quiet-row label{display:grid;gap:6px}.quiet-row input{width:100%;min-height:38px;border:1px solid #d3ddd6;border-radius:6px;padding:0 10px;background:#f9fbf8;color:#26362e}.settings-panel{display:grid;gap:4px;padding:8px}.toggle-row{display:flex;align-items:center;justify-content:space-between;min-height:46px;width:100%;border:0;border-radius:6px;padding:0 8px;background:transparent;color:#1d2d25;font-weight:700}.toggle-row:active{background:#eef4ef}.switch{position:relative;width:42px;height:24px;border-radius:999px;background:#cfd9d2}.switch span{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:999px;background:#fff;transition:transform .16s ease}.switch.on{background:#2d7a59}.switch.on span{transform:translate(18px)}.status-dot{width:12px;height:12px;flex:0 0 auto;border-radius:999px;background:#9aa8a0;box-shadow:0 0 0 5px #9aa8a02e}.status-dot.active{background:#2d7a59;box-shadow:0 0 0 5px #2d7a592e}.error-text{margin:0 0 12px;color:#9a3412;font-size:13px;line-height:1.4}.skeleton{height:86px;border-radius:8px;background:linear-gradient(90deg,#e5ebe6,#f7faf7,#e5ebe6);background-size:220% 100%;animation:shimmer 1.5s infinite}.skeleton.short{height:48px}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}