@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;600&family=Space+Grotesk:wght@400;600;700&display=swap";:root{--bg-1: #f5f1e9;--bg-2: #d6e4df;--bg-3: #f5d3b9;--ink: #1f2a2a;--muted: #5e6b6a;--accent: #e07a5f;--accent-strong: #d86c4d;--accent-2: #3a7ca5;--surface: #fff7ed;--surface-strong: #fff1e1;--stroke: rgba(31, 42, 42, .16);--shadow: 0 16px 30px rgba(31, 42, 42, .15);--radius: 18px;--card-width: 560px;--canvas-padding: 80px;--canvas-gap: 24px;--font-body: "Space Grotesk", "Segoe UI", sans-serif;--font-mono: "IBM Plex Mono", "SFMono-Regular", "Menlo", monospace}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:var(--font-body);color:var(--ink);background:radial-gradient(1200px 600px at 10% -10%,var(--bg-3),transparent 60%),radial-gradient(900px 500px at 90% 10%,var(--bg-2),transparent 60%),linear-gradient(140deg,var(--bg-1),#fef8f1 55%)}body:before,body:after{content:"";position:fixed;inset:-10% -20%;opacity:.2;pointer-events:none;background-image:linear-gradient(120deg,#1f2a2a14,#1f2a2a00),repeating-linear-gradient(135deg,rgba(31,42,42,.04),rgba(31,42,42,.04) 2px,transparent 2px,transparent 8px);mix-blend-mode:multiply;z-index:0}#app{position:relative;z-index:1;padding:0;min-height:100vh}.app-shell{width:100%;min-height:100vh;margin:0 auto;display:flex;flex-direction:column;gap:24px}.hero{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;padding:28px;border-radius:var(--radius);background:linear-gradient(120deg,var(--surface),var(--surface-strong));box-shadow:var(--shadow);border:1px solid var(--stroke);animation:rise .5s ease-out}.hero h1{margin:8px 0;font-size:clamp(2rem,2.4vw + 1.4rem,3.2rem);letter-spacing:-.02em}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.75rem;color:var(--muted);margin:0}.subhead{margin:0;color:var(--muted);max-width:520px}.hero-meta{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.chip{font-family:var(--font-mono);font-size:.75rem;padding:6px 10px;border-radius:999px;background:#1f2a2a14;color:var(--muted)}.chip span{color:var(--ink);overflow-wrap:anywhere}.controls{display:grid;grid-template-columns:minmax(240px,1.4fr) auto minmax(320px,1.6fr) auto auto auto auto;gap:12px;align-items:end}.field{display:flex;flex-direction:column;gap:6px;font-size:.85rem;color:var(--muted)}.field.checkbox{flex-direction:row;align-items:center;gap:8px;padding-bottom:6px}.input{padding:12px 14px;border-radius:12px;border:1px solid var(--stroke);background:#fff;font-family:var(--font-mono);font-size:.9rem}.sort-group{display:flex;flex-direction:column;gap:6px}.sort-controls{display:flex;gap:8px;align-items:center}.sort-controls .input{flex:1 1 0;min-width:0}.zoom-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap;max-width:100%}.zoom-label{min-width:56px;text-align:center;font-family:var(--font-mono);font-size:.8rem;color:var(--muted)}.input:focus{outline:2px solid rgba(58,124,165,.35);border-color:var(--accent-2)}.button{border:none;background:var(--accent);color:#fff;padding:12px 18px;border-radius:12px;font-weight:600;cursor:pointer;transition:transform .16s ease,background .16s ease}.button:hover{background:var(--accent-strong);transform:translateY(-1px)}.button.secondary{background:#1f2a2a14;color:var(--ink);border:1px solid var(--stroke);padding:8px 12px;font-weight:600}.button.secondary:hover{background:#1f2a2a24}.status{align-self:center;padding:8px 14px;border-radius:999px;font-size:.85rem;background:#1f2a2a14;color:var(--muted);min-width:150px;text-align:center}.status[data-tone=ok]{background:#2a9d8f2e;color:#1b6b60}.status[data-tone=error]{background:#e76f5133;color:#a23f24}.canvas-viewport{position:relative;overflow:auto;height:100vh;width:100vw;border-radius:0;border:none;background:transparent;cursor:grab}.canvas-viewport.panning{cursor:grabbing}.canvas-space{position:relative;width:0;height:0}.rooms-grid{position:absolute;inset:0;transform-origin:0 0}.room-card{position:absolute;top:0;left:0;background:#ffffffdb;border:1px solid var(--stroke);border-radius:16px;padding:18px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:12px;animation:rise .42s ease-out both;container-type:inline-size;min-width:var(--card-width);width:max-content;max-width:none;white-space:nowrap;cursor:grab;touch-action:none;z-index:1}.room-card.is-hidden{display:none}.room-card[data-favorite=true]{border-color:#3a7ca566}.canvas-panel{position:absolute;top:0;left:0;width:max-content;max-width:900px;cursor:grab;touch-action:none;z-index:2}.canvas-panel.dragging,.room-card.dragging{cursor:grabbing;user-select:none;z-index:4}.room-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.room-actions{display:flex;align-items:center;gap:8px}.favorite-toggle{border:1px solid var(--stroke);background:#1f2a2a14;color:var(--muted);font-size:.75rem;font-family:var(--font-mono);padding:6px 10px;border-radius:999px;cursor:pointer;transition:transform .16s ease,background .16s ease,color .16s ease}.favorite-toggle:hover{background:#1f2a2a24;transform:translateY(-1px)}.favorite-toggle[data-favorite=true]{background:var(--accent-2);color:#fff;border-color:transparent}.room-id{margin:0 0 4px;font-size:1.05rem;font-weight:600}.room-last{margin:0;font-size:.8rem;color:var(--muted)}.room-status{padding:6px 10px;border-radius:999px;font-size:.75rem;font-family:var(--font-mono);background:#1f2a2a1f;color:var(--muted)}.room-status[data-state=open]{background:#2a9d8f2e;color:#1b6b60}.room-status[data-state=error]{background:#e76f5133;color:#a23f24}.room-status[data-state=connecting]{background:#3a7ca533;color:#255975}.room-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;font-size:.85rem;color:var(--muted)}.room-meta strong{display:block;color:var(--ink);font-family:var(--font-mono);font-size:.9rem}.room-metrics{display:grid;gap:10px}.metric{background:#1f2a2a0f;border-radius:12px;padding:10px 12px;display:flex;justify-content:space-between;align-items:center;font-size:.85rem;color:var(--muted)}.metric strong{font-family:var(--font-mono);color:var(--ink)}.metric strong[data-tone=pos]{color:#1b6b60}.metric strong[data-tone=neg]{color:#a23f24}.entries{background:#ffffffb3;border:1px solid rgba(31,42,42,.08);border-radius:12px;padding:10px 12px;display:grid;gap:8px}.entries-head{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:var(--muted)}.entries-count{font-family:var(--font-mono);font-size:.75rem;padding:2px 8px;border-radius:999px;background:#1f2a2a14;color:var(--ink)}.entries-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}.entry-row{display:grid;grid-template-columns:1fr auto auto auto auto;gap:10px;font-family:var(--font-mono);font-size:.78rem;color:var(--muted)}.entry-time{letter-spacing:.04em}.entry-pnl{color:var(--ink)}.entry-pnl[data-tone=pos]{color:#1b6b60}.entry-pnl[data-tone=neg]{color:#a23f24}.entry-diff,.entry-total,.entry-exposure{color:var(--muted)}.entries-empty{margin:0;font-size:.75rem;color:var(--muted)}.room-foot{font-size:.75rem;color:var(--muted)}.empty{position:absolute;left:var(--canvas-padding);top:var(--canvas-padding);padding:40px;border-radius:var(--radius);border:1px dashed var(--stroke);text-align:center;color:var(--muted);background:#fff9;width:max-content;max-width:360px;pointer-events:none;z-index:0}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1100px){.controls{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center}.status{min-width:0;grid-column:1 / -1}}@media (max-width: 900px){#app{padding:0}.controls{grid-template-columns:1fr}.controls .button,.controls .status{width:100%}.status{min-width:0}.hero{padding:22px}}@media (max-width: 520px){#app{padding:0}.hero{padding:18px}.room-card{padding:16px}}
/*# sourceMappingURL=client.css.map */