:root{--bg-cream: #F5F0E8;--bg-cream-surface: #FFFFFF;--accent-terracotta: #C4532A;--accent-terracotta-light: rgba(196, 83, 42, .1);--text-dark: #2C1810;--text-muted: #6A5D57;--border-light: rgba(44, 24, 16, .08);--glass-bg: rgba(255, 255, 255, .7);--status-good: #4C9F70;--status-warning: #D4A373;--status-flare: #E07A5F;--font-family: "Inter", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-cream);color:var(--text-dark);font-family:var(--font-family);-webkit-font-smoothing:antialiased;min-height:100vh;margin:0;display:flex}button{cursor:pointer;border:none;background:none;font-family:inherit}.app-container{display:flex;height:100vh;width:100vw;background:var(--bg-cream);overflow:hidden;position:relative}.desktop-nav{display:none;width:250px;background:var(--bg-cream-surface);border-right:1px solid var(--border-light);flex-direction:column;padding:24px}.mobile-nav{display:flex;height:70px;background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border-light);justify-content:space-around;align-items:center;position:absolute;bottom:0;width:100%;z-index:50}.main-content{flex:1;display:flex;flex-direction:column;height:100%;padding-bottom:70px;overflow-y:auto}.layout-wrapper{max-width:800px;margin:0 auto;width:100%;padding:24px;display:flex;flex-direction:column;gap:24px}@media (min-width: 768px){.desktop-nav{display:flex}.mobile-nav{display:none}.main-content{padding-bottom:0}}.auth-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100vw;height:100vh}.auth-card{background:var(--bg-cream-surface);padding:40px;border-radius:24px;box-shadow:0 10px 30px #0000000d;text-align:center;max-width:400px;width:90%;border:1px solid var(--border-light)}.btn-primary{background:var(--accent-terracotta);color:#fff;padding:14px 24px;border-radius:12px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;transition:transform .2s}.btn-primary:active{transform:scale(.98)}.surface-card{background:var(--bg-cream-surface);border:1px solid var(--border-light);border-radius:20px;padding:20px;box-shadow:0 4px 12px #00000005}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;color:var(--text-muted);font-weight:500;transition:all .2s}.nav-item:hover,.nav-item.active{background:var(--accent-terracotta-light);color:var(--accent-terracotta)}.mobile-nav .nav-item{flex-direction:column;gap:4px;font-size:11px;padding:8px;border-radius:8px}