: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}}html{min-width:0}body{overflow-x:hidden}.layout>aside{display:flex;flex-direction:column;flex-shrink:0}.layout>main{min-width:0;width:100%;margin:0 auto}.sidebar-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.menu-toggle{display:none}input,select,button{max-width:100%}.shopping-detail,.card{overflow-wrap:anywhere}.shopping-items label{min-width:0}@media (max-width:700px){.layout{display:block}.layout>aside{width:100%;padding:14px 16px;position:relative}.brand{font-size:20px;overflow-wrap:anywhere}.menu-toggle{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-width:44px;min-height:44px;background:#29405e;color:#fff;font-size:22px;padding:6px 12px}nav{display:none;margin:14px 0 0;padding:8px 0 0;border-top:1px solid #ffffff26;overflow:visible;flex-direction:column;gap:4px}nav.open{display:flex}nav a{white-space:normal;padding:12px 14px}.account{display:none}aside:has(nav.open) .account{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 2px 2px;margin:8px 0 0;border-top:1px solid #ffffff26}.account button{margin:0}.layout>main{padding:22px 16px 48px}h1{font-size:clamp(24px,6vw,30px);line-height:1.2;margin:12px 0 16px}h2{line-height:1.25}main>p{line-height:1.5}.cards{grid-template-columns:1fr;gap:12px;margin-top:20px}.card{padding:18px}.inline-form{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin:18px 0 20px}.inline-form input,.inline-form select,.inline-form button{width:100%;min-width:0}.shopping-layout{grid-template-columns:minmax(0,1fr);gap:14px;margin-top:18px}.shopping-nav{gap:8px}.shopping-nav button{width:100%;text-align:left;padding:13px 16px}.shopping-detail{padding:18px 16px}.shopping-detail h2{font-size:23px}.shopping-items li{min-width:0}.shopping-items label{font-size:15px}.auth-page{padding:16px}.auth-card{padding:24px 20px}.settings-form{max-width:100%}}@media (min-width:701px) and (max-width:1000px){.layout>aside{width:220px}.layout>main{padding:32px 26px}.shopping-layout{grid-template-columns:minmax(150px,210px) minmax(0,1fr);gap:16px}}