:root{font-family:Inter,system-ui,-apple-system,sans-serif;color:#172334;background:#f6f8fb}*{box-sizing:border-box}body{margin:0}.layout{display:flex;min-height:100vh}aside{width:260px;background:#142238;color:#fff;padding:28px 18px}.brand{font-weight:800;font-size:21px;color:#fff;text-decoration:none}nav{display:grid;gap:7px;margin-top:40px}nav a{padding:11px 13px;color:#c5d2e3;text-decoration:none;border-radius:9px}nav a.active,nav a:hover{background:#29405e;color:#fff}main{flex:1;max-width:1200px;padding:48px}h1{font-size:32px;margin-top:24px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin-top:30px}.card{padding:24px;border-radius:14px;background:#fff;border:1px solid #e1e7ef;color:inherit;text-decoration:none;box-shadow:0 5px 22px #1723340a}.card:hover{border-color:#769bc7}.card h2{font-size:19px}.card p{color:#657387;line-height:1.5}.notice{background:#fff5dc;border:1px solid #f1d38c;padding:14px 18px;border-radius:10px;font-size:14px}@media (max-width:700px){.layout{display:block}aside{width:auto;padding:16px}nav{display:flex;overflow:auto;margin-top:15px}nav a{white-space:nowrap}main{padding:20px}h1{font-size:26px}}.auth-page{min-height:100vh;display:flex;justify-content:center;align-items:center;padding:20px}.auth-card{background:#fff;padding:36px;border-radius:16px;border:1px solid #e1e7ef;box-shadow:0 12px 40px #17233412;width:min(100%,440px)}.auth-card h1{margin:0 0 25px}.auth-card h2{font-size:20px}label{display:grid;gap:7px;margin:18px 0;font-weight:600;font-size:14px}input,select{width:100%;padding:12px;border:1px solid #b8c6d5;border-radius:8px;font:inherit}button{background:#1d4d83;color:#fff;border:0;border-radius:8px;padding:12px 18px;cursor:pointer;font:inherit}button:disabled{opacity:.6;cursor:wait}.auth-card button{width:100%}.error{color:#a32626}.account{margin-top:auto;padding:15px 10px;overflow-wrap:anywhere}.account button{display:block;margin-top:12px}.settings-form{max-width:500px;margin-top:35px}.settings-form p{overflow-wrap:anywhere}.inline-form{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.inline-form input{flex:1;min-width:180px}.inline-form select{width:auto}.shopping-layout{display:grid;grid-template-columns:minmax(180px,260px) 1fr;gap:24px;margin-top:22px}.shopping-nav{display:grid;align-content:start;gap:8px}.shopping-nav button{text-align:left;background:#e9eff7;color:#172334}.shopping-nav button.selected{background:#1d4d83;color:#fff}.shopping-detail{background:#fff;border:1px solid #e1e7ef;border-radius:14px;padding:24px;min-width:0}.shopping-detail h2{margin-top:0}.shopping-items{list-style:none;padding:0}.shopping-items li{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e1e7ef;gap:12px}.shopping-items label{display:flex;align-items:center;gap:12px;flex:1;overflow-wrap:anywhere}.shopping-items input{width:auto}.shopping-items .done{text-decoration:line-through;color:#657387}.shopping-items button{padding:5px 10px;background:#e9eff7;color:#172334}.danger{background:#a32626;margin-top:20px}@media (max-width:700px){.shopping-layout{grid-template-columns:1fr}.shopping-detail{padding:16px}}