:root{--background:#f4f6fb;--foreground:#172b49;--card:#fff;--card-foreground:#172b49;--popover:#fff;--popover-foreground:#172b49;--primary:#275de5;--primary-foreground:#fff;--secondary:#edf2ff;--secondary-foreground:#2048a5;--muted:#f4f6fb;--muted-foreground:#60708a;--accent:#edf2ff;--accent-foreground:#2048a5;--destructive:#b32639;--border:#dee4ef;--input:#d4ddea;--ring:#275de5;--radius:.75rem}
*{box-sizing:border-box}body{margin:0;background:var(--background);color:var(--foreground);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.5}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible{outline:3px solid #789df7;outline-offset:4px}header{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 max(6vw,24px);background:white;border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;color:#172b49;text-decoration:none;font-size:25px;font-weight:800;letter-spacing:-1px}.brand-light{font-weight:400;color:#66738a}.brand-icon{display:grid;place-items:center;background:#275de5;color:white;width:42px;height:42px;border-radius:13px;margin-right:11px}.team-label{display:flex;align-items:center;gap:8px;color:#5d6b82;font-size:14px}main{max-width:1160px;margin:auto;padding:57px 28px 24px}.heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:35px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:2px;color:#275de5;margin:0 0 10px}h1{font-size:44px;letter-spacing:-1.8px;line-height:1.16;margin:0;font-weight:750}.subtitle{color:#60708a;margin:13px 0 0}.primary,.secondary{display:inline-flex;justify-content:center;align-items:center;gap:9px;border-radius:10px;padding:12px 18px;font-weight:600;border:1px solid transparent;white-space:nowrap}.primary{background:#275de5;color:white;box-shadow:0 4px 8px #275de515}.primary:hover{background:#194bca}.secondary{background:#fff;border-color:var(--border);color:#244876;font-size:14px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:28px;align-items:start}.list-panel{background:white;border:1px solid var(--border);border-radius:18px;min-height:440px;overflow:hidden;box-shadow:0 8px 25px #1a305005}.panel-top{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:22px 25px;border-bottom:1px solid #e9edf4}.panel-top h2{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:700;margin:0}.panel-top h2 svg{color:#275de5}.count{font-size:12px;font-weight:600;color:#3d5885;background:#f0f4fc;border-radius:7px;padding:5px 9px;white-space:nowrap}.add-form{display:flex;gap:10px;align-items:end;padding:23px 25px;background:#fbfcff;border-bottom:1px solid #edf0f6}label{display:block;font-size:12px;font-weight:600;color:#60708a}input{display:block;width:100%;border:1px solid var(--input);background:white;border-radius:9px;padding:11px 12px;color:#172b49;font-size:16px;margin-top:6px;min-width:0;outline:none}input:focus{border-color:#275de5;box-shadow:0 0 0 3px #275de520}.product-field{flex:1;min-width:0}.quantity-field{width:85px}.add-button{height:48px}.add-button span{display:none}ul{list-style:none;padding:0;margin:0}li{display:flex;align-items:center;gap:15px;padding:19px 25px;border-bottom:1px solid #edf0f6;min-height:72px}.item-check{width:24px!important;height:24px!important;border-radius:7px!important;flex-shrink:0}.item-name{font-weight:600;overflow-wrap:anywhere;flex:1;min-width:0}.quantity{font-size:14px;color:#60708a;background:#f4f6fa;border-radius:6px;padding:3px 10px;max-width:35%;overflow-wrap:anywhere}.completed{margin-top:16px}.completed h3{font-size:12px;color:#697b96;letter-spacing:1px;padding:16px 25px 0}.completed h3 span{margin-left:7px}.completed li{color:#738099}.completed .item-name{text-decoration:line-through;font-weight:400}.empty-state{text-align:center;padding:55px 24px;color:#60708a}.empty-state h2,.empty-state h3{color:#172b49;margin:16px 0 8px;font-size:23px;font-weight:700;letter-spacing:-.5px}.empty-state p{margin:0 0 24px;font-size:15px;line-height:1.7}.empty-icon{display:inline-grid;place-items:center;width:68px;height:68px;border-radius:21px;background:#edf2ff;color:#275de5}.welcome small{display:block;font-size:12px;margin-top:20px}aside{padding:26px;border-radius:17px;background:#eaf0fe}.aside-label{font-size:11px;letter-spacing:1.3px;font-weight:700;color:#47618d}.big-number{font-size:66px;letter-spacing:-3px;font-weight:700;line-height:1.15;margin:23px 0;color:#214cad}.big-number span{display:block;font-size:14px;letter-spacing:0;font-weight:400;color:#546c96;margin-top:7px}.aside-rule{border-top:1px solid #d5e0f7}.stat-line{display:flex;justify-content:space-between;font-size:14px;margin-top:19px;color:#47618d}.team-note{margin-top:38px;color:#275de5}.team-note h3{font-size:16px;margin:12px 0 8px;color:#244876;font-weight:700}.team-note p,.sync-note{font-size:14px;line-height:1.65;color:#546c96;margin:0}.sync-note{font-size:12px;margin-top:27px}footer{margin-top:32px;display:flex;justify-content:space-between;font-size:12px;color:#7d8aa0}.message{display:block;border-radius:10px;background:#e3edff;padding:14px 18px;margin-bottom:20px;color:#214cad;font-size:14px}.message.error{background:#fff0f1;color:#a5283e}.message button{text-decoration:underline;margin-left:8px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:760px){header{height:74px;padding:0 20px}.team-label{font-size:0}.team-label svg{width:22px;height:22px}main{padding:32px 16px 22px}.heading{align-items:start;flex-wrap:wrap;gap:20px;margin-bottom:24px}h1{font-size:36px}.subtitle{font-size:15px;max-width:320px}.workspace{grid-template-columns:1fr;gap:20px}aside{display:none}.panel-top{padding:19px 17px}.panel-top h2{font-size:16px}.add-form{padding:20px 16px;gap:8px}.quantity-field{width:68px}.add-button{padding:12px}.empty-state{padding:48px 20px}li{padding:18px 17px;gap:12px}footer span{display:none}.secondary{padding:10px 14px}.count{font-size:12px} }@media(prefers-reduced-motion:reduce){.spin{animation:none}}

[hidden]{display:none!important}label,.count{font-size:14px}.aside-label{font-size:12px}.item-check{margin:0;padding:0;accent-color:#275de5;cursor:pointer}.brand{font-size:21px}.brand-light{margin-left:5px}@media(max-width:480px){.team-label{display:none}.brand{font-size:19px}}
.heading-actions{display:flex;flex-wrap:wrap;gap:10px}.back-button{border:0;background:transparent;color:#275de5;font-size:15px;padding:0;margin-bottom:22px}.create-form{display:flex;gap:14px;align-items:end;background:#fff;border:1px solid var(--border);padding:24px;border-radius:16px;margin-bottom:25px}.create-form label{flex:1}.collection-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.collection-card{display:flex;align-items:center;gap:10px;padding:10px 16px 10px 10px;background:white;border:1px solid var(--border);border-radius:16px}.collection-open{flex:1;min-width:0;text-align:left;padding:18px;border:0;background:none;color:#172b49}.collection-open h2{font-size:21px;line-height:1.3;margin:0 0 12px;overflow-wrap:anywhere}.collection-open p{font-size:14px;margin:0;color:#60708a}.collection-card:hover{border-color:#9cb4ed}.delete-button{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;border:1px solid #f0d6da;border-radius:9px;background:#fff7f8;color:#b32639}.delete-button:hover{background:#ffe8eb}.heading h1{overflow-wrap:anywhere}.heading>div:first-child{min-width:0}input[type=checkbox]{appearance:auto}.item-name{min-width:0}.create-form button{min-height:48px}#notice{overflow-wrap:anywhere}@media(max-width:760px){.collection-grid{grid-template-columns:1fr}.create-form{padding:18px;flex-wrap:wrap}.create-form label{flex-basis:100%}.heading-actions{width:100%}.delete-button{width:40px;height:40px}li{gap:9px}.quantity{padding:3px 7px;max-width:25%}.collection-open{padding:14px}}
.create-form{flex-wrap:wrap}.template-options{display:flex;gap:12px;flex-wrap:wrap;flex-basis:100%;border:0;margin:0 0 8px;padding:0}.template-options legend{font-size:14px;font-weight:700;margin-bottom:12px}.template-option{display:flex;gap:10px;align-items:center;padding:13px;border:1px solid var(--border);border-radius:10px;cursor:pointer;font-size:16px!important}.template-option input{width:18px;margin:0;accent-color:#275de5}.template-option:has(input:checked){background:#edf2ff;border-color:#275de5;color:#2048a5}.template-option span{font-size:24px}.template-picker{flex-basis:100%;border-top:1px solid var(--border);padding-top:15px}.template-picker h2{font-size:18px;margin:0 0 7px}.template-picker p{font-size:14px;color:#60708a}.template-product{display:flex;gap:12px;align-items:center;border-bottom:1px solid var(--border);padding:12px 0;font-size:16px}.template-product input[type=checkbox]{width:22px;height:22px;margin:0;accent-color:#275de5}.template-product span{flex:1}.template-product input[type=text]{width:145px;margin:0}.template-badge{display:block;font-size:14px;color:#60708a;margin-bottom:12px}.quantity-button{border:1px solid #d4ddea;min-height:40px;cursor:pointer}.quantity-button:hover{background:#edf2ff}@media(max-width:480px){.template-option{flex-basis:100%}.template-product input[type=text]{width:110px}}
.category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.category-card{text-align:left;border:1px solid #dbe3f4;background:white;border-radius:22px;padding:35px;color:#172b49;min-height:250px}.category-card:hover{border-color:#275de5;box-shadow:0 8px 30px #275de515}.category-card.produce{background:#f1faf4;border-color:#c9e5d1}.category-icon{font-size:48px;display:block;margin-bottom:25px}.category-card h2{font-size:27px;margin:0 0 10px;letter-spacing:-.6px}.category-card p{color:#60708a;margin:0 0 22px}.category-count{font-size:14px;font-weight:600}.section-hint{color:#60708a;font-size:14px;line-height:1.6;margin:16px 0 22px}.catalog-shortcut{display:flex;align-items:center;gap:14px;padding:18px 25px;border-bottom:1px solid #e9edf4}.catalog-shortcut span{font-size:14px;color:#60708a}select{font:inherit;display:block;width:100%;margin-top:6px;border:1px solid var(--input);padding:11px 10px;background:white;color:#172b49;border-radius:9px;min-height:48px}.unit-field{width:105px}.quantity-field{width:105px}#detail{max-width:900px;margin:auto}#detail .list-panel{min-height:300px}.icon-button{width:44px;height:44px;padding:0;font-size:23px}.quantity-button{white-space:normal}.quantity{max-width:28%}dialog{color:#172b49;background:#fff;border:1px solid #dee4ef;border-radius:20px;padding:26px;width:min(690px,calc(100% - 24px));max-height:88dvh;overflow:auto;box-shadow:0 30px 100px #172b4933}dialog::backdrop{background:#14274777}.dialog-heading{display:flex;align-items:start;justify-content:space-between;gap:16px}.dialog-heading h2{font-size:24px;margin:0;overflow-wrap:anywhere}.close-dialog{width:42px;height:42px;flex-shrink:0;border:0;border-radius:9px;background:#f1f4fa;font-size:28px;color:#425777}.dialog-footer{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:12px;padding-top:22px}.inline-add{display:flex;gap:10px;align-items:end;padding:15px 0;border-bottom:1px solid #dbe3ef}.inline-add label{flex:1}.inline-add button{height:48px}.picker-row{display:grid;grid-template-columns:minmax(0,1fr) 100px 100px;align-items:center;gap:14px;padding:16px 0;border-bottom:1px solid #e6eaf1}.picker-choice{display:flex;align-items:center;gap:12px;font-size:16px;color:#172b49;overflow-wrap:anywhere}.picker-choice input{width:22px;height:22px;margin:0;accent-color:#275de5;flex-shrink:0}.picker-choice span{min-width:0}.edit-quantity{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:22px}#edit-name-wrap{margin-top:22px}#catalog-view .list-panel{min-height:150px}input:disabled,select:disabled{opacity:.65}button:disabled{cursor:wait}#name,#amount,#edit-amount{max-width:100%}@media(max-width:760px){.category-grid{grid-template-columns:1fr;gap:16px}.category-card{padding:25px;min-height:0}.category-icon{font-size:36px;margin-bottom:14px}.category-card h2{font-size:24px}.category-card p{margin-bottom:14px}.add-form{flex-wrap:wrap}.add-form .product-field{flex-basis:100%}.quantity-field{flex:1;width:auto}.unit-field{flex:1;width:auto}.catalog-shortcut{align-items:start;flex-direction:column;padding:17px}.heading-actions{gap:8px}.heading-actions button{flex:1}.picker-row{grid-template-columns:minmax(0,1fr) 78px 87px;gap:8px}.picker-choice{font-size:15px;gap:8px}.picker-row input,.picker-row select{padding:10px 7px}dialog{padding:19px}.brand{font-size:18px}.dialog-footer .primary{flex:1}.category-card:active{transform:scale(.99)}}