*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;background:#f5f7fa}html,body,#root{height:100%}.page-header{background:linear-gradient(135deg,#1677ff,#4096ff);color:#fff;padding:16px 20px;display:flex;align-items:center;gap:14px;position:sticky;top:0;z-index:50;box-shadow:0 2px 8px #1677ff26}.page-header .back-btn{color:#fff;font-size:22px;cursor:pointer}.page-header .title{font-size:18px;font-weight:700}.card-list{padding:16px;display:flex;flex-direction:column;gap:12px}.card-item{background:#fff;border-radius:12px;padding:16px;box-shadow:0 1px 4px #0000000d;transition:box-shadow .2s}.card-item:active{background:#fafbfc}.stat-row{display:flex;gap:10px;padding:16px}.stat-card{flex:1;background:#fff;border-radius:12px;padding:16px 12px;text-align:center;box-shadow:0 1px 4px #0000000d}.stat-card .stat-value{font-size:26px;font-weight:800;color:#1677ff;letter-spacing:-.5px}.stat-card .stat-label{font-size:12px;color:#8c8c8c;margin-top:6px;letter-spacing:.5px}.capacity-bar{height:6px;border-radius:3px;background:#f0f0f0;overflow:hidden;margin-top:8px}.capacity-bar .fill{height:100%;border-radius:3px;transition:width .3s}.bed-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.bed-cell{border-radius:12px;padding:14px;text-align:center;font-size:14px;font-weight:500;border:2px solid transparent;transition:all .2s}.bed-cell:active{transform:scale(.96)}.bed-cell.vacant{background:#f6ffed;border-color:#b7eb8f;color:#389e0d}.bed-cell.occupied{background:#fff2f0;border-color:#ffccc7;color:#cf1322}.bed-cell.reserved{background:#fffbe6;border-color:#ffe58f;color:#d48806}.bed-cell.maintenance{background:#f5f5f5;border-color:#d9d9d9;color:#8c8c8c}.filter-bar{padding:12px 16px;background:#fff;display:flex;gap:10px;align-items:center;position:sticky;top:0;z-index:40;border-bottom:1px solid #f0f0f0}.tag{display:inline-block;padding:3px 10px;border-radius:6px;font-size:12px;line-height:20px;font-weight:500}.tag-green{background:#f6ffed;color:#389e0d;border:1px solid #b7eb8f}.tag-red{background:#fff2f0;color:#cf1322;border:1px solid #ffccc7}.tag-orange{background:#fffbe6;color:#d48806;border:1px solid #ffe58f}.tag-blue{background:#e6f7ff;color:#1677ff;border:1px solid #91d5ff}.tag-gray{background:#f5f5f5;color:#8c8c8c;border:1px solid #d9d9d9}.sheet-content{padding:20px}.sheet-content h3{margin-bottom:16px;font-size:17px}.wizard-steps{display:flex;align-items:center;justify-content:center;padding:18px 16px;background:#fff;border-bottom:1px solid #f0f0f0}.wizard-step{display:flex;align-items:center;gap:6px;font-size:13px;color:#bfbfbf}.wizard-step.active{color:#1677ff;font-weight:700}.wizard-step.done{color:#52c41a;font-weight:600}.wizard-arrow{margin:0 6px;color:#d9d9d9}.empty-state{text-align:center;padding:56px 24px;color:#999}.empty-state .icon{font-size:48px;margin-bottom:12px}.flex-between{display:flex;justify-content:space-between;align-items:center}.text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mt-8{margin-top:8px}.mt-12{margin-top:12px}.mt-16{margin-top:16px}.mb-8{margin-bottom:8px}.mb-16{margin-bottom:16px}.text-muted{color:#8c8c8c;font-size:13px}.text-sm{font-size:13px}.text-lg{font-size:16px}.font-bold{font-weight:600}