*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}#root{height:100vh}.login-container{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;height:100vh;display:flex}.login-box{background:#fff;border-radius:8px;width:400px;padding:40px;box-shadow:0 4px 20px #0000001a}.login-title{text-align:center;color:#333;margin-bottom:30px;font-size:24px}.layout-container{height:100vh}.layout-sider{background:#001529}.layout-logo{color:#fff;background:#ffffff1a;justify-content:center;align-items:center;height:64px;font-size:18px;font-weight:700;display:flex}.layout-content{background:#f0f2f5;min-height:calc(100vh - 64px);padding:24px;overflow:auto}.layout-header{background:#fff;justify-content:space-between;align-items:center;padding:0 24px;display:flex;box-shadow:0 1px 4px #00000014}.page-header{margin-bottom:24px}.page-title{color:#333;font-size:20px;font-weight:600}.card-container{background:#fff;border-radius:8px;margin-bottom:16px;padding:24px}.room-board{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;display:grid}.room-card{cursor:pointer;text-align:center;border:2px solid #0000;border-radius:8px;padding:16px;transition:all .3s}.room-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.room-card.idle{background:#f6ffed;border-color:#b7eb8f}.room-card.occupied{background:#fff7e6;border-color:#ffd591}.room-card.cleaning{background:#e6f7ff;border-color:#91d5ff}.room-card.maintenance{background:#fff1f0;border-color:#ffa39e}.room-no{margin-bottom:8px;font-size:20px;font-weight:700}.room-status{border-radius:4px;padding:2px 8px;font-size:12px;display:inline-block}.stats-cards{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-bottom:24px;display:grid}.stat-card{background:#fff;border-radius:8px;padding:24px}.stat-value{color:#1890ff;font-size:28px;font-weight:700}.stat-label{color:#666;margin-top:8px}