: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;--side-nav-width: 220px}*{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{display:flex;min-height:100dvh}.app-content{flex:1;min-width:0}.side-nav{display:none}@media (max-width: 767px){.app{flex-direction:column}.app--logged-in .app-content{padding-bottom:var(--nav-height)}.side-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:var(--nav-height);background:var(--bg-secondary);border-top:1px solid var(--border);flex-direction:row;justify-content:space-around;align-items:center;z-index:100;padding-bottom:env(safe-area-inset-bottom)}.side-nav-brand{display:none}.side-nav-links{display:contents}.nav-item{flex-direction:column;gap:3px;padding:6px 12px}.nav-icon{width:22px;height:22px}.nav-label{font-size:10px}}@media (min-width: 768px){.side-nav{display:flex;flex-direction:column;width:var(--side-nav-width);min-height:100dvh;background:var(--bg-secondary);border-right:1px solid var(--border);position:fixed;top:0;left:0;bottom:0;z-index:100;padding:24px 12px;gap:0}.app--logged-in .app-content{margin-left:var(--side-nav-width)}.side-nav-brand{display:flex;align-items:center;gap:10px;padding:4px 12px 28px;color:var(--accent-light)}.brand-icon{width:24px;height:24px;flex-shrink:0}.brand-name{font-size:16px;font-weight:700;letter-spacing:-.3px;color:var(--text-primary)}.side-nav-links{display:flex;flex-direction:column;gap:2px}.nav-item{flex-direction:row;gap:12px;padding:10px 14px;border-radius:var(--radius-sm);width:100%}.nav-icon{width:20px;height:20px;flex-shrink:0}.nav-label{font-size:14px}}.nav-item{display:flex;align-items:center;text-decoration:none;color:var(--text-muted);font-weight:500;transition:color .2s,background .2s}.nav-item:hover{color:var(--text-primary);background:var(--bg-hover)}.nav-item--active{color:var(--accent-light);background:#6c5ce71f}.nav-item--active .nav-icon{stroke:var(--accent-light)}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit}.toast-container{position:fixed;top:16px;left:50%;transform:translate(-50%);z-index:300;display:flex;flex-direction:column;gap:8px;width:90%;max-width:400px;pointer-events:none}.toast{padding:12px 16px;border-radius:var(--radius-sm);font-size:14px;font-weight:500;text-align:center;animation:toast-in .3s ease;pointer-events:auto}.toast--success{background:#2e7d32;color:#fff}.toast--error{background:#c62828;color:#fff}@keyframes toast-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}