*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,PingFang SC,Microsoft YaHei,sans-serif}#root{min-height:100vh}.room-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;padding:16px}.room-card{border-radius:10px;padding:14px 16px;cursor:pointer;transition:all .2s;border:2px solid transparent;position:relative;overflow:hidden}.room-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}.room-card .room-no{font-size:20px;font-weight:700;margin-bottom:4px}.room-card .room-status{font-size:13px;opacity:.85}.room-card .room-info{font-size:12px;opacity:.65;margin-top:6px}.status-vacant{background:#f6ffed;border-color:#b7eb8f;color:#389e0d}.status-reserved{background:#fffbe6;border-color:#ffe58f;color:#d48806}.status-occupied{background:#e6f4ff;border-color:#91caff;color:#0958d9}.status-dirty{background:#fff1f0;border-color:#ffa39e;color:#cf1322}.status-clean{background:#f0f5ff;border-color:#adc6ff;color:#2f54eb}.status-maintenance{background:#fff0f6;border-color:#ffadd2;color:#c41d7f}