:root{--text:#5a6d85;--text-h:#0c2340;--bg:#e8eef5;--bg-elevated:#fff;--card-bg:#fff;--border:#b8c9dc;--accent:#1565c0;--accent-hover:#0d47a1;--accent-bright:#ffc107;--accent-bg:#1565c01a;--accent-border:#1565c059;--accent-bright-bg:#ffc1072e;--accent-bright-border:#ffc10780;--success:#2e7d32;--slot-empty:#dce6f2;--danger:#c62828;--shadow:#0c23401a 0 20px 25px -5px, #0c23400f 0 8px 10px -6px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;font:15px/1.45 var(--sans);color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--text:#8fa8c4;--text-h:#e8f1fb;--bg:#060d18;--bg-elevated:#0c1a2e;--card-bg:#0f2038;--border:#1e3a5f;--accent:#42a5f5;--accent-hover:#64b5f6;--accent-bright:#ffca28;--accent-bg:#42a5f51f;--accent-border:#42a5f559;--accent-bright-bg:#ffca2824;--accent-bright-border:#ffca2866;--success:#66bb6a;--slot-empty:#0a1525;--danger:#ef5350;--shadow:#00000080 0 20px 25px -5px, #00000059 0 8px 10px -6px}}*,:before,:after{box-sizing:border-box}body{background:radial-gradient(ellipse at top, #1565c014, transparent 55%), var(--bg);margin:0}#root{border-inline:1px solid var(--border);background:var(--bg-elevated);max-width:1280px;min-height:100svh;margin:0 auto}h1,h2{font-family:var(--sans);color:var(--text-h);font-weight:600}button{font-family:inherit}button:focus-visible{outline:2px solid var(--accent-bright);outline-offset:2px}input:focus-visible,select:focus-visible{outline:2px solid var(--accent-bright);outline-offset:1px}.app{flex-direction:column;min-height:100svh;display:flex}.header{border-bottom:1px solid var(--border);background:linear-gradient(135deg, var(--accent) 0%, #0d47a1 100%);color:#fff;justify-content:space-between;align-items:center;gap:24px;padding:20px 28px;display:flex}.header__brand{text-align:left;align-items:center;gap:14px;display:flex}.header__icon{background:var(--accent-bright);border:2px solid #ffffff4d;border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;font-size:22px;display:flex;box-shadow:0 2px 8px #0003}.header h1{letter-spacing:-.3px;color:#fff;margin:0;font-size:24px}.header__subtitle{color:#fffc;margin:2px 0 0;font-size:13px}.header__stats{color:#ffffffe6;white-space:nowrap;background:#ffffff1f;border:1px solid #fff3;border-radius:999px;align-items:center;gap:12px;padding:8px 14px;font-size:13px;display:flex}.header__right{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.header__actions{flex-wrap:wrap;justify-content:flex-end;align-items:flex-start;gap:6px;display:flex}.header__action-btn{font:inherit;color:#fff;cursor:pointer;white-space:nowrap;background:#ffffff26;border:1px solid #ffffff59;border-radius:6px;padding:7px 12px;font-size:12px;font-weight:600;transition:background .2s}.header__action-btn:hover:not(:disabled){background:#ffffff40}.header__action-btn:disabled{opacity:.45;cursor:not-allowed}.data-transfer{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.data-transfer__actions{gap:6px;display:flex}.data-transfer__btn{font:inherit;color:var(--text-h);background:var(--accent-bright);cursor:pointer;white-space:nowrap;border:1px solid #ffffff59;border-radius:6px;padding:7px 12px;font-size:12px;font-weight:600;transition:filter .2s}.data-transfer__btn:hover{filter:brightness(1.06)}.data-transfer__btn--danger{color:#fff;background:#c62828d9;border-color:#ffffff40}.data-transfer__btn--danger:hover:not(:disabled){filter:brightness(1.08);background:#c62828f2}.data-transfer__btn:disabled{opacity:.45;cursor:not-allowed}.data-transfer__file{display:none}.data-transfer__message{text-align:right;border-radius:6px;max-width:260px;margin:0;padding:4px 10px;font-size:11px;font-weight:500}.data-transfer__message--success{color:#e8f5e9;background:#2e7d3273}.data-transfer__message--error{color:#ffebee;background:#c6282880}.header__divider{background:#ffffff59;width:1px;height:14px}.main{text-align:left;flex:1;padding:24px 28px 32px}.add-room{margin-bottom:24px}.add-room__label{color:var(--text-h);margin-bottom:8px;font-size:13px;font-weight:600;display:block}.add-room__row{gap:10px;display:flex}.add-room__row input{min-width:0;font:inherit;color:var(--text-h);background:var(--card-bg);border:1px solid var(--border);border-radius:8px;flex:1;padding:10px 14px;transition:border-color .2s,box-shadow .2s}.add-room__row input::placeholder{color:var(--text);opacity:.7}.add-room__row input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg);outline:none}.add-room__row button{font:inherit;color:var(--text-h);background:var(--accent-bright);border:1px solid var(--accent-bright-border);cursor:pointer;white-space:nowrap;border-radius:8px;padding:10px 18px;font-weight:600;transition:filter .2s,transform .15s}.add-room__row button:hover:not(:disabled){filter:brightness(1.05)}.add-room__row button:disabled{opacity:.4;cursor:not-allowed}.empty-state{text-align:center;border:1px dashed var(--border);color:var(--text);background:var(--card-bg);border-radius:12px;padding:40px 24px}.empty-state p{margin:0}.empty-state__hint{opacity:.85;font-size:13px;margin-top:8px!important}.room-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.room-card{border:1px solid var(--border);background:var(--card-bg);border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0c23400f}.room-card__header{border-bottom:1px solid var(--border);background:linear-gradient(180deg, var(--card-bg), #1565c008);align-items:center;gap:8px;padding:10px 12px;display:flex}.room-card--collapsed .room-card__header{border-bottom:none}.room-card__chevron-btn{width:32px;height:32px;font:inherit;color:var(--text);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:background .2s,border-color .2s;display:flex}.room-card__chevron-btn:hover{background:var(--accent-bg);border-color:var(--accent-border)}.room-card__chevron{font-size:18px;line-height:1;transition:transform .2s;transform:rotate(90deg)}.room-card__chevron--collapsed{transform:rotate(0)}.room-card__title-wrap{flex:1;min-width:0}.room-card__name{font-size:17px;font-weight:600}.room-card__name-input{width:100%;max-width:280px;font:inherit;color:var(--text-h);background:var(--bg-elevated);border:1px solid var(--accent);border-radius:6px;padding:4px 8px;font-size:17px;font-weight:600}.room-card__meta{color:var(--text);margin-top:1px;font-size:12px;display:block}.room-card__actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.room-card__list-btn{font:inherit;color:var(--accent);background:var(--accent-bg);border:1px solid var(--accent-border);cursor:pointer;white-space:nowrap;border-radius:6px;padding:7px 12px;font-size:12px;font-weight:600;transition:background .2s,color .2s}.room-card__list-btn:hover:not(:disabled){background:var(--accent);color:#fff}.room-card__list-btn:disabled{opacity:.45;cursor:not-allowed}.room-card__remove{width:30px;height:30px;color:var(--text);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;padding:0;font-size:18px;line-height:1;transition:color .2s,background .2s,border-color .2s;display:flex}.room-card__remove:hover{color:var(--danger);background:#c6282814;border-color:#c6282840}.room-card__body{padding:14px}.outlets__empty{color:var(--text);opacity:.8;margin:0 0 12px;font-size:13px}.outlets__list{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px;margin:0 0 12px;padding:0;list-style:none;display:grid}.outlet{background:var(--bg-elevated);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:8px;padding:12px;font-size:13px;transition:border-color .2s,box-shadow .2s;display:flex}.outlet:hover{border-color:var(--accent-border);box-shadow:0 2px 8px #1565c014}.outlet__header{justify-content:space-between;align-items:flex-start;gap:6px;display:flex}.outlet__name{flex:1;min-width:0;font-size:14px;font-weight:600}.outlet__name-input{min-width:0;font:inherit;color:var(--text-h);background:var(--card-bg);border:1px solid var(--accent);border-radius:6px;flex:1;padding:4px 8px;font-size:14px;font-weight:600}.editable-name{align-items:center;gap:4px;min-width:0;max-width:100%;display:inline-flex}.editable-name__text{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text-h);overflow:hidden}.editable-name__text--placeholder{color:var(--text);font-style:italic;font-weight:500}.editable-name__edit{width:22px;height:22px;color:var(--text);cursor:pointer;opacity:0;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:12px;line-height:1;transition:opacity .2s,background .2s,color .2s;display:flex}.editable-name:hover .editable-name__edit,.editable-name:focus-within .editable-name__edit{opacity:1}.editable-name__edit:hover{color:var(--accent);background:var(--accent-bg)}.editable-name__input{font:inherit;color:var(--text-h);background:var(--card-bg);border:1px solid var(--accent);border-radius:6px}.outlet__meta{justify-content:space-between;align-items:center;gap:8px;display:flex}.outlet__module{min-width:0;font:inherit;color:var(--text-h);background-color:var(--card-bg);border:1px solid var(--border);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%235a6d85' d='M3 4.5 6 7.5 9 4.5'/%3E%3C/svg%3E");background-position:right 6px center;background-repeat:no-repeat;border-radius:6px;flex:1;padding:5px 24px 5px 8px;font-size:12px;font-weight:600;transition:border-color .2s}.outlet__module:hover{border-color:var(--accent-border)}.outlet__module:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-bg);outline:none}.outlet__capacity{color:var(--text);background:var(--slot-empty);border:1px solid var(--border);border-radius:999px;flex-shrink:0;padding:3px 7px;font-size:11px;font-weight:700}.outlet__capacity--full{color:var(--success);background:#2e7d321a;border-color:#2e7d324d}.module-rack__track{background:var(--slot-empty);border:1px solid var(--border);border-radius:6px;gap:3px;padding:6px;display:flex}.module-rack__slot{background:var(--card-bg);border:1px dashed var(--border);border-radius:3px;flex:1;min-width:0;height:18px;transition:background .2s,border-color .2s}.module-rack__slot--filled{background:var(--accent-bright);border:1px solid var(--accent-bright-border);box-shadow:inset 0 -2px #0000001a}.component-list{flex-wrap:wrap;gap:5px;margin:0;padding:0;list-style:none;display:flex}.component-item{background:var(--card-bg);border:1px solid var(--border);border-radius:999px;align-items:center;gap:4px;max-width:100%;padding:3px 6px;font-size:11px;display:inline-flex}.component-item__width{color:var(--accent);background:var(--accent-bg);border-radius:3px;flex-shrink:0;padding:1px 4px;font-size:10px;font-weight:700}.component-item__label{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text-h);overflow:hidden}.component-item__remove{width:16px;height:16px;color:var(--text);cursor:pointer;opacity:.6;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:12px;line-height:1;transition:opacity .2s,color .2s,background .2s;display:flex}.component-item__remove:hover{opacity:1;color:var(--danger);background:#c628281a}.component-add{width:100%;font:inherit;color:var(--text-h);background-color:var(--card-bg);border:1px dashed var(--border);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%235a6d85' d='M3 4.5 6 7.5 9 4.5'/%3E%3C/svg%3E");background-position:right 6px center;background-repeat:no-repeat;border-radius:6px;padding:6px 24px 6px 8px;font-size:12px;transition:border-color .2s}.component-add:hover:not(:disabled){border-color:var(--accent-border)}.component-add:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-bg);outline:none}.component-add:disabled{opacity:.55;cursor:not-allowed}.outlet__remove{width:24px;height:24px;color:var(--text);cursor:pointer;opacity:.5;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:16px;line-height:1;transition:opacity .2s,color .2s,background .2s;display:flex}.outlet__remove:hover{opacity:1;color:var(--danger);background:#c6282814}.add-outlet{font:inherit;color:var(--accent);background:var(--accent-bg);border:1px dashed var(--accent-border);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;transition:background .2s,color .2s,border-style .2s;display:inline-flex}.add-outlet:hover{background:var(--accent);color:#fff;border-style:solid}.add-outlet__plus{font-size:16px;line-height:1}.modal{z-index:100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#060d18a6;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal__dialog{background:var(--card-bg);border:1px solid var(--border);width:100%;max-width:480px;max-height:min(80svh,640px);box-shadow:var(--shadow);border-radius:14px;flex-direction:column;display:flex;overflow:hidden}.modal__header{border-bottom:1px solid var(--border);background:linear-gradient(180deg, var(--accent-bg), transparent);justify-content:space-between;align-items:flex-start;gap:16px;padding:18px 18px 14px;display:flex}.modal__title{margin:0;font-size:18px;font-weight:600}.modal__subtitle{color:var(--text);margin:3px 0 0;font-size:13px}.modal__close{width:30px;height:30px;color:var(--text);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:20px;line-height:1;transition:color .2s,background .2s;display:flex}.modal__close:hover{color:var(--text-h);background:var(--accent-bg)}.modal__body{padding:14px 18px 18px;overflow-y:auto}.shopping-list{flex-direction:column;gap:16px;display:flex}.shopping-list__empty{color:var(--text);text-align:center;margin:0;padding:20px 12px;font-size:13px}.shopping-list__section-title{letter-spacing:.05em;text-transform:uppercase;color:var(--accent);margin:0 0 8px;font-size:11px;font-weight:700}.shopping-list__table-head,.shopping-list__item{grid-template-columns:40px 1fr 72px 80px;align-items:center;gap:8px;display:grid}.shopping-list__table-head{letter-spacing:.04em;text-transform:uppercase;color:var(--text);border-bottom:1px solid var(--border);padding:0 10px 6px;font-size:10px;font-weight:700}.shopping-list__table-head span:nth-child(n+3){text-align:right}.shopping-list__items{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.shopping-list__item{background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;padding:8px 10px}.shopping-list__qty{color:var(--text-h);background:var(--accent-bright);text-align:center;border-radius:4px;padding:2px 6px;font-size:13px;font-weight:700}.shopping-list__name{min-width:0;color:var(--text-h);font-size:13px}.shopping-list__unit,.shopping-list__line-total{text-align:right;color:var(--text);white-space:nowrap;font-size:12px;font-weight:600}.shopping-list__line-total{color:var(--text-h)}.shopping-list__footer{border-top:1px solid var(--border);margin-top:4px;padding-top:12px}.shopping-list__summary{flex-direction:column;gap:8px;display:flex}.shopping-list__summary-row{color:var(--text);justify-content:space-between;align-items:baseline;gap:12px;font-size:13px;display:flex}.shopping-list__summary-row--discount{color:var(--success);font-weight:600}.shopping-list__total{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.shopping-list__summary .shopping-list__total{border-top:1px dashed var(--border);margin-top:4px;padding-top:10px}.shopping-list__total-label{color:var(--text-h);font-size:14px;font-weight:600}.shopping-list__total-value{color:var(--accent);font-size:22px;font-weight:700}.shopping-list__note{color:var(--text);margin:10px 0 0;font-size:12px;line-height:1.4}.shopping-list__note code{background:var(--slot-empty);border-radius:4px;padding:1px 4px;font-size:11px}@media (width<=640px){.header{flex-direction:column;align-items:flex-start;padding:16px 18px}.header__right{align-items:stretch;width:100%}.header__actions{flex-direction:column;width:100%}.header__action-btn{width:100%}.data-transfer{align-items:stretch;width:100%}.data-transfer__actions{width:100%}.data-transfer__btn{flex:1}.data-transfer__message{text-align:left;max-width:none}.header__stats{justify-content:center}.main{padding:16px 18px 24px}.add-room__row{flex-direction:column}.add-room__row button{width:100%}.outlets__list{grid-template-columns:1fr}.room-card__header{flex-wrap:wrap}.room-card__actions{justify-content:flex-end;width:100%}.room-card__list-btn{flex:1}.editable-name__edit{opacity:1}.shopping-list__table-head,.shopping-list__item{grid-template-columns:36px 1fr 64px}.shopping-list__table-head span:last-child,.shopping-list__line-total{display:none}}@media (width>=900px){.outlets__list{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (width>=1100px){.outlets__list{grid-template-columns:repeat(3,1fr)}}