@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap");:root{--color-bg:#f2f4f6;--color-surface:#ffffff;--color-surface-hover:#f8f9fa;--color-border:#e2e6ea;--color-text:#1a1d21;--color-text-muted:#6b7280;--color-accent:#059669;--color-accent-dim:#047857;--color-highlight:#d97706;--color-urgent:#dc2626;--radius:12px;--radius-sm:8px;--shadow:0 2px 12px rgba(0,0,0,0.06)}*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;font-family:Plus Jakarta Sans,system-ui,sans-serif;background:var(--color-bg);color:var(--color-text);line-height:1.6}body,html{min-height:100vh}body{background-image:linear-gradient(180deg,rgba(255,255,255,.75) 0,rgba(255,255,255,.5) 35%,rgba(255,255,255,.25) 65%,transparent),url(https://images.unsplash.com/photo-1554882065-755875a26e41?auto=format&fit=crop&w=1920&q=80);background-size:cover;background-position:bottom;background-attachment:fixed;background-repeat:no-repeat}a{color:inherit;text-decoration:none}button{cursor:pointer}button,input{font-family:inherit}.page{max-width:520px;margin:0 auto;padding:2rem 1.5rem 4rem}.header{margin-bottom:2.5rem}.header-top{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.header-top>div{text-align:left}.btn-logout{background:none;border:1px solid var(--color-border);color:var(--color-text-muted);padding:.5rem 1rem;border-radius:var(--radius-sm);font-size:.9rem;transition:color .15s,border-color .15s}.btn-logout:hover{color:var(--color-text);border-color:var(--color-text-muted)}.title{font-family:Plus Jakarta Sans,system-ui,sans-serif;font-size:2.5rem;font-weight:700;color:var(--color-text);letter-spacing:-.02em}.subtitle{font-size:.95rem;color:var(--color-text-muted);margin-top:.25rem}.form{display:flex;gap:.5rem;margin-bottom:2rem}.input{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);padding:.75rem 1rem;font-size:1rem;transition:border-color .15s,box-shadow .15s}.input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px rgba(5,150,105,.2)}.input::placeholder{color:var(--color-text-muted)}.input-name{flex:1 1;min-width:0}.input-menge{width:5rem}.btn-add{background:var(--color-accent);color:#ffffff;border:none;border-radius:var(--radius-sm);padding:.75rem 1.25rem;font-weight:600;font-size:.95rem;white-space:nowrap;transition:background .15s}.btn-add:hover:not(:disabled){background:var(--color-accent-dim)}.btn-add:disabled{opacity:.5;cursor:not-allowed}.liste{min-height:120px}.muted{color:var(--color-text-muted);font-size:.95rem}.artikel-liste{list-style:none}.artikel{display:flex;align-items:center;gap:.75rem;padding:.85rem 1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);margin-bottom:.5rem;transition:background .15s}.artikel:hover{background:var(--color-surface-hover)}.artikel-check{background:none;border:none;padding:0;width:24px;height:24px;flex-shrink:0}.artikel-check,.check-box{display:flex;align-items:center;justify-content:center}.check-box{width:20px;height:20px;border:2px solid var(--color-border);border-radius:6px;transition:all .15s}.artikel-check:hover .check-box:not(.checked),.check-box.checked{border-color:var(--color-accent)}.check-box.checked{background:var(--color-accent);color:#ffffff;font-size:.75rem;font-weight:700}.artikel-menge{flex-shrink:0;width:3.5rem;font-size:.9rem;color:var(--color-text-muted)}.artikel-name{flex:1 1;min-width:0;font-size:1rem}.artikel-erledigt .artikel-name{text-decoration:line-through;color:var(--color-text-muted)}.btn-delete{background:none;border:none;color:var(--color-text-muted);font-size:1.5rem;line-height:1;padding:.25rem;opacity:.6;transition:opacity .15s,color .15s}.btn-delete:hover{opacity:1;color:var(--color-urgent)}.erledigt-block{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--color-border)}.erledigt-title{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);margin-bottom:.75rem}.artikel-liste-erledigt .artikel{opacity:.85}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem}.login-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:2.5rem;max-width:400px;width:100%;box-shadow:var(--shadow)}.login-title{font-size:1.5rem;font-weight:700;color:var(--color-text);text-align:center;margin-bottom:.5rem}.login-subtitle{color:var(--color-text-muted);font-size:.95rem;text-align:center;margin-bottom:2rem}.btn-google{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;padding:.9rem 1.5rem;background:#fff;border:1px solid #dadce0;border-radius:var(--radius-sm);font-size:1rem;font-weight:500;color:#3c4043;transition:background .15s,box-shadow .15s}.btn-google:hover{background:#f8f9fa;box-shadow:0 1px 3px rgba(0,0,0,.08)}.google-icon{flex-shrink:0}.error-boundary{min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center}.error-boundary h2{font-size:1.25rem;margin-bottom:.5rem}.error-boundary p{color:var(--color-text-muted);margin-bottom:1.5rem}