*,:before,:after{box-sizing:border-box}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#eef2f7;--bg-accent:#e8eef8;--surface:#fff;--surface-2:#f4f7fb;--border:#d8e0ea;--text:#0f172a;--muted:#64748b;--primary:#2563eb;--primary-hover:#1d4ed8;--danger:#dc2626;--ok:#16a34a;--shadow:0 10px 30px #0f172a14;--radius:14px;--font:"Segoe UI", system-ui, -apple-system, Roboto, Helvetica, Arial, sans-serif;--mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace}body{min-height:100vh;font-family:var(--font);color:var(--text);background:radial-gradient(1200px 500px at 10% -10%, #dbeafe 0%, transparent 55%), radial-gradient(900px 400px at 100% 0%, #e0e7ff 0%, transparent 50%), var(--bg);margin:0}#root{min-height:100vh}.app{max-width:1040px;margin:0 auto;padding:1.75rem 1.1rem 3.5rem}.header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.15rem;display:flex}.header h1{letter-spacing:-.02em;margin:0 0 .35rem;font-size:1.85rem}.subtitle{color:var(--muted);margin:0;font-size:.95rem}.header-actions{flex-wrap:wrap;gap:.5rem;display:flex}.demo-banner{color:#9a3412;background:linear-gradient(90deg,#fff7ed,#ffedd5);border:1px solid #fdba74;border-radius:12px;margin-bottom:1rem;padding:.7rem 1rem;font-size:.9rem}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:1rem;padding:1.05rem 1.15rem}.panel-header{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.85rem;display:flex}.panel-header h2,.panel h2{letter-spacing:-.01em;margin:0;font-size:1.12rem}.count-label{color:var(--muted);font-size:.85rem}.toolbar{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;flex-wrap:wrap;align-items:flex-end;gap:.85rem 1.15rem;margin-bottom:1rem;padding:.85rem;display:flex}.guest-label,.search-label,.beds-label{color:#334155;flex-direction:column;gap:.35rem;font-size:.85rem;font-weight:600;display:flex}.guest-label{max-width:180px}.search-label{flex:1;min-width:180px;max-width:300px}.beds-label{max-width:90px}.guest-label input,.search-label input,.beds-label input{border:1px solid var(--border);background:#fff;border-radius:10px;padding:.5rem .7rem;font-size:.95rem;transition:border-color .15s,box-shadow .15s}.guest-label input:focus,.search-label input:focus,.beds-label input:focus{border-color:#93c5fd;outline:none;box-shadow:0 0 0 3px #2563eb26}.filter-check{color:#334155;align-items:center;gap:.4rem;padding-bottom:.35rem;font-size:.9rem;display:flex}.card-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:.95rem;display:grid}.prop-card{text-align:left;border:1px solid var(--border);cursor:pointer;font:inherit;color:inherit;background:#fff;border-radius:14px;flex-direction:column;padding:0;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex;overflow:hidden}.prop-card:hover{border-color:#93c5fd;transform:translateY(-2px);box-shadow:0 12px 28px #2563eb1f}.prop-card.unavailable{opacity:.78;filter:grayscale(.15)}.prop-visual{justify-content:center;align-items:center;height:100px;display:flex}.prop-visual-icon{color:#fffffff2;text-shadow:0 1px 3px #00000040;font-size:1.9rem}.prop-body{padding:.85rem .95rem 1rem}.prop-body h3{margin:0 0 .35rem;font-size:1.02rem;line-height:1.3}.prop-meta{color:var(--muted);margin:0 0 .65rem;font-size:.84rem}.prop-footer{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.prop-price{color:#0f172a;font-size:.95rem;font-weight:700}.reservation-list{flex-direction:column;gap:.65rem;margin:0;padding:0;list-style:none;display:flex}.reservation-row{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1rem;display:flex}.reservation-row.muted-row{opacity:.72}.property-info h3{margin:0 0 .25rem;font-size:1.05rem}.property-info p{color:var(--muted);margin:0;font-size:.88rem}.badge{letter-spacing:.02em;text-transform:uppercase;border-radius:999px;padding:.15rem .55rem;font-size:.75rem;font-weight:700;display:inline-block}.badge.ok{color:#166534;background:#dcfce7}.badge.no{color:#991b1b;background:#fee2e2}.btn{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:10px;padding:.45rem .9rem;font-size:.9rem;font-weight:600;transition:background .15s,border-color .15s,transform .1s}.btn:hover:not(:disabled){border-color:#94a3b8}.btn:disabled{cursor:not-allowed;opacity:.55}.btn.primary{background:var(--primary);border-color:var(--primary-hover);color:#fff}.btn.primary:hover:not(:disabled){background:var(--primary-hover)}.btn.secondary{background:#fff}.btn.reset{color:#92400e;background:#fffbeb;border-color:#f59e0b}.btn.reset:hover:not(:disabled){background:#fef3c7}.btn.danger{background:var(--danger);color:#fff;border-color:#b91c1c}.btn.danger:hover:not(:disabled){background:#b91c1c}.muted{color:var(--muted)}.error{color:#b91c1c}.result.accepted,.result.ok{background:#f0fdf4;border-color:#86efac}.result.rejected{background:#fef2f2;border-color:#fca5a5}.detail-list{margin:.5rem 0;padding-left:1.2rem}.log-terminal{background:#0b1220;border:1px solid #1e293b;border-radius:12px;overflow:hidden;box-shadow:inset 0 1px #ffffff0a}.log-terminal-bar{background:linear-gradient(#1e293b,#111827);border-bottom:1px solid #334155;align-items:center;gap:.4rem;padding:.55rem .75rem;display:flex}.log-dot{border-radius:50%;width:10px;height:10px;display:inline-block}.log-dot.red{background:#ff5f56}.log-dot.yellow{background:#ffbd2e}.log-dot.green{background:#27c93f}.log-terminal-title{font-family:var(--mono);color:#94a3b8;letter-spacing:.04em;text-transform:uppercase;margin-left:.45rem;font-size:.72rem}.log-panel{max-height:280px;font-family:var(--mono);margin:0;padding:.55rem .35rem .7rem;font-size:.74rem;line-height:1.45;overflow:auto}.log-line{border-left:3px solid #0000;border-radius:6px;grid-template-columns:7.5rem 5.2rem 1fr;align-items:start;gap:.45rem;padding:.28rem .55rem;display:grid}.log-line+.log-line{margin-top:.15rem}.log-svc{color:#64748b;letter-spacing:.03em;font-weight:700}.log-kind{text-transform:uppercase;text-align:center;border-radius:4px;width:fit-content;padding:.08rem .35rem;font-size:.68rem;font-weight:700}.log-msg{color:#cbd5e1;word-break:break-word}.log-book{background:#22c55e0f;border-left-color:#22c55e}.log-kind-book{color:#4ade80;background:#22c55e33}.log-cancel{background:#f9731612;border-left-color:#f97316}.log-kind-cancel{color:#fb923c;background:#f9731638}.log-payment{background:#a855f714;border-left-color:#a855f7}.log-kind-payment{color:#c084fc;background:#a855f738}.log-property{background:#38bdf812;border-left-color:#38bdf8}.log-kind-property{color:#7dd3fc;background:#38bdf833}.log-reset{background:#eab30814;border-left-color:#eab308}.log-kind-reset{color:#facc15;background:#eab30838}.log-gateway{background:#94a3b814;border-left-color:#94a3b8}.log-kind-gateway{color:#cbd5e1;background:#94a3b833}.log-error{background:#ef44441a;border-left-color:#ef4444}.log-kind-error{color:#f87171;background:#ef444440}.log-info{border-left-color:#475569}.log-kind-info{color:#94a3b8;background:#47556959}@media (width<=640px){.log-line{grid-template-columns:1fr;gap:.2rem}}.collapse-toggle{font:inherit;cursor:pointer;color:inherit;background:0 0;border:none;padding:0;font-size:1.12rem;font-weight:700}.cancelled-block{border-top:1px solid var(--border);margin-top:1rem;padding-top:.85rem}.cancelled-heading{color:var(--muted);margin:0 0 .65rem;font-size:.92rem;font-weight:700}.panel.result.cancelled{background:#fff1f2;border-color:#fca5a5}.modal-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:50;background:#0f172a8c;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal{border:1px solid var(--border);background:#fff;border-radius:16px;width:100%;max-width:440px;overflow:hidden;box-shadow:0 24px 60px #0f172a47}.modal-visual{justify-content:center;align-items:center;height:130px;display:flex}.modal-body{padding:1.1rem 1.2rem 1.25rem}.modal-body h2{margin:0 0 .5rem;font-size:1.3rem}.modal-actions{flex-wrap:wrap;justify-content:flex-end;gap:.5rem;margin-top:1.1rem;display:flex}.app-shell{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:1.1rem;max-width:1340px;margin:0 auto;padding:1.25rem 1rem 3rem;display:grid}.app-shell .app{max-width:none;margin:0;padding:0}.state-panel{color:#e2e8f0;background:#0b1220;border:1px solid #1e293b;border-radius:14px;flex-direction:column;max-height:calc(100vh - 2rem);display:flex;position:sticky;top:1rem;overflow:hidden;box-shadow:0 12px 28px #0f172a2e}.state-panel-header{background:linear-gradient(#111827,#0b1220);border-bottom:1px solid #1e293b;padding:.85rem .95rem .7rem}.state-panel-header h2{letter-spacing:.04em;text-transform:uppercase;color:#93c5fd;margin:0 0 .35rem;font-size:.95rem}.state-panel-hint{color:#94a3b8;margin:0;font-size:.72rem;line-height:1.35}.state-list{margin:0;padding:.45rem;list-style:none;overflow:auto}.state-row{background:#0f172a8c;border:1px solid #0000;border-radius:8px;grid-template-columns:1fr;gap:.15rem;margin-bottom:.25rem;padding:.45rem .55rem;transition:background .25s,border-color .25s,box-shadow .25s;display:grid}.state-row.flash{background:#2563eb47;border-color:#60a5fa;box-shadow:0 0 0 1px #60a5fa59}.state-key{font-family:var(--mono,ui-monospace, monospace);color:#7dd3fc;font-size:.7rem;font-weight:700}.state-val{font-family:var(--mono,ui-monospace, monospace);color:#e2e8f0;word-break:break-word;font-size:.78rem}.state-val.type-boolean{color:#fbbf24}.state-val.type-number{color:#4ade80}.state-val.type-string{color:#fda4af}.state-val.type-object{color:#c4b5fd}@media (width<=980px){.app-shell{grid-template-columns:1fr}.state-panel{max-height:360px;position:static}}