:root{--bg: #0f172a;--panel: #1e293b;--text: #f8fafc;--muted: #94a3b8;--accent: #38bdf8;--accent-2: #818cf8;--danger: #f87171;--success: #34d399}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);line-height:1.5}.app{max-width:960px;margin:0 auto;padding:1.5rem}header{text-align:center;margin-bottom:1.5rem}header h1{margin:0 0 .25rem;font-size:1.875rem}header p{margin:0;color:var(--muted)}.card{background:var(--panel);border-radius:1rem;padding:1.25rem;margin-bottom:1rem;box-shadow:0 10px 30px #00000040}label{display:block;margin-bottom:.5rem;color:var(--muted);font-size:.875rem}input,select{width:100%;padding:.65rem .85rem;border-radius:.5rem;border:1px solid #334155;background:#0f172a;color:var(--text);font-size:1rem}input:focus,select:focus{outline:2px solid var(--accent)}button{cursor:pointer;border:none;border-radius:.5rem;padding:.65rem 1rem;font-size:.95rem;font-weight:600;transition:transform .05s ease,opacity .15s ease}button:active{transform:translateY(1px)}button:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#0f172a}.btn-secondary{background:#334155;color:var(--text)}.grid{display:grid;gap:1rem}.slot-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:.5rem}.slot{background:#0f172a;border:1px solid #334155;border-radius:.5rem;padding:.5rem;text-align:center;cursor:pointer;transition:border-color .15s ease,background .15s ease}.slot:hover:not(.unavailable){border-color:var(--accent)}.slot.selected{background:#38bdf826;border-color:var(--accent)}.slot.unavailable{opacity:.45;cursor:not-allowed;text-decoration:line-through}.slot .time{font-weight:600;display:block}.slot .chair{font-size:.75rem;color:var(--muted)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width:560px){.form-row{grid-template-columns:1fr}}.status{padding:.75rem 1rem;border-radius:.5rem;margin-bottom:1rem}.status.success{background:#34d3991f;color:var(--success)}.status.error{background:#f871711f;color:var(--danger)}.legend{display:flex;gap:1rem;flex-wrap:wrap;font-size:.875rem;color:var(--muted);margin-top:.75rem}.dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:.35rem}.dot.free{background:var(--accent)}.dot.busy{background:#334155;opacity:.45}