@import"https://fonts.googleapis.com/css2?family=Inter:wght@300..800&display=swap";:root,[data-theme=light]{--primary: #3777CF;--primary-dark: #2d63b8;--primary-light: rgba(55, 119, 207, .08);--primary-border: rgba(55, 119, 207, .25);--bg: #f4f6fa;--surface: #ffffff;--surface2: #f8f9fb;--surface3: #f0f3f8;--border: #e8ecf2;--border2: #dde3ed;--text: #1a2233;--text2: #5a6478;--text3: #9aa0ae;--success: #16a34a;--warning: #d97706;--danger: #dc2626;--font: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--radius: 14px;--radius-sm: 10px;--shadow: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 12px rgba(0,0,0,.08);--ampel-rot-bg: #fef2f2;--ampel-rot-fg: #dc2626;--ampel-gelb-bg: #fffbeb;--ampel-gelb-fg: #b45309;--nav-height: 64px}[data-theme=dark]{--primary: #5b9ae4;--primary-dark: #3777CF;--primary-light: rgba(91, 154, 228, .12);--primary-border: rgba(91, 154, 228, .3);--bg: #0d0f14;--surface: #141720;--surface2: #1a1e28;--surface3: #1e2330;--border: #252b38;--border2: #2e3545;--text: #e8eaf0;--text2: #8892a4;--text3: #4a5266;--shadow: 0 1px 3px rgba(0,0,0,.3);--shadow-md: 0 4px 12px rgba(0,0,0,.4);--ampel-rot-bg: rgba(220,38,38,.15);--ampel-rot-fg: #f87171;--ampel-gelb-bg: rgba(217,119,6,.15);--ampel-gelb-fg: #fbbf24}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}html{overscroll-behavior-y:none}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;border:none;border-radius:var(--radius-sm);font-family:var(--font);font-size:16px;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s,color .15s;white-space:nowrap;min-height:52px}.btn-block{width:100%}.btn-primary{background:var(--primary);color:#fff}.btn-primary:active{background:var(--primary-dark)}.btn-secondary{background:var(--surface);border:1.5px solid var(--border2);color:var(--text2)}.btn-secondary:active{border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.btn-success{background:var(--success);color:#fff}.btn-success:active{background:#15803d}.btn-danger{background:var(--danger);color:#fff}.btn-ghost{background:none;border:none;color:var(--text2)}.btn[disabled]{opacity:.5;pointer-events:none}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow)}.input,.select{width:100%;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:14px;color:var(--text);font-family:var(--font);font-size:17px;outline:none;transition:border-color .15s}.input:focus,.select:focus{border-color:var(--primary)}.label{display:block;font-size:12px;font-weight:700;color:var(--text2);text-transform:uppercase;letter-spacing:.6px;margin-bottom:8px}.badge{display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:600;padding:4px 10px;border-radius:20px;white-space:nowrap}.badge-success{background:#f0fdf4;color:var(--success)}.badge-rot{background:var(--ampel-rot-bg);color:var(--ampel-rot-fg)}.badge-gelb{background:var(--ampel-gelb-bg);color:var(--ampel-gelb-fg)}.badge-neutral{background:var(--surface2);color:var(--text2)}[data-theme=dark] .badge-success{background:#16a34a26;color:#4ade80}.app-shell{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;max-width:640px;margin:0 auto}.app-header{position:sticky;top:0;z-index:20;background:var(--surface);border-bottom:1px solid var(--border);padding:14px 18px;padding-top:max(14px,env(safe-area-inset-top));display:flex;align-items:center;gap:10px;font-weight:700;font-size:17px}.app-main{flex:1;padding:18px;padding-bottom:calc(var(--nav-height) + 24px)}.app-nav{position:fixed;bottom:0;left:0;right:0;z-index:20;background:var(--surface);border-top:1px solid var(--border);display:flex;padding-bottom:env(safe-area-inset-bottom);max-width:640px;margin:0 auto}.app-nav a{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 0;min-height:var(--nav-height);justify-content:center;text-decoration:none;color:var(--text3);font-size:11px;font-weight:600}.app-nav a.aktiv{color:var(--primary)}.app-nav a svg{width:24px;height:24px}.stack{display:flex;flex-direction:column;gap:16px}.row{display:flex;gap:12px;align-items:center}.muted{color:var(--text2)}.h1{font-size:22px;font-weight:800;letter-spacing:-.3px}.h2{font-size:16px;font-weight:700}.spinner{width:22px;height:22px;border:3px solid var(--border2);border-top-color:var(--primary);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}