.shoppinglists-root{max-width:1000px;margin:0 auto;padding:16px}.shoppinglists-title{font-size:22px;margin-bottom:12px}.shoppinglists-toolbar{display:flex;gap:8px;margin-bottom:16px}.shoppinglists-input{flex:1;padding:8px;max-width:220px;min-width:90px;font-size:.97rem}.shoppinglists-input-qty{width:120px}.shoppinglists-btn{padding:8px 12px;font-size:1em;border-radius:6px;border:1px solid #bdbdbd;background:#f6faff;cursor:pointer;transition:background .2s,border .2s}.shoppinglists-btn:hover{background:#e0e7ff;border:1.5px solid #a5b4fc}.shoppinglists-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px}.shoppinglist-card{border:1px solid #ddd;border-radius:8px;padding:12px;background:#fff;display:flex;flex-direction:column;min-width:0}.shoppinglist-header{display:flex;justify-content:space-between;align-items:center}.shoppinglist-meta{font-size:12px;color:#666}.shoppinglist-actions{display:flex;gap:6px}.shoppinglist-expanded{margin-top:12px}.shoppinglist-items{padding-left:16px;margin-bottom:8px}.shoppinglist-item{display:flex;align-items:center;gap:8px;margin-bottom:8px}.shoppinglist-item-main{flex:1}.shoppinglist-qty{color:#666}.shoppinglist-added{font-size:11px;color:#888}.shoppinglist-additem{display:flex;gap:8px;margin-top:8px}.shoppinglist-clear{margin-top:10px}.success-message{color:#2e7d32;background:#e8f5e9;border-radius:.7rem;padding:.7rem 1rem;margin-bottom:1rem;border:1px solid #b2dfdb;text-align:center}.checkbox-label{font-size:.95em;margin-bottom:.7em;display:flex;align-items:center;gap:8px}.checkbox-input{margin-right:8px}.useradmin-card{max-width:400px}.user-list{list-style:none;padding:0;margin:0}.user-list-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.delete-btn{color:#c00;font-size:.95em;padding:.2em .7em;background:#fff0f0;border:1px solid #ffc0c0;border-radius:6px;cursor:pointer;transition:background .2s,border .2s}.delete-btn:hover{background:#ffeaea;border:1.5px solid #ffbdbd}.app-root{display:flex;flex-direction:column;align-items:center;min-height:100vh;padding-top:2vh}.welcome-heading{margin-bottom:.5em}.main-nav{width:100%;max-width:400px;display:flex;flex-direction:column;align-items:center;gap:24px;margin-bottom:2em}.nav-group-vertical{display:flex;flex-direction:column;gap:12px;width:100%}.nav-group-horizontal{display:flex;flex-direction:row;gap:12px;width:100%}.nav-btn{flex:1;padding:.7em 0;border-radius:8px;border:2px solid #bdbdbd;background:#f6faff;font-size:1.1em;font-weight:500;cursor:pointer;transition:background .2s,border .2s}.nav-btn:hover{background:#e0e7ff;border:2px solid #a5b4fc}.logout-btn{background:#fff6f6}.logout-btn:hover{background:#ffeaea;border:2px solid #ffbdbd}.view-container{width:100%;max-width:600px}.form-group-vertical{display:flex;flex-direction:column;align-items:center;width:100%;max-width:340px;margin:0 auto}.form-group-vertical input,.form-group-vertical button{width:100%;max-width:220px;min-width:90px;box-sizing:border-box;font-size:.95rem;padding:.25em .6em;margin-bottom:.5em}body{margin:0;min-height:100vh;font-family:Quicksand,Segoe UI,Arial,sans-serif;background:linear-gradient(135deg,#d2e8ff,#e0f5ff);color:#3a3a3a;display:flex;flex-direction:column}.centered-container{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:100vh;padding-top:5vh}h1,h2,h3{font-family:Quicksand,Segoe UI,Arial,sans-serif;color:#000;margin-bottom:1.2rem}input,button,select,textarea{font-family:inherit;font-size:.97rem;border-radius:.5em;border:1px solid #d1d5db;padding:.25em .6em;margin-bottom:.5em;outline:none;background:#f3f4f6;transition:border .2s,box-shadow .2s}input:focus,select:focus,textarea:focus{border:1.5px solid #a5b4fc;box-shadow:0 0 0 2px #c7d2fe}button{background:linear-gradient(90deg,#a5b4fc,#c2f0fb);color:#3a3a3a;border:none;cursor:pointer;font-weight:600;box-shadow:0 2px 8px #50507814;transition:background .2s,transform .1s}button:hover{background:linear-gradient(90deg,#c2f0fb,#a5b4fc);transform:translateY(-2px) scale(1.03)}.pastel-bg{background:linear-gradient(120deg,#c2e6fb,#a6c1ee)}.pastel-accent{color:#fbc2eb}.card{background:#ffffffd9;border-radius:.8rem;box-shadow:0 4px 18px #50507812;padding:.8rem .7rem;margin:.7rem 0;max-width:260px;width:100%;display:flex;flex-direction:column;align-items:center}.error{color:#ff6b81;background:#fff0f3;border-radius:.7rem;padding:.7rem 1rem;margin-bottom:1rem;border:1px solid #ffd6e0}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}