:root{--purple:#6C3FB5;--purple-2:#8C63D2;--lav:#CDB9F4;--lav-light:#EEE7FA;--dark:#38205F;--bg:#FAF8FD;--white:#fff;--text:#21172E;--muted:#746C7D;--success:#2FA36B;--warn:#F0A12B;--err:#D94A61;--info:#3978C6;--shadow:0 18px 45px rgba(56,32,95,.10);--r:24px}*{box-sizing:border-box}body{margin:0;font-family:Geist,Inter,system-ui,sans-serif;background:radial-gradient(circle at top left,#eee7fa,transparent 38%),var(--bg);color:var(--text)}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{display:grid;grid-template-columns:280px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;background:rgba(255,255,255,.82);backdrop-filter:blur(16px);border-right:1px solid #eadff8;padding:24px;display:flex;flex-direction:column;gap:18px}.brand{display:flex;align-items:center;gap:14px}.brand img{width:58px;height:58px;border-radius:20px;object-fit:cover;box-shadow:var(--shadow)}.brand h1{font-size:22px;margin:0;color:var(--dark);letter-spacing:.03em}.brand p{margin:2px 0 0;color:var(--muted);font-size:13px}.nav{display:grid;gap:8px}.nav button,.quick button,.btn{border:0;border-radius:16px;padding:12px 14px;background:transparent;color:var(--text);display:flex;align-items:center;gap:10px;font-weight:700}.nav button.active,.nav button:hover{background:var(--lav-light);color:var(--purple)}.main{padding:28px;max-width:1380px;width:100%;margin:0 auto}.topbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.hero{display:grid;grid-template-columns:1.25fr .75fr;gap:18px;align-items:stretch}.card{background:rgba(255,255,255,.9);border:1px solid #eadff8;border-radius:var(--r);box-shadow:var(--shadow);padding:22px}.hero-card{background:linear-gradient(135deg,var(--purple),var(--dark));color:#fff;position:relative;overflow:hidden}.hero-card:after{content:"";position:absolute;right:-70px;top:-80px;width:260px;height:260px;border-radius:50%;background:rgba(255,255,255,.12)}h2{font-size:34px;line-height:1.05;margin:0 0 10px}h3{font-size:20px;margin:0 0 14px}.muted{color:var(--muted)}.hero-card .muted{color:#eee}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px;margin-top:18px}.col-3{grid-column:span 3}.col-4{grid-column:span 4}.col-6{grid-column:span 6}.col-8{grid-column:span 8}.col-12{grid-column:span 12}.metric{display:flex;align-items:center;justify-content:space-between}.metric strong{font-size:30px;color:var(--purple)}.btn{background:var(--purple);color:#fff;justify-content:center}.btn.secondary{background:var(--lav-light);color:var(--purple)}.btn.ghost{background:#fff;color:var(--purple);border:1px solid #eadff8}.btn.danger{background:var(--err)}.btn.success{background:var(--success)}.btn.full{width:100%}.quick-add{display:flex;gap:10px}.quick-add input{flex:1;border:1px solid #ddcff4;border-radius:16px;padding:14px 16px;background:#fff}.list{display:grid;gap:10px}.row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border-radius:16px;background:#fbf9fe;border:1px solid #f0e8fb}.catalog-section{display:grid;gap:10px;margin-top:16px}.catalog-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.catalog-list{display:grid;gap:8px}.catalog-row{display:flex;align-items:center;min-height:54px;padding:14px 16px;border-radius:18px;background:#fbf9fe;border:1px solid #f0e8fb;font-weight:700}.btn.mini{padding:8px 10px;border-radius:12px;font-size:12px}.empty.compact{padding:16px}.pill{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:6px 10px;font-weight:700;font-size:12px;background:var(--lav-light);color:var(--purple)}.pill.warn{background:#fff4df;color:#9b6100}.pill.success{background:#e6f7ef;color:var(--success)}.pill.err{background:#fdecef;color:var(--err)}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 18px}.tabs button{border:1px solid #eadff8;background:#fff;border-radius:999px;padding:10px 14px;font-weight:800}.tabs button.active{background:var(--purple);color:#fff}.progress{height:12px;background:var(--lav-light);border-radius:999px;overflow:hidden}.progress span{display:block;height:100%;background:linear-gradient(90deg,var(--purple),var(--purple-2));border-radius:inherit}.item-card{padding:16px;border-radius:20px;border:1px solid #eadff8;background:#fff;display:grid;gap:12px}.item-card.bought{opacity:.65;background:#f8fff8}.item-actions{display:flex;gap:8px;flex-wrap:wrap}.form-grid{display:grid;gap:12px}.form-grid input,.form-grid select,.form-grid textarea{border:1px solid #ddcff4;border-radius:14px;padding:12px;background:#fff}.empty{padding:28px;text-align:center;border:1px dashed #cdb9f4;border-radius:22px;background:#fff}.toast{position:fixed;right:18px;bottom:88px;background:var(--dark);color:#fff;padding:14px 16px;border-radius:16px;box-shadow:var(--shadow);z-index:99}.modal-overlay{position:fixed;inset:0;background:rgba(33,23,46,.42);backdrop-filter:blur(8px);z-index:120;display:grid;place-items:center;padding:18px}.modal-card{width:min(440px,100%);background:#fff;border:1px solid #eadff8;border-radius:28px;padding:22px;box-shadow:0 28px 80px rgba(56,32,95,.24)}.modal-head{display:flex;gap:14px;align-items:flex-start;margin-bottom:16px}.modal-head h3{margin:0 0 4px}.modal-head p{margin:0}.modal-icon{width:44px;height:44px;border-radius:16px;background:var(--lav-light);color:var(--purple);display:grid;place-items:center;flex:0 0 auto}.modal-card .form-grid{gap:16px}.modal-card .form-grid label{display:grid;gap:8px;font-weight:700;color:var(--text);line-height:1.2}.modal-card .form-grid input{width:100%;min-height:52px;font-weight:500}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:8px}.modal-actions .btn{min-width:120px}.mobile-nav{display:none}.quick-menu{position:fixed;right:20px;bottom:152px;display:grid;gap:10px;z-index:31;opacity:0;pointer-events:none;transform:translateY(10px);transition:.18s ease}.quick-menu.open{opacity:1;pointer-events:auto;transform:translateY(0)}.quick-menu button{border:1px solid #eadff8;background:#fff;color:var(--purple);border-radius:18px;padding:12px 14px;box-shadow:var(--shadow);font-weight:800;display:flex;align-items:center;gap:10px;justify-content:flex-start;min-width:210px}.quick-menu button:first-child{background:var(--purple);color:#fff}.fab{position:fixed;right:20px;bottom:82px;border:0;border-radius:22px;width:58px;height:58px;background:var(--purple);color:#fff;box-shadow:var(--shadow);font-size:26px;z-index:32}.refresh-fab{position:fixed;right:20px;bottom:152px;border:0;border-radius:18px;width:52px;height:52px;background:#fff;color:var(--purple);border:1px solid #eadff8;box-shadow:var(--shadow);font-size:22px;z-index:30}.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}:focus-visible{outline:3px solid var(--lav);outline-offset:3px}@media(max-width:980px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}.main{padding:18px 14px 98px}.hero{grid-template-columns:1fr}h2{font-size:27px}.grid{grid-template-columns:1fr}.col-3,.col-4,.col-6,.col-8,.col-12{grid-column:span 1}.topbar{align-items:flex-start;flex-direction:column}.mobile-nav{display:grid;position:fixed;left:0;right:0;bottom:0;grid-template-columns:repeat(5,1fr);background:#fff;border-top:1px solid #eadff8;padding:7px 4px;z-index:50}.mobile-nav button{border:0;background:#fff;color:var(--muted);display:grid;place-items:center;gap:2px;font-size:11px;font-weight:800}.mobile-nav button.active{color:var(--purple)}.quick-add{flex-direction:column}.item-actions .btn{flex:1;min-width:130px}.card{padding:17px}}

.action-strip{display:flex;gap:10px;flex-wrap:wrap;margin:-8px 0 22px}.action-strip .btn{box-shadow:var(--shadow)}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.section-head h3{margin:0}.link-btn{border:0;background:transparent;color:var(--purple);font-weight:800}.room-list{display:grid;gap:12px}.room-card{width:100%;text-align:left;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:16px;border:1px solid #eadff8;border-radius:20px;background:#fff;color:var(--text)}.room-icon{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;background:var(--lav-light);color:var(--purple)}.room-card strong{color:var(--purple);font-size:18px}.room-card p{margin:4px 0 0;color:var(--muted);font-weight:700}.room-state{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;color:#fff}.room-state.ok{background:var(--purple)}.room-state.warn{background:var(--warn)}

.shopping-workspace{display:grid;gap:16px;margin-top:18px}.shopping-summary-bar{display:grid;grid-template-columns:repeat(3,minmax(160px,1fr));gap:12px}.summary-tile{background:#fff;border:1px solid #eadff8;border-radius:20px;box-shadow:var(--shadow);padding:16px;display:grid;gap:8px;min-width:0}.summary-tile span{color:var(--muted);font-weight:800}.summary-tile strong{font-size:24px;color:var(--purple);overflow-wrap:anywhere}.shopping-add-bar{background:#fff;border:1px solid #eadff8;border-radius:22px;box-shadow:var(--shadow);padding:14px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.shopping-add-bar input{min-width:0;border:1px solid #ddcff4;border-radius:16px;padding:14px 16px;background:#fff}.shopping-list-card{min-width:0}.shopping-list-card .section-head{align-items:flex-start}.item-card,.row,.tabs{min-width:0}.item-card strong,.tabs button{overflow-wrap:anywhere}.item-actions .btn{white-space:nowrap}@media(max-width:760px){.shopping-summary-bar{grid-template-columns:1fr 1fr}.shopping-add-bar{grid-template-columns:1fr}.shopping-add-bar .btn{width:100%}.tabs{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}.tabs button{flex:0 0 auto}.shopping-list-card .section-head{display:grid}.shopping-list-card .item-actions,.item-actions{display:grid;grid-template-columns:1fr 1fr}.item-actions .btn{width:100%;min-width:0;padding:11px 10px}}@media(max-width:430px){.shopping-summary-bar{grid-template-columns:1fr}.shopping-list-card .item-actions,.item-actions{grid-template-columns:1fr}}
.room-card.active{border-color:var(--purple);box-shadow:0 0 0 3px rgba(108,63,181,.12),var(--shadow)}.room-task-panel{min-width:0}.room-task-list .item-card{box-shadow:none}

.icon-picker-field{grid-column:1/-1}.icon-picker-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(108px,1fr));gap:10px;margin-top:8px;max-height:300px;overflow:auto;padding:2px}.icon-picker-option{border:1px solid #eadff8;background:#fff;border-radius:18px;padding:12px 10px;display:grid;place-items:center;gap:6px;color:var(--text);font-weight:800}.icon-picker-option i{color:var(--purple)}.icon-picker-option span{font-size:12px;text-align:center}.icon-picker-option.active{border-color:var(--purple);background:var(--lav-light);box-shadow:0 0 0 3px rgba(108,63,181,.12)}@media(max-width:430px){.icon-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-height:260px}.icon-picker-option{padding:11px 8px}}
.room-actions{display:flex;align-items:center;gap:8px}.room-remove{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;color:var(--err);background:#fff0f3;border:1px solid #ffd6df}.room-remove:hover{background:#ffe2e9}
.room-edit{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;color:var(--purple);background:var(--lav-light);border:1px solid #eadff8}.room-edit:hover{background:#e5daf8}
.item-edit-grid{display:grid;grid-template-columns:minmax(80px,.8fr) minmax(110px,1fr) minmax(100px,1fr) minmax(100px,.9fr);gap:10px;margin:12px 0}.item-edit-field{display:grid;gap:5px;color:var(--muted);font-weight:800;font-size:12px}.item-edit-field input{width:100%;border:1px solid #ddcff4;border-radius:14px;padding:10px 11px;background:#fff;color:var(--text);font-weight:800}.item-total-field{border:1px solid #eadff8;border-radius:16px;background:var(--lav-light);padding:9px 11px;display:grid;gap:4px}.item-total-field span{font-size:12px;color:var(--muted);font-weight:800}.item-total-field strong{color:var(--purple)}@media(max-width:760px){.item-edit-grid{grid-template-columns:1fr 1fr}.item-total-field{grid-column:1/-1}}@media(max-width:430px){.item-edit-grid{grid-template-columns:1fr}}

.item-qty-summary{color:var(--purple);font-weight:900;white-space:nowrap}.shopping-item-expand-hint{display:none;color:var(--purple);font-weight:800;font-size:13px;margin-top:8px}@media(max-width:760px){.shopping-item-compact{padding:9px 12px;border-radius:16px}.shopping-item-compact .row{align-items:center;gap:10px}.shopping-item-compact strong{font-size:15px;line-height:1.15}.shopping-item-compact>.muted{display:none}.shopping-item-compact .item-edit-grid,.shopping-item-compact .item-actions{display:none}.shopping-item-compact.expanded .item-edit-grid{display:grid}.shopping-item-compact.expanded .item-actions{display:grid}.shopping-item-compact.expanded .shopping-item-expand-hint{display:block}.shopping-item-compact.expanded{border-color:var(--purple);box-shadow:0 0 0 3px rgba(108,63,181,.10),var(--shadow)}}
.dashboard-focus-grid{display:grid;grid-template-columns:repeat(3,minmax(160px,1fr));gap:14px;margin-bottom:18px}.dashboard-focus-card{text-align:left;border:1px solid #eadff8}.dashboard-focus-card span{color:var(--muted);font-weight:800}.dashboard-focus-card strong{font-size:34px;color:var(--purple)}.dashboard-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.dashboard-section-card{min-width:0}.dashboard-section-card .row{width:100%;border:0;background:#fff;text-align:left}@media(max-width:760px){.dashboard-focus-grid,.dashboard-action-grid{grid-template-columns:1fr}.dashboard-focus-card{padding:16px}.dashboard-focus-card strong{font-size:28px}}
.shopping-search-bar{background:#fff;border:1px solid #eadff8;border-radius:22px;box-shadow:var(--shadow);padding:12px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.shopping-search-bar input{min-width:0;border:1px solid #ddcff4;border-radius:16px;padding:13px 15px;background:#fff}@media(max-width:760px){.shopping-search-bar{grid-template-columns:1fr}.shopping-search-bar .btn{width:100%}}