:root{--bg-primary: #0f0f1a;--bg-secondary: #1a1a2e;--bg-card: #232342;--bg-hover: #2d2d52;--text-primary: #e8e8f0;--text-secondary: #a0a0b8;--text-muted: #6b6b88;--accent: #6c5ce7;--accent-light: #a29bfe;--border: #2d2d52;--cat-familie: #4CAF50;--cat-gesundheit: #F44336;--cat-schule: #2196F3;--cat-arbeit: #FF9800;--cat-urlaub: #9C27B0;--radius: 12px;--radius-sm: 8px;--shadow: 0 4px 20px rgba(0, 0, 0, .3);--nav-height: 64px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100dvh;-webkit-font-smoothing:antialiased}.app--logged-in{padding-bottom:var(--nav-height)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:var(--nav-height);background:var(--bg-secondary);border-top:1px solid var(--border);display:flex;justify-content:space-around;align-items:center;z-index:100;padding-bottom:env(safe-area-inset-bottom)}.nav-item{display:flex;flex-direction:column;align-items:center;gap:2px;text-decoration:none;color:var(--text-muted);font-size:11px;font-weight:500;padding:6px 16px;border-radius:var(--radius-sm);transition:all .2s}.nav-item--active{color:var(--accent-light)}.nav-icon{font-size:20px}.nav-label{font-size:11px}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit}