:root{font-family:Segoe UI,Trebuchet MS,Verdana,sans-serif;color:#0d2b69;background:#eef4ff;line-height:1.5;font-weight:400;--aldi-blue: #0054a6;--aldi-blue-deep: #003b7a;--aldi-blue-ink: #0d2b69;--aldi-sky: #d9ebff;--aldi-sun: #ff9f1c;--aldi-sun-soft: #ffd89a;--aldi-surface: #ffffff;--aldi-surface-soft: #f6faff;--aldi-border: #b8d2f0;--aldi-text-soft: #48658f;--aldi-success: #1f7a45;--aldi-shadow: 0 18px 40px rgba(0, 59, 122, .16)}*{box-sizing:border-box}body{margin:0;color:var(--aldi-blue-ink);background:radial-gradient(circle at top left,rgba(255,159,28,.18),transparent 28%),linear-gradient(140deg,#edf5ff,#d9ebff 45%,#f8fbff);min-width:320px}button,input,textarea{font:inherit}.page{min-height:100vh;padding:24px;position:relative;overflow:hidden}.page:before,.page:after{content:"";position:fixed;z-index:-1;border-radius:999px;opacity:.45}.page:before{width:320px;height:320px;top:-120px;right:-80px;background:linear-gradient(135deg,var(--aldi-sun),#ffe8bf)}.page:after{width:420px;height:420px;left:-180px;bottom:-180px;background:linear-gradient(135deg,#8dc3ff,#dfefff)}.app-shell{max-width:1100px;margin:0 auto}.hero{display:flex;justify-content:space-between;gap:24px;align-items:stretch}.grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.panel{background:linear-gradient(180deg,#fffffff5,#f6fafffa);border:1px solid var(--aldi-border);border-radius:28px;padding:24px;box-shadow:var(--aldi-shadow);margin-bottom:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.panel h1,.panel h2,.panel p{margin-top:0}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:700;color:var(--aldi-blue);margin-bottom:8px}.lead{color:var(--aldi-text-soft);max-width:700px}.hero-home{position:relative;overflow:hidden}.hero-home:after{content:"";position:absolute;inset:auto 0 0 0;height:8px;background:linear-gradient(90deg,var(--aldi-blue-deep),var(--aldi-blue),var(--aldi-sun))}.hero-copy{flex:1.2}.hero-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:24px}.hero-card{flex:.95;background:linear-gradient(160deg,var(--aldi-blue-deep),var(--aldi-blue));color:#fff;border-radius:24px;padding:22px;box-shadow:0 18px 40px #003b7a47}.brand-badge{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#ffffff29;font-size:12px;font-weight:700;letter-spacing:.12em}.hero-card-title{margin-top:16px;font-size:24px;font-weight:800;line-height:1.2}.hero-highlights{display:grid;gap:12px;margin-top:20px}.highlight-item{padding:14px 16px;border-radius:18px;background:#ffffff1f;border:1px solid rgba(255,255,255,.16)}.highlight-item strong,.highlight-item span{display:block}.highlight-item span{margin-top:4px;color:#ffffffd6;font-size:14px}.stats{display:flex;gap:12px;flex-wrap:wrap}.stat-card,.status-pill{background:var(--aldi-surface-soft);border:1px solid var(--aldi-border);border-radius:18px;padding:12px 16px;display:flex;gap:8px;align-items:center;color:var(--aldi-blue-ink)}.stat-card{min-width:120px;flex-direction:column;align-items:flex-start;border-top:4px solid var(--aldi-sun)}.stat-card strong{font-size:22px}.status-pill-warm{background:#ff9f1c29;border-color:#ff9f1c57;color:#9a5600}.feature-panel{position:relative}.feature-panel:before{content:"";position:absolute;top:0;left:24px;right:24px;height:4px;border-radius:999px;background:linear-gradient(90deg,var(--aldi-blue),var(--aldi-sun))}.section-label{display:inline-flex;padding:6px 12px;border-radius:999px;background:var(--aldi-sky);color:var(--aldi-blue-deep);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.section-copy{margin:8px 0 18px;color:var(--aldi-text-soft)}.inline-note{color:var(--aldi-text-soft);font-size:14px}.row{display:flex;gap:12px;align-items:center}.row.wrap{flex-wrap:wrap}.row.grow{flex:1;min-width:0}.input,.textarea{width:100%;border:1px solid var(--aldi-border);border-radius:18px;background:#ffffffeb;padding:14px 16px;outline:none;color:var(--aldi-blue-ink)}.input:focus,.textarea:focus{border-color:var(--aldi-blue);box-shadow:0 0 0 4px #0054a629}.textarea{min-height:280px;resize:vertical}.btn,.icon-btn{border:1px solid var(--aldi-border);background:#fff;color:var(--aldi-blue-ink);border-radius:18px;padding:12px 16px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:8px;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;font-weight:700}.btn.primary{background:linear-gradient(135deg,var(--aldi-blue-deep),var(--aldi-blue));color:#fff;border-color:transparent;box-shadow:0 14px 24px #0054a638}.btn:hover,.icon-btn:hover{filter:brightness(.99);transform:translateY(-1px)}.btn.primary:hover{box-shadow:0 18px 28px #0054a647}.checklist{display:flex;flex-direction:column;gap:12px;margin-top:16px}.check-item{display:flex;justify-content:space-between;align-items:center;gap:12px;border:1px solid var(--aldi-border);border-radius:20px;padding:14px 16px;background:#ffffffeb}.check-item input[type=checkbox]{width:20px;height:20px;accent-color:var(--aldi-blue)}.done{text-decoration:line-through;color:#8aa1bf}.empty-state{border:1px dashed var(--aldi-border);border-radius:20px;padding:24px;text-align:center;color:var(--aldi-text-soft);background:linear-gradient(180deg,#f8fbff,#eef6ff)}.message{margin-top:12px;color:var(--aldi-success);font-weight:600}.quantity-editor{display:inline-flex;align-items:center;gap:8px;padding:4px;border-radius:18px;background:var(--aldi-surface-soft);border:1px solid var(--aldi-border)}.quantity-input{width:64px;border:1px solid var(--aldi-border);border-radius:12px;background:#fff;padding:10px 8px;text-align:center;outline:none;color:var(--aldi-blue-ink)}.quantity-input:focus{border-color:var(--aldi-blue);box-shadow:0 0 0 4px #0054a61f}.item-main{align-items:center;gap:12px}@media (max-width: 640px){.item-main{flex-wrap:wrap}.quantity-editor{order:2}}@media (max-width: 900px){.grid{grid-template-columns:1fr}.hero{flex-direction:column;gap:16px}}@media (max-width: 640px){.page{padding:14px}.panel{padding:18px;border-radius:20px}.hero-card-title{font-size:22px}.row{flex-wrap:wrap}.btn,.icon-btn{width:100%;justify-content:center}.icon-btn{width:auto}.check-item{align-items:flex-start}}