.layout{min-height:100vh;display:flex}.sidebar{background-color:var(--color-surface);border-right:1px solid var(--color-border);z-index:10;flex-direction:column;gap:8px;width:220px;padding:24px 12px;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-logo{align-items:center;gap:10px;margin-bottom:16px;padding:8px 12px;display:flex}.sidebar-logo-icon{font-size:24px}.sidebar-logo-text{color:var(--color-text);font-size:18px;font-weight:700}.sidebar-nav{flex-direction:column;gap:4px;display:flex}.sidebar-item{color:var(--color-text-secondary);border-radius:10px;align-items:center;gap:12px;padding:10px 12px;font-size:14px;text-decoration:none;transition:background .15s;display:flex}.sidebar-item:hover{background-color:var(--color-surface-secondary)}.sidebar-item.active{background-color:var(--color-primary-light);color:var(--color-primary);font-weight:600}.main-content{flex:1;width:100%;max-width:900px;margin-left:220px;padding:24px 32px 80px}.bottom-bar{background-color:var(--color-surface);border-top:1px solid var(--color-border);z-index:20;padding:6px 0 env(safe-area-inset-bottom,6px);display:none;position:fixed;bottom:0;left:0;right:0}.bottom-bar-item{color:var(--color-text-tertiary);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;padding:6px 0;font-size:10px;font-weight:400;text-decoration:none;display:flex}.bottom-bar-item.active{color:var(--color-primary);font-weight:600}@media (width<=768px){.sidebar{display:none}.main-content{margin-left:0;padding:16px 16px 80px}.bottom-bar{display:flex}}:root{--color-primary:#5b7553;--color-primary-light:#edf2eb;--color-bg:#f8f7f4;--color-surface:#fff;--color-surface-secondary:#f0efec;--color-text:#1c1c1e;--color-text-secondary:#6b6b6f;--color-text-tertiary:#a0a0a5;--color-border:#e2e1de;--color-error:#c4453e;--color-success:#5b7553;--color-warning:#d4943a;--color-protein:#e07a5f;--color-carbs:#81b29a;--color-fat:#f2cc8f;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}button{cursor:pointer;font-family:inherit;font-size:inherit;color:inherit;background:0 0;border:none}input,textarea{font-family:inherit;font-size:inherit;outline:none}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}