:root{--bg:#f7f9f9;--surface:#fff;--text:#073b4c;--muted:#607781;--turq:#18a6a6;--turqsoft:#eefafa;--purple:#6c57d9;--line:#123f4c;--soft:#dce5e7;--danger:#b54c5a}*{box-sizing:border-box}body{margin:0;padding:0 32px 50px;font-family:Arial,sans-serif;background:var(--bg);color:var(--text)}button,input,select{font:inherit}button{cursor:pointer}.hidden{display:none!important}.loading{opacity:.55;pointer-events:none}.auth-view{min-height:100vh;display:grid;place-items:center;padding:20px}.card,dialog form{background:var(--surface);padding:26px;border:1px solid var(--soft);border-radius:16px}.card{width:min(430px,100%)}label{display:block;margin:16px 0 7px;font-weight:700}input,select{width:100%;min-height:46px;padding:10px 12px;border:1px solid var(--soft);border-radius:9px}.primary{min-height:46px;padding:10px 18px;border:0;border-radius:9px;background:var(--purple);color:#fff;font-weight:700}.card .primary,dialog .primary{width:100%;margin-top:20px}.error{color:var(--danger);font-size:14px}.topbar{max-width:1200px;margin:24px auto;display:flex;gap:12px}.topbar input{flex:1}.topbar button{min-height:46px}.topbar>button:not(.primary){border:1px solid var(--soft);border-radius:9px;background:white;color:var(--muted);padding:0 15px}main{max-width:1200px;margin:auto}.intro,.row{display:flex;justify-content:space-between;align-items:center;gap:14px}.intro h1{font-size:44px;margin:0}.intro p{color:var(--muted)}.home-layout{display:grid;grid-template-columns:minmax(540px,1fr) minmax(300px,360px);gap:42px;align-items:start}.apartment{display:grid;grid-template-columns:1.15fr 1.05fr .75fr 1.25fr .42fr;grid-template-rows:55px 150px 90px 100px 100px;max-width:720px}.room,.cellar{display:flex;align-items:center;justify-content:center;padding:8px;background:white;color:var(--text);border:2px solid var(--line)}.room:hover,.cellar:hover,.active-room{background:var(--turqsoft);border-color:var(--turq);color:var(--turq)}.kammer{grid-column:1;grid-row:1}.bruno{grid-column:1/3;grid-row:2}.bad{grid-column:1;grid-row:3}.flur{grid-column:2;grid-row:3}.wohnzimmer{grid-column:3/6;grid-row:1/4}.eingang{grid-column:3;grid-row:4/6}.balkonzimmer{grid-column:4;grid-row:4}.kueche{grid-column:4;grid-row:5}.balkon{grid-column:5;grid-row:4/6}.cellar{width:220px;height:105px;margin-top:28px}.room-detail{padding:22px;background:white;border:1px solid var(--soft);border-radius:14px}.back{border:0;background:transparent;color:var(--muted)}#room-actions{display:flex;justify-content:flex-end;margin-bottom:12px}.add-location{padding:9px 12px;border:1px solid var(--turq);border-radius:9px;background:var(--turqsoft);color:var(--turq);font-weight:700}.accordion{margin-bottom:10px;border:1px solid var(--soft);border-radius:10px;overflow:hidden}.accordion-head{display:grid;grid-template-columns:1fr 46px}.location{min-height:52px;padding:14px;border:0;background:white;text-align:left}.more{border:0;border-left:1px solid var(--soft);background:white;font-size:22px}.location-menu{display:flex;gap:8px;padding:10px;background:#fbfcfc;border-top:1px solid var(--soft)}.location-menu button{flex:1;padding:8px;border:1px solid var(--soft);border-radius:7px;background:white}.location-menu .danger{color:var(--danger)}.accordion-content{display:none;padding:0 14px 14px;background:#f8fbfb}.accordion.open .location{color:var(--turq);font-weight:700}.accordion.open .accordion-content{display:block}.item{display:grid;grid-template-columns:56px minmax(0,1fr);gap:12px;padding:12px 0;border-bottom:1px solid var(--soft)}.item img,.placeholder{width:56px;height:56px;border-radius:8px;border:1px solid var(--soft);object-fit:cover}.placeholder{display:grid;place-items:center}.item-name{font-weight:700;overflow-wrap:anywhere}.item-actions{display:flex;gap:6px;margin-top:8px}.item-actions button{padding:7px;border:1px solid var(--soft);border-radius:7px;background:white}.item-actions .danger{color:var(--danger)}.add-here{width:100%;padding:12px 0;border:0;border-top:1px solid var(--soft);background:transparent;color:var(--turq);font-weight:700;text-align:left}.photo-preview{display:grid;grid-template-columns:110px 1fr;gap:12px;align-items:center}.photo-preview img{width:110px;height:90px;object-fit:cover;border-radius:8px}.hint{font-size:13px;color:var(--muted)}dialog{width:min(500px,calc(100% - 24px));border:0;border-radius:16px;padding:0}dialog::backdrop{background:rgba(7,59,76,.5)}dialog .row button{border:0;background:transparent;font-size:28px}.image-dialog{background:#071f27;color:#fff;text-align:center;padding:38px 14px 14px}.image-dialog img{max-width:100%;max-height:75vh}.search-results{max-width:720px;margin:20px 0}.result{padding:12px 0;border-bottom:1px solid var(--soft)}.result b{display:block}.result span{color:var(--muted)}
@media(max-width:1099px){body{padding:0 18px 36px}.home-layout{display:block}.room-detail{margin-top:24px}.room-open .section-title,.room-open .plan-column{display:none}.room-open .room-detail{display:block!important}.item-name{word-break:normal}}
@media(max-width:750px){body{padding:0 16px 30px}.topbar{position:sticky;top:0;z-index:10;margin:0 -16px 20px;padding:12px 16px;flex-wrap:wrap;background:rgba(247,249,249,.96)}.topbar input{flex-basis:100%}.topbar button{flex:1}.intro h1{font-size:34px}.apartment{grid-template-rows:42px 110px 72px 82px 82px}.room{font-size:11px;padding:4px}.cellar{width:42%;min-width:130px;height:76px}.room-detail{padding:0;border:0;background:transparent}}