.page{max-width:1200px;margin:0 auto;padding:24px;font-family:system-ui,Arial}h1{margin:0 0 12px;font-size:40px}h2{margin:0 0 10px}.topbar{display:flex;justify-content:space-between;gap:12px;margin-bottom:14px;flex-wrap:wrap}.topbar-left{display:flex;gap:10px;flex-wrap:wrap}button{padding:8px 12px;border:1px solid #d1d5db;background:#fff;border-radius:10px;cursor:pointer}.primary{background:#2563eb;border-color:#1d4ed8;color:#fff;font-weight:700}.danger{background:#ef4444;border-color:#ef4444;color:#fff;font-weight:800}.card{border:1px solid #e5e7eb;background:#fff;border-radius:14px;padding:14px}.form{display:grid;grid-template-columns:repeat(5,minmax(140px,1fr));gap:10px;align-items:end}.form label{font-size:12px;color:#6b7280;display:flex;flex-direction:column;gap:4px}.form input,.form select{padding:9px 10px;border:1px solid #d1d5db;border-radius:10px}.form .desc{grid-column:span 2}.error{margin:12px 0;padding:10px;border-radius:12px;background:#fee2e2;border:1px solid #fecaca;color:#7f1d1d;font-weight:700}.tableWrap{margin-top:14px;border:1px solid #e5e7eb;border-radius:14px;overflow:auto;background:#fff}table{width:100%;border-collapse:separate;border-spacing:0}th{position:sticky;top:0;background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:10px 12px;text-align:left;font-size:13px}td{border-bottom:1px solid #f0f2f5;border-right:1px solid #f0f2f5;padding:8px;min-width:150px;vertical-align:top}.sticky-left{position:sticky;left:0;background:#fff;z-index:2;border-right:1px solid #e5e7eb;min-width:220px}.room-title{font-weight:900}.room-sub{font-size:12px;color:#6b7280}.floor td,.floor .sticky-left{background:#eef2ff;color:#1e3a8a;font-weight:800}.empty{color:#9ca3af;font-size:12px}.tag{border:1px solid #bae6fd;background:#e0f2fe;color:#075985;padding:8px 10px;border-radius:12px;font-size:12px;font-weight:700;margin-bottom:8px;cursor:pointer}.tag small{display:block;font-size:11px;font-weight:600;opacity:.85;margin-top:3px}.loading{padding:16px}.modalBack{position:fixed;inset:0;background:#00000059;display:flex;align-items:center;justify-content:center;padding:16px}.modal{width:min(720px,100%);background:#fff;border-radius:16px;overflow:hidden;border:1px solid #e5e7eb}.modalHeader{background:#0ea5e9;color:#fff;padding:14px 16px;display:flex;justify-content:space-between;align-items:center}.modalHeader button{background:#fff;border:0;border-radius:10px;padding:6px 10px}.modalBody{padding:16px;display:grid;gap:10px}.modalBody label{font-size:12px;color:#6b7280;display:flex;flex-direction:column;gap:4px}.modalBody input,.modalBody select{padding:9px 10px;border:1px solid #d1d5db;border-radius:10px}.modalActions{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}