:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:#111827;background-color:#f5f7fb;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;background-color:#f5f7fb;color:#111827}a{color:inherit;text-decoration:none}input{font:inherit}#root{max-width:1200px;margin:0 auto;padding:2.5rem 1.5rem 3rem}.app{display:flex;flex-direction:column;gap:1.75rem}.app__header{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;background:#fff;border-radius:16px;padding:1.75rem 2rem;box-shadow:0 24px 48px -32px #0f172a52}.app__header h1{margin:0;font-size:1.9rem;font-weight:600;color:#0f172a}.app__subtitle{margin:.35rem 0 0;color:#475569;max-width:42rem}.app__timestamp{align-self:flex-start;background:#eff6ff;color:#1d4ed8;border-radius:999px;padding:.35rem .85rem;font-size:.85rem;font-weight:500}.app__header-controls{display:flex;align-items:center;gap:.75rem}.app__reset-button{border:none;background:#1d4ed8;color:#fff;font-weight:600;font-size:.95rem;padding:.5rem 1.1rem;border-radius:999px;cursor:pointer;transition:background .2s ease,transform .1s ease}.app__reset-button:hover:not(:disabled){background:#1e3a8a;transform:translateY(-1px)}.app__reset-button:disabled{background:#94a3b8;cursor:not-allowed;transform:none}.filters{display:flex;flex-wrap:wrap;gap:1.5rem;background:#fff;border-radius:14px;padding:1.5rem;box-shadow:0 16px 32px -28px #0f172a4d}.filters__group{display:flex;flex-direction:column;gap:.75rem}.filters__label{font-size:.9rem;font-weight:600;color:#1f2937}.filters__checkboxes{display:flex;flex-wrap:wrap;gap:.75rem}.filters__checkbox{display:inline-flex;align-items:center;gap:.4rem;font-size:.9rem;color:#1f2937;background:#f8fafc;border-radius:8px;padding:.4rem .65rem;border:1px solid transparent;transition:border .2s ease,background .2s ease;cursor:pointer}.filters__checkbox input{cursor:pointer}.filters__checkbox:hover{border-color:#cbd5f5;background:#eef2ff}.filters__group input[type=text]{min-width:220px;padding:.55rem .75rem;border-radius:8px;border:1px solid #cbd5f1;background:#f8fafc;color:#0f172a;transition:border .2s ease,box-shadow .2s ease}.filters__group input[type=text]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem}.stats__card{background:#fff;border-radius:14px;padding:1.25rem;box-shadow:0 20px 42px -34px #0f172a66;display:flex;flex-direction:column;gap:.4rem}.stats__label{font-size:.85rem;font-weight:500;color:#6b7280}.stats__value{font-size:1.6rem;font-weight:600;color:#0f172a}.layout{display:grid;grid-template-columns:1fr minmax(260px,300px);gap:1.5rem;align-items:start}.layout>.room-map{align-self:stretch}.layout>.room-details{position:sticky;top:1rem}.room-map{background:#fff;border-radius:18px;padding:1.6rem 1.8rem;box-shadow:0 22px 48px -34px #0f172a59;display:flex;flex-direction:column;gap:1.1rem}.room-map__header{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem}.room-map__header h2{margin:0;font-size:1.35rem;font-weight:600;color:#0f172a}.room-map__header p{margin:.2rem 0 0;color:#64748b}.room-map__legend{display:flex;align-items:center;gap:.9rem;list-style:none;margin:0;padding:0;font-size:.82rem;color:#475569}.room-map__legend li{display:inline-flex;align-items:center;gap:.35rem}.room-map__legend-color{width:.8rem;height:.8rem;border-radius:.3rem;background:#cbd5f5;box-shadow:inset 0 0 0 1px #0f172a1f}.room-map__legend-color--available{background:#22c55ed9}.room-map__legend-color--reserved{background:#f59e0bd9}.room-map__legend-color--occupied{background:#2563ebd9}.room-map__legend-color--maintenance{background:#f87171d9}.room-map__rows{display:flex;flex-direction:column;gap:.75rem}.room-map__row{display:flex;align-items:center;gap:.9rem}.room-map__floor-label{min-width:120px;background:linear-gradient(120deg,#eff3fb,#f8fafc);border-radius:14px;padding:.55rem .8rem;display:flex;flex-direction:column;justify-content:center;gap:.1rem;color:#0f172a;font-weight:600;box-shadow:inset 0 0 0 1px #cbd5e173}.room-map__floor-label small{font-size:.7rem;font-weight:500;color:#6b7280}.room-map__rooms{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.room-map__room{width:62px;height:36px;border-radius:14px;border:none;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:600;color:#0f172a;background:linear-gradient(140deg,#f9fafc,#edf2fb);box-shadow:inset 0 0 0 1px #94a3b866;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}.room-map__room:hover{transform:translateY(-2px);box-shadow:0 6px 16px -12px #0f172a73;filter:brightness(1.02)}.room-map__room span{pointer-events:none}.room-map__room--available{background:linear-gradient(140deg,#22c55e24,#1665341f);color:#166534;box-shadow:inset 0 0 0 1px #22c55e59}.room-map__room--reserved{background:linear-gradient(140deg,#f59e0b29,#b4530924);color:#92400e;box-shadow:inset 0 0 0 1px #f59e0b59}.room-map__room--occupied{background:linear-gradient(140deg,#2563eb24,#1d4ed81f);color:#1d4ed8;box-shadow:inset 0 0 0 1px #2563eb59}.room-map__room--maintenance{background:linear-gradient(140deg,#f8717129,#b91c1c1f);color:#b91c1c;box-shadow:inset 0 0 0 1px #f8717159}.room-map__room--active{box-shadow:0 0 0 2px #3b82f6b3,inset 0 0 0 1px #3b82f673;transform:translateY(-2px)}.room-map__state{background:#fff;padding:1.25rem;border-radius:12px;box-shadow:0 16px 32px -28px #0f172a4d;text-align:center;color:#475569}.room-map__state--error{border:1px solid #fca5a5;color:#b91c1c}.room-details{background:#fff;border-radius:18px;padding:1.75rem;box-shadow:0 24px 48px -34px #0f172a59;display:flex;flex-direction:column;gap:1.35rem}.room-details__header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.room-details__header h2{margin:0;font-size:1.5rem;color:#0f172a}.room-details__status{display:inline-flex;align-items:center;justify-content:center;margin-top:.4rem;padding:.35rem .75rem;border-radius:999px;font-size:.75rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.room-details__status--available{background:#22c55e2e;color:#166534}.room-details__status--reserved{background:#f59e0b33;color:#b45309}.room-details__status--occupied{background:#2563eb2e;color:#1d4ed8}.room-details__status--maintenance{background:#f871712e;color:#b91c1c}.room-details__price{font-size:1.4rem;font-weight:700;color:#111827}.room-details__meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1.1rem;margin:0}.room-details__meta div{display:flex;flex-direction:column;gap:.25rem}.room-details__meta dt{margin:0;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;font-weight:600;color:#94a3b8}.room-details__meta dd{margin:0;font-weight:600;color:#6b7280}.room-details__description{margin:0;font-size:.9rem;color:#64748b;line-height:1.5}@media (max-width: 720px){#root{padding:1.5rem 1rem 2.25rem}.filters__group input[type=text]{min-width:0;width:100%}.filters{border-radius:16px}.room-map__legend{flex-wrap:wrap;justify-content:flex-start}.layout{grid-template-columns:1fr}.layout>.room-details{position:static}.room-map__row{flex-direction:column;align-items:flex-start}.room-details__header{flex-direction:column}}