.app-layout[data-v-fc1221a1]{display:flex;flex-direction:column;min-height:100dvh}.topbar[data-v-fc1221a1]{display:flex;align-items:center;gap:.25rem;padding:0 .75rem;height:48px;background:#fff;border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:100;flex-shrink:0}.topbar-dev[data-v-fc1221a1]{border-bottom-color:#f59e0b;border-bottom-width:2px}.topbar-modules[data-v-fc1221a1]{display:flex;align-items:center;gap:.125rem;flex:1}.topbar-module-btn[data-v-fc1221a1]{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;font-size:1.2rem;text-decoration:none;color:#6b7280;transition:background .1s,color .1s}.topbar-module-btn[data-v-fc1221a1]:hover{background:#f3f4f6;color:#111}.topbar-module-btn.active[data-v-fc1221a1]{background:#e8edff;color:#4a6cf7}.topbar-dev-badge[data-v-fc1221a1]{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#92400e;background:#fef3c7;border:1px solid #fcd34d;border-radius:4px;padding:.1rem .4rem;flex-shrink:0}.topbar-actions[data-v-fc1221a1]{display:flex;align-items:center;gap:.125rem}.topbar-action-btn[data-v-fc1221a1]{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;font-size:1rem;text-decoration:none;color:#6b7280;background:transparent;border:none;cursor:pointer;transition:background .1s,color .1s}.topbar-action-btn[data-v-fc1221a1]:hover{background:#f3f4f6;color:#111}.topbar-action-btn.active[data-v-fc1221a1]{background:#e8edff;color:#4a6cf7}.topbar-action-user[data-v-fc1221a1]{display:inline-flex;align-items:center;height:36px;padding:0 .6rem;border-radius:8px;font-size:.875rem;font-weight:500;color:#6b7280;text-decoration:none;max-width:8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:background .1s,color .1s}.topbar-action-user[data-v-fc1221a1]:hover{background:#f3f4f6;color:#111}.topbar-action-user.active[data-v-fc1221a1]{background:#e8edff;color:#4a6cf7}.app-main[data-v-fc1221a1]{flex:1;display:flex;flex-direction:column}.app-footer[data-v-fc1221a1]{text-align:center;padding:.5rem;font-size:.7rem;color:#d1d5db}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:system-ui,-apple-system,sans-serif;line-height:1.5;color:#1a1a1a;background-color:#f0f2f5;min-height:100dvh}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.page{min-height:100dvh;display:flex;flex-direction:column}.page-header{position:sticky;top:0;z-index:10;background:#fff;border-bottom:1px solid #e5e5e5;padding:.75rem 1rem;display:flex;align-items:center;gap:.75rem}.page-header-dev{background:#fef9c3;border-bottom-color:#fde047}.page-header--todo{background:#eef0fb;border-bottom-color:#c7d2fe}.page-header--urlaub{background:#fffbeb;border-bottom-color:#fde68a}.page-header--einkauf{background:#f0fdf4;border-bottom-color:#bbf7d0}.page-header--wunsch{background:#fff1f2;border-bottom-color:#fecdd3}.page-header--gid{background:#fffbeb;border-bottom-color:#fde68a}.page-header--link{background:#eff6ff;border-bottom-color:#bfdbfe}.page-header--projekte{background:#f5f3ff;border-bottom-color:#ddd6fe}.page-header--ernaehrung{background:#f0fdf4;border-bottom-color:#bbf7d0}.page-header--linksammlung{background:#fff7ed;border-bottom-color:#fed7aa}.page-header--tagesplaner{background:#ecfeff;border-bottom-color:#a5f3fc}.env-badge{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#854d0e;background:#fef08a;border:1px solid #fde047;border-radius:4px;padding:.1rem .4rem}.page-header-title{font-size:1.125rem;font-weight:600;flex:1}.page-content{flex:1;max-width:640px;width:100%;margin:0 auto;padding:1rem}.auth-page{max-width:400px;margin:3rem auto;padding:1.5rem;background:#fff;border-radius:12px;box-shadow:0 2px 12px #0000001a}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.25rem;padding:.625rem 1.25rem;border:none;border-radius:8px;cursor:pointer;font-weight:500;font-size:1rem;transition:opacity .1s,background .1s;white-space:nowrap;text-decoration:none}.btn:active{opacity:.75}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:#4a6cf7;color:#fff}.btn-primary:hover:not(:disabled){background:#3a5ce6}.btn-danger{background:#dc2626;color:#fff}.btn-danger:hover:not(:disabled){background:#b91c1c}.btn-ghost{background:transparent;color:#555;border:1px solid #d0d0d0}.btn-ghost:hover:not(:disabled){background:#f5f5f5}.btn-sm{padding:.375rem .75rem;font-size:.875rem;border-radius:6px}.btn-icon{padding:.375rem .625rem;border:none}.field{margin-bottom:1rem}.field label{display:block;font-size:.875rem;font-weight:500;margin-bottom:.3rem;color:#444}input[type=text],input[type=email],input[type=password],input[type=date],input[type=url],select,textarea{width:100%;padding:.625rem .75rem;border:1px solid #d0d0d0;border-radius:8px;background:#fff;outline:none;transition:border-color .15s,box-shadow .15s;color:#1a1a1a}input:focus,select:focus,textarea:focus{border-color:#4a6cf7;box-shadow:0 0 0 3px #4a6cf726}.card{background:#fff;border-radius:10px;border:2px solid transparent;box-shadow:0 1px 3px #00000014;padding:1rem;margin-bottom:.75rem}.error-msg{color:#dc2626;font-size:.875rem;padding:.5rem .75rem;background:#fef2f2;border-radius:6px;border:1px solid #fecaca;margin-bottom:.75rem}.empty-hint{text-align:center;color:#999;padding:2.5rem 0;font-size:.9rem}