:root{color-scheme:dark;--bg:#0d1117;--panel:#161b22;--panel2:#1f2630;--line:#30363d;--text:#f0f6fc;--muted:#8b949e;--accent:#58a6ff;--green:#3fb950;--orange:#d29922;--red:#f85149;--radius:16px;--shadow:0 18px 50px rgba(0,0,0,.28)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.hidden{display:none!important}button,input,select,textarea{font:inherit}button,.file-button{cursor:pointer}.topbar{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;gap:20px;align-items:center;padding:20px max(20px,calc((100vw - 1400px)/2));background:rgba(13,17,23,.92);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}h1,h2,h3,p{margin-top:0}.topbar h1{margin:0;font-size:24px}.eyebrow{margin:0 0 3px;color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.15em}.header-actions,.toolbar-actions,.dialog-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}main{max-width:1400px;margin:auto;padding:28px 20px 70px}.metric-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.metric,.panel,.room-hero,.item-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.metric{padding:18px}.metric .value{font-size:27px;font-weight:800}.metric .label{color:var(--muted);font-size:12px}.metric.good .value{color:var(--green)}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:26px 0 18px}.tabs{display:flex;gap:8px;overflow:auto;padding-bottom:2px}.tab,.ghost,.secondary,.primary,.danger,.file-button{border-radius:10px;border:1px solid var(--line);padding:9px 13px;background:var(--panel);color:var(--text);font-weight:700}.tab.active,.primary{background:var(--accent);border-color:var(--accent);color:#07111d}.secondary{background:var(--panel2)}.danger{background:transparent;border-color:var(--red);color:var(--red)}.file-button input{display:none}select,input,textarea{width:100%;border:1px solid var(--line);border-radius:10px;background:#0d1117;color:var(--text);padding:10px 11px}.toolbar select{width:auto}.room-hero{padding:22px;margin-bottom:24px}.room-hero-top{display:flex;justify-content:space-between;gap:20px}.room-hero h2{margin-bottom:4px}.progress{height:12px;border-radius:99px;overflow:hidden;background:#090c10;margin:16px 0 8px}.progress span{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--green));border-radius:99px}.summary-row{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.summary-cell{background:var(--panel2);border-radius:12px;padding:12px}.summary-cell strong{display:block;font-size:19px}.summary-cell span{font-size:12px;color:var(--muted)}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:22px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:12px}.section-heading h2{margin:0}.badge{background:var(--panel2);color:var(--muted);padding:5px 9px;border-radius:99px}.items-list{display:grid;gap:10px}.item-card{padding:16px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px}.item-main h3{margin:0 0 4px}.item-meta{display:flex;flex-wrap:wrap;gap:7px;color:var(--muted);font-size:12px}.pill{padding:3px 7px;border-radius:99px;background:var(--panel2)}.pill.ready{color:var(--green)}.pill.purchased{color:var(--accent)}.item-cost{text-align:right}.item-cost strong{font-size:19px;display:block}.item-cost small{color:var(--muted)}.item-actions{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:10px}.link-buttons{display:flex;gap:10px}.text-btn{border:0;background:none;color:var(--accent);padding:0;cursor:pointer}.panel{padding:17px;margin-bottom:16px}.breakdown-row,.history-row{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--line)}.breakdown-row:last-child,.history-row:last-child{border:0}.muted,.empty{color:var(--muted)}.empty{padding:32px;text-align:center;border:1px dashed var(--line);border-radius:var(--radius)}dialog{width:min(820px,calc(100vw - 28px));border:1px solid var(--line);border-radius:18px;background:var(--panel);color:var(--text);padding:0;box-shadow:var(--shadow)}dialog::backdrop{background:rgba(0,0,0,.7);backdrop-filter:blur(3px)}.dialog-form{padding:22px}.dialog-form.narrow{max-width:520px;margin:auto}.dialog-title{display:flex;justify-content:space-between;gap:15px;align-items:start;margin-bottom:18px}.dialog-title h2{margin:0}.icon-btn{border:0;background:none;color:var(--muted);font-size:28px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.form-grid label,.dialog-form>label{display:block;color:var(--muted);font-size:12px;font-weight:700}.form-grid input,.form-grid select,.form-grid textarea,.dialog-form>label input{margin-top:5px}.span-2{grid-column:1/-1}.dialog-actions{justify-content:flex-end;margin-top:20px}.dialog-actions span{flex:1}.toast{position:fixed;z-index:100;bottom:22px;left:50%;transform:translateX(-50%);background:var(--text);color:var(--bg);padding:10px 14px;border-radius:10px;opacity:0;pointer-events:none;transition:.2s}.toast.show{opacity:1}.login-shell{min-height:100vh;display:grid;place-items:center;padding:20px}.login-card{width:min(400px,100%);background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:28px;box-shadow:var(--shadow)}.login-card label{display:block;color:var(--muted);font-weight:700}.login-card input{margin:7px 0 14px}.login-card button{width:100%}.brand-mark{width:52px;height:52px;display:grid;place-items:center;background:var(--accent);color:#07111d;border-radius:15px;font-weight:900;margin-bottom:18px}.error{color:var(--red);margin:12px 0 0}.delta-down{color:var(--green)}.delta-up{color:var(--red)}
@media(max-width:1000px){.metric-grid{grid-template-columns:repeat(2,1fr)}.content-grid{grid-template-columns:1fr}.summary-row{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.topbar,.toolbar,.room-hero-top{align-items:flex-start;flex-direction:column}.header-actions{width:100%;overflow:auto;flex-wrap:nowrap}.metric-grid{grid-template-columns:1fr 1fr}.metric .value{font-size:21px}.toolbar-actions{width:100%}.toolbar-actions>*{flex:1}.summary-row{grid-template-columns:1fr 1fr}.item-card{grid-template-columns:1fr}.item-cost{text-align:left}.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.dialog-form{padding:17px}}