@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#111;background:#fafafa;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body,h1,h2,h3,p{margin:0}.app-shell{display:flex;min-height:100vh}.sidebar{width:220px;background:#fff;border-right:1px solid #eaeaea;padding:24px 0;display:flex;flex-direction:column;gap:4px;position:fixed;top:0;left:0;bottom:0;z-index:20}.sidebar-brand{padding:0 20px 20px;border-bottom:1px solid #eaeaea;margin-bottom:8px}.sidebar-brand h1{font-size:15px;font-weight:600;letter-spacing:-.3px;color:#111}.sidebar-brand p{font-size:12px;color:#888;margin-top:2px}.sidebar-nav{display:flex;flex-direction:column;gap:2px;padding:0 8px}.nav-button{display:flex;align-items:center;gap:8px;width:100%;border:none;background:transparent;color:#666;border-radius:6px;padding:8px 12px;cursor:pointer;font-size:13px;font-weight:500;text-align:left;transition:background .15s,color .15s}.nav-button:hover{background:#f5f5f5;color:#111}.nav-button.active{background:#f5f5f5;color:#111;font-weight:600}.nav-icon{width:16px;text-align:center;font-size:14px;opacity:.7}.main-area{flex:1;margin-left:220px;min-width:0}.top-header{position:sticky;top:0;z-index:10;background:#fafafacc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid #eaeaea;padding:16px 32px;display:flex;align-items:center;justify-content:space-between}.top-header h2{font-size:15px;font-weight:600;letter-spacing:-.2px;color:#111}.status-badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#666;background:#fff;border:1px solid #eaeaea;border-radius:20px;padding:4px 10px}.status-dot{width:6px;height:6px;border-radius:50%;background:#50e3c2}.page-content{padding:24px 32px 48px;max-width:1100px}.card{background:#fff;border:1px solid #eaeaea;border-radius:8px;padding:20px;box-shadow:0 1px 2px #1018280a}.kpi-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.kpi-card{background:#fff;border:1px solid #eaeaea;border-radius:8px;padding:16px 18px;box-shadow:0 1px 2px #1018280a}.kpi-label{font-size:12px;color:#888;font-weight:500;text-transform:uppercase;letter-spacing:.4px;margin-bottom:6px}.kpi-value{font-size:24px;font-weight:700;letter-spacing:-.5px;color:#111}.kpi-sub{font-size:12px;color:#888;margin-top:4px}.kpi-good{color:#0f766e}.kpi-bad{color:#dc2626}.dashboard-grid{display:grid;gap:16px}.chart-card{display:grid;gap:12px}.chart-card h2{font-size:14px;font-weight:600;color:#111}.chart-wrap{width:100%;height:260px}.meal-history h2{font-size:14px;font-weight:600;color:#111;margin-bottom:4px}.meal-history ul{list-style:none;padding:0;margin:0}.meal-item{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #f0f0f0}.meal-item:last-child{border-bottom:none}.meal-item strong{font-size:13px;font-weight:500;color:#111}.meal-macros{text-align:right;display:flex;flex-direction:column;gap:2px;font-size:12px;color:#666;white-space:nowrap}.meal-macros span:first-child{font-weight:600;color:#111}form.card,.card label{display:grid;gap:8px}form.card h2{font-size:15px;font-weight:600;color:#111;margin-bottom:4px}.row{display:grid;gap:10px}.two-col{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.four-col{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}input,select,textarea,button{font:inherit}input,select,textarea{width:100%;border:1px solid #ddd;border-radius:6px;padding:8px 10px;background:#fff;font-size:13px;color:#111;transition:border-color .15s}input:focus,select:focus,textarea:focus{outline:none;border-color:#111;box-shadow:0 0 0 1px #111}label{font-size:13px;font-weight:500;color:#444}button{width:fit-content;border:1px solid #111;background:#111;color:#fff;border-radius:6px;padding:8px 16px;cursor:pointer;font-size:13px;font-weight:500;transition:background .15s}button:hover{background:#333}button:disabled{opacity:.5;cursor:not-allowed}.subtle{color:#888;font-size:13px}.ok{color:#0070f3}.warn{color:#e00}.error{color:#e00;background:#fff0f0;border:1px solid #ffcece;border-radius:6px;padding:8px 10px;font-size:13px}.global-error{margin:0 32px}.mobile-toggle{display:none;border:none;background:transparent;color:#111;font-size:20px;padding:4px;cursor:pointer;width:auto}.sidebar-overlay{display:none}@media(max-width:768px){.sidebar{transform:translate(-100%);transition:transform .2s ease;width:260px}.sidebar.open{transform:translate(0)}.sidebar-overlay{display:none;position:fixed;inset:0;background:#0000004d;z-index:15}.sidebar-overlay.open{display:block}.main-area{margin-left:0}.top-header{padding:14px 16px}.page-content{padding:16px}.mobile-toggle{display:block}.kpi-row{grid-template-columns:repeat(2,1fr)}.meal-item{flex-direction:column;align-items:flex-start}.meal-macros{text-align:left;flex-direction:row;gap:8px}}