*,:before,:after{box-sizing:border-box}:root{--color-base:#f8faf6;--color-surface:#fff;--color-elevated:#f0f5ee;--color-sunken:#e8efe4;--color-border:#d4ddd0;--color-border-subtle:#e5ebe2;--color-accent:#16a34a;--color-accent-light:#22c55e;--color-accent-dim:#15803d;--color-accent-bg:#16a34a14;--color-accent-border:#16a34a40;--text-primary:#1a2e1a;--text-secondary:#4b644b;--text-muted:#7a917a;--text-dim:#9aac9a;--text-on-accent:#fff;--color-danger:#dc2626;--color-danger-bg:#dc262614;--color-warning:#d97706;--color-warning-bg:#d9770614;--color-success:#16a34a;--color-info:#0284c7;--earth-soil:#8b7355;--earth-grass:#7cb342;--earth-stone:#9e9e9e;--shadow-xs:0 1px 2px #0000000a;--shadow-sm:0 2px 6px #0000000f;--shadow-md:0 4px 16px #00000014;--shadow-lg:0 12px 32px #0000001a;--shadow-xl:0 20px 50px #0000001f;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-pill:999px;--font-sans:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-display:"Outfit", var(--font-sans);--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--duration-fast:.15s;--duration-normal:.25s;--duration-slow:.4s;font-family:var(--font-sans);color:var(--text-primary);background:var(--color-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.5}body{margin:0}#root{flex-direction:column;min-height:100vh;display:flex}.app-content{flex-direction:column;flex:1;display:flex}.app-loading{min-height:100vh;color:var(--text-muted);justify-content:center;align-items:center;font-size:18px;display:flex}h1,h2,h3{font-family:var(--font-display);color:var(--text-primary);margin:0;font-weight:700;line-height:1.2}p{margin:0}a{color:var(--color-accent);text-decoration:none}a:hover{color:var(--color-accent-dim)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-pill)}.navbar{background:var(--color-surface);border-bottom:1px solid var(--color-border);z-index:100;height:56px;box-shadow:var(--shadow-xs);align-items:center;gap:24px;padding:0 24px;display:flex;position:sticky;top:0}.navbar-brand{font-family:var(--font-display);color:var(--color-accent-dim);align-items:center;gap:8px;margin-right:8px;font-size:18px;font-weight:700;text-decoration:none;display:flex}.navbar-logo{border-radius:4px;width:auto;height:28px}.navbar-links{flex:1;gap:4px;display:flex}.navbar-link{border-radius:var(--radius-sm);color:var(--text-secondary);transition:background var(--duration-fast), color var(--duration-fast);padding:6px 14px;font-size:14px;font-weight:500;text-decoration:none}.navbar-link:hover,.navbar-link.active{background:var(--color-accent-bg);color:var(--color-accent-dim)}.navbar-user{align-items:center;gap:10px;margin-left:auto;display:flex}.navbar-avatar{object-fit:cover;border:1.5px solid var(--color-border);border-radius:50%;width:28px;height:28px}.navbar-display-name{color:var(--text-secondary);font-size:14px;text-decoration:none}.navbar-display-name:hover{color:var(--color-accent-dim)}.navbar-logout{border-radius:var(--radius-sm);border:1px solid var(--color-border);color:var(--text-secondary);cursor:pointer;transition:background var(--duration-fast), color var(--duration-fast);background:0 0;padding:5px 12px;font-size:13px}.navbar-logout:hover{background:var(--color-sunken);color:var(--text-primary)}.navbar-hamburger{cursor:pointer;background:0 0;border:none;margin-left:auto;padding:8px;display:none}.hamburger-icon,.hamburger-icon:before,.hamburger-icon:after{background:var(--text-secondary);border-radius:2px;width:22px;height:2px;transition:transform .2s,opacity .2s;display:block;position:relative}.hamburger-icon:before,.hamburger-icon:after{content:"";position:absolute;left:0}.hamburger-icon:before{top:-7px}.hamburger-icon:after{top:7px}.hamburger-icon.open{background:0 0}.hamburger-icon.open:before{transform:rotate(45deg)translate(5px,5px)}.hamburger-icon.open:after{transform:rotate(-45deg)translate(5px,-5px)}.navbar-mobile-menu{background:var(--color-surface);border-bottom:1px solid var(--color-border);z-index:200;box-shadow:var(--shadow-md);flex-direction:column;padding:8px 0;display:none;position:absolute;top:56px;left:0;right:0}.mobile-menu-link{color:var(--text-secondary);text-align:left;cursor:pointer;width:100%;transition:background var(--duration-fast);background:0 0;border:none;padding:14px 24px;font-size:16px;font-weight:500;text-decoration:none;display:block}.mobile-menu-link:hover,.mobile-menu-link.active{background:var(--color-accent-bg);color:var(--color-accent-dim)}.mobile-menu-signout{color:var(--color-danger);border-top:1px solid var(--color-border);margin-top:4px;padding-top:18px}@media (width<=640px){.navbar-links,.navbar-display-name,.navbar-logout,.navbar-avatar{display:none}.navbar-hamburger{display:block}.navbar-mobile-menu{display:flex}}